@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root{
    --primary-color:#6092FF;
    --black-color:#000;
    --white-color:#fff;
    --gray-color:#666666;
    --lightbg-color:#F1F4F9;
    --bordercolor:#d5d5d5;
    --primary-font:"Be Vietnam Pro",sans-serif;
}
*{box-sizing:border-box;padding:0;margin:0;list-style:none;}
html{scroll-behavior:smooth;}
body{font-size:14px;font-family:var(--primary-font);line-height:1.2;color:var(--black-color);overflow-x:hidden;overflow-y:scroll;}
h1,h2,h3,h4,h5,h6,p,span,label,.lead{font-family:var(--primary-font);}
h5,h1,h4,h6{color:var(--black-color);text-align:start;}
h4{font-size:20px;}
h3{color:var(--black-color);font-size:32px;font-weight:600;}
h3 span{font-size:14px;}
.font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-20{font-size:20px;}
.font-300{font-weight: 300 !important;}
.font-400{font-weight: 400 !important;}
.font-500{font-weight: 500 !important;}
.font-600{font-weight: 600 !important;}
.font-700{font-weight: 700 !important;}


.border-r16{
    border-radius: 16px;
}
a.black_link{
    font-weight: 600;
    color: var(--black-color) !important;
}


a{display:inline-block;text-decoration:none;transition:all 0.3s ease-in-out;}
.border-rrb-16{border-radius:0 0 16px 0;}
#inputGroupPrepend {
    cursor: pointer;
}
.mobile_menu a.btn-primary {
    width: auto;
    display: inline-block;
}


.site_header{background:var(--white-color);padding:20px 0;position:absolute;left:0;right:0;top:0;z-index:11;border-bottom:1px solid var(--bordercolor);}
.home_page .site_header,.pricing_page .site_header{background:var(--lightbg-color);border-bottom:1px solid transparent;}
.site_header.fadeInDown{position:fixed;top:0;width:100%;background:var(--white-color);box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
.site_header.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@keyframes fadeInDown{
0%{opacity:0;transform:translate3d(0,-100%,0);}
to{opacity:1;transform:translateZ(0);}
}
@-webkit-keyframes fadeInDown{
0%{opacity:0;transform:translate3d(0,-100%,0);}
to{opacity:1;transform:translateZ(0);}
}
.nav{width:100%;display:flex;align-items:center;justify-content:space-between;}
.nav-header{display:flex;flex-direction:row;justify-content:start;align-items:center;}
.nav-list{display:flex;gap:2rem;align-items:center;}
.nav .nav-list li{list-style-type:none;}
.nav-list li a,.nav-btn .dropdown-menu.show li a{text-decoration:none;color:var(--black-color);cursor:pointer;font-size:14px;font-weight:400;line-height:20px;}
.navDrop{background:none;color:var(--black-color);cursor:pointer;font-size:14px;font-weight:400;line-height:20px;border:none;outline:none;}
.smallDrop{display:none;}
.nav-btn .dropdown-menu.show{padding:10px;display:flex;gap:10px;flex-direction:column;align-items:center;}
.dropdown-menu.show{padding:24px;width:350px;border:none;border:1px solid var(--bordercolor);box-shadow:0px 2px 5px var(--bordercolor);}
.dropdown-item:hover{background-color:transparent!important;}
.dropdown-menu.show li{display:flex;}
.dropdown-menu.show li a{font-size:16px;font-weight:600;text-align:left;}
.dropdown-menu.show li p{font-size:14px;font-weight:400;text-align:left;padding-left:1rem;}
.arrowvector img{border-radius:8px;background:var(--lightbg-color);width:40px;padding:10px;}
.fa-bars:before,.fa-navicon:before{font-size:25px;}
.padding100{padding-top:100px;padding-bottom:100px;}
.pt-60{padding-top:60px;padding-bottom:0;}
.bg-head{background:var(--lightbg-color);}
header.masthead{position:relative;padding-top:100px;padding-bottom:100px;}
h1{font-size:72px;font-weight:700;line-height:1.1;word-wrap:break-word;}
p{color:var(--gray-color);font-size:16px;font-weight:400;line-height:1.5;word-wrap:break-word;}
h2{color:var(--black-color);font-size:54px;font-weight:600;line-height:1.2;}
.features-item h5{text-align:start;font-weight:600;}
.features-item p{font-size:14px;}
.actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;}
.btn-primary{padding:16px 24px;text-decoration:none;background:var(--primary-color);border-radius:16px;display:flex;justify-content:center;align-items:center;border:1px solid var(--primary-color)!important;color:var(--white-color)!important;gap:10px;}
.btn-primary:hover{color:var(--white-color)!important;background: var(--black-color) !important;border:1px solid var(--black-color)!important;}





.arrow_btn{padding-right:50px!important;position:relative;}
.arrow_btn i{position:absolute;top:50%;transform:translateY(-50%);right:25px;transition:all 0.3s ease-in-out;}
.arrow_btn:hover i{right:15px;}
button{background-color:transparent;border:0;outline:0;}
.btn-text{font-size:16px;font-weight:400;line-height:20px;color:var(--black-color);text-decoration:underline;}
.lightbg{background-color:var(--lightbg-color) !important;}
.signup-content{display:flex;justify-content:flex-start;align-items:center;gap:8px;}
.signup-text{color:white;font-size:16px;font-weight:400;text-align:center;}
.signup-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;}
.btn-plan{display:flex;justify-content:flex-start;align-items:center;gap:8px;color:var(--black-color);}
.plan-text{color:var(--black-color);font-size:16px;font-weight:600;text-decoration:underline;text-align:center;}
.showcase-text img{width:35px;}
img{max-width:100%;}
.features{padding-top:100px;padding-bottom:100px;}
.frameBox{padding:100px 0;}
.features .features-item{max-width:20rem;}
.features-img{border-radius:16px;overflow:hidden;}
.article_box .features-img img{transition:all 0.3s ease-in-out;transform:scale(1);min-height: 200px;
    object-fit: cover;}
.article_box:hover .features-img img{transform:scale(1.2);}
.frameBox_inner{width:100%;border-radius:16px;background:var(--white-color);border:1px solid var(--bordercolor);}
.discover-item{border:1px solid var(--bordercolor);border-radius:16px;padding:16px;background-color: var(--white-color);}
.price-item{border:1px solid var(--bordercolor);border-radius:16px;padding:40px 20px 24px;position:relative;}
.discover-item p,.price-item{font-size:14px;}
.frameBox h2{text-align:start;}
.logo_slide{padding:0 15px;display:flex!important;align-items:center;justify-content:center;}
.badge{background-color:var(--lightbg-color);color:var(--primary-color);}
.discover-text{display:flex;justify-content:center;flex-direction:column;align-items:flex-start;}
.pricingDescription ul li{font-size:14px;font-weight:400;line-height:20px;color:var(--gray-color);}
.price-item .most_popular_label{position:absolute;left:0;right:0;top:-15px;width:100%;height:30px;border-radius:16px 16px 0px 0px;background-color:var(--black-color);color:var(--white-color);font-size:14px;font-weight:600;line-height:20px;text-align:center;display:flex;justify-content:center;align-items:center;}
.pricing__tabs{border:1px solid #00000033;display:inline-flex;border-radius:16px;width:auto;}
.pricing__tabs .nav-link{padding:14px 24px;font-size:12px;font-weight:500;letter-spacing:1px;text-align:center;}
.priceContainer{min-width:240px;max-width:265px;}
.viewMore{display:flex;justify-content:center;align-items:center;gap:36px;padding-top:60px;}
.price-item{background-color:var(--white-color);}
footer{background:var(--black-color);color:var(--white-color);position:relative;width:100%;}
footer span{margin-top:25px;}
footer h6{color:var(--white-color);font-size:16px;font-weight:700;margin-bottom:24px;letter-spacing:1.5px;text-transform:uppercase;}
footer a{text-decoration:none;transition:0.5s;color:var(--white-color);}
footer a:hover{color:#f5871f;}
footer .fa-whatsapp{margin-right:5px;}
.copyright{color:var(--white-color);border-top:1px solid #FFFFFF33}
.copyright p{text-align:center;padding:25px 0;}
.social{display:flex;align-items:center;margin-top:13px;padding-left:5px;}
.social i{color:var(--gray-color);font-size:17px;margin-right:15px;}
.pricingContent{display:flex;justify-content:center;flex-direction:column;align-items:flex-start;padding-bottom:36px;}
.pricingContent p{font-size:14px;}
.pricingDescription{border-top:1px solid var(--bordercolor);padding-top:24px;}
.pricingDescription ul{display:flex;justify-content:center;flex-direction:column;align-items:flex-start;padding:0;list-style-type:none;color:var(--black-color);gap:12px;margin-bottom:0;}
.showcase-text h6{color:var(--primary-color);font-size: 14px;}
.containerBlack{background:var(--primary-color);padding:80px 0;}
.containerBlack h3{font-size:42px;color:var(--white-color);text-align:center;}
.featuresConatiner{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;}
.accordion-header{margin-bottom:0;display:flex;flex-direction:row;gap:15px;width:100%;}
.accordion-body{padding:0 35px 20px 75px;}
.accordion-body p{font-size:16px;}
.accordion-item{background:none;border:none;}
.activeContainer{background:var(--white-color);border-radius:8px 8px 0 0;border-bottom:2px solid var(--primary-color);box-shadow:0px 6px 10px 0px #0000001A;}
.accordion_images{height:auto;}
.accordion_images img{width:100%;height:auto;opacity:0;transition:opacity 0.3s ease-in-out;}
.accordion_images img.active{opacity:1;}
.accordion_smallimages{display:none;}
.accordion-header h4{width:100%;padding:35px 35px 15px 75px;margin-bottom:0;background:url(../image/arrow-icon.svg) no-repeat left 30px top 35px;color:var(--gray-color);font-size:24px;line-height:36px;}
.activeContainer .accordion-header h4{background:url(../image/arrow-icon-primary.svg) no-repeat left 30px top 35px;color:var(--black-color);}
.nav-link{background-color:var(--white-color);border-radius:16px;color:var(--black-color);}
.nav-tabs .nav-link{border-top-left-radius:16px;border-top-right-radius:16px;}
.nav-tabs .right{background-color:var(--white-color);border-top-right-radius:16px;border-bottom-right-radius:16px;}
.nav-tabs .left{background-color:var(--white-color);border-top-left-radius:16px;border-bottom-left-radius:16px;}
.nav-tabs{--bs-nav-tabs-border-width:0;--bs-nav-tabs-border-color:none;--bs-nav-tabs-link-active-color:var(--white-color);--bs-nav-tabs-link-active-bg:var(--primary-color);}
.pb-80{padding-bottom:80px;}
/* phone view */
.smartphone{position:relative;width:360px;height:640px;margin:auto;border:10px black solid;border-top-width:10px;border-bottom-width:10px;border-radius:40px;}
/* phone view end */
/* tablet view */
.tablet{position:relative;width:851px;height:1024px;margin:auto;border:16px black solid;border-top-width:60px;border-bottom-width:60px;border-radius:36px;}
/* tablet view end */
div#ResponsiveTabsContent div#home-tab-pane iframe {
    border-radius: 30px;
}
.loginContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:50px 15px;}
.formContainer{margin-top:35px;background-color:var(--white-color);border-radius:16px;padding:60px;max-width:565px;width:100%;}
.formContainer h4{margin-bottom:35px;font-size:24px;font-weight:600;}
.btn-white{background-color:var(--white-color);color:var(--black-color);padding:16px 24px;border-radius:16px;display:flex;justify-content:center;align-items:center;border:1px solid var(--bordercolor);gap:10px;font-size:16px;}
.btn-white:hover{background-color:#e7e5e5;color:var(--black-color);border:1px solid var(--bordercolor);}
.fa-google{background:conic-gradient(from -45deg,#ea4335 110deg,#4285f4 90deg 180deg,#34a853 180deg 270deg,#fbbc05 270deg) 73% 55%/150% 150% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.formHeader p{font-size:16px;text-align:center;margin:0;padding-top:34px;}
.formHeader i{color:var(--primary-color);}
.formHeader .form-control{padding:11px 22px;}
.passwordField{border-right:1px solid var(--white-color);border-top-right-radius:0;border-bottom-right-radius:0;}
.input-group-text{background-color:transparent;}
.formHeader .divider{width:100%;text-align:center;border-bottom:1px solid var(--bordercolor);line-height:0.1em;    /* margin: 10px 0 20px;  */}
.formHeader .divider span{background:var(--white-color);padding:0 10px;}
.lead{font-size:14px;color:var(--gray-color);}
.lead a{color:var(--gray-color);}
.formContainer ul{display:flex;justify-content:center;align-items:center;flex-direction:column;}
.formContainer ul li{font-size:14px;color:var(--gray-color);}
button a{color:var(--white-color);text-decoration:none;}
/* animation */
.floating{animation:hu__hu__ infinite 2s ease-in-out;}
@keyframes hu__hu__{
50%{transform:translateY(30px);}
}
.text_link{color:var(--black-color);}
.text_link:hover{color:var(--primary-color);}
.article_box h5 a{display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.article_box p{display:-webkit-box;max-width:100%;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.footer_col{display:grid;grid-template-columns:repeat(5,1fr);}
.quick_links{padding:0;margin:0;}
.quick_links li:not(:last-child){margin-bottom:18px;}
.quick_links li a{color:var(--gray-color);font-size:14px;font-weight:400;line-height:20px;}
.quick_links li a:hover,.social a:hover i{color:var(--primary-color);}
main.site_container{overflow:hidden;padding-top:93px;}
.how_use_amplibox .showcase-img img{border-radius:16px 0 0 16px;width:100%;height:100%;object-fit:cover;}
.how_use_amplibox_cards .frameBox_inner:nth-child(even) .row{flex-direction:row-reverse;}
.how_use_amplibox_cards .frameBox_inner:nth-child(even) .showcase-img img{border-radius:0 16px 16px 0;}
ul#ResponsiveTabs{border:1px solid #00000033;border-radius:16px;width:100%;max-width:300px;margin:0 auto;}
ul#ResponsiveTabs li{width:50%;}
ul#ResponsiveTabs li .nav-link{width:100%;text-align:center;padding:15px;border-radius:16px;font-weight:500;font-size:12px;color:var(--black-color);}
ul#ResponsiveTabs li .nav-link.active{color:var(--white-color);background-color:var(--primary-color)}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-thumb{background:#c1c1c1;}
::-webkit-scrollbar-thumb:hover{background:#c1c1c1;}
.Responsive_page{padding:70px 0!important;min-height:100vh;}
.showcase-text ul li{color:var(--gray-color);font-size:16px;font-weight:400;list-style-type:disc;line-height:1.5;word-wrap:break-word;margin-bottom:10px;}
.enterprise_card_icon{width:64px;height:64px;background:#FFFFFF;border-radius:100%;box-shadow:0px 6px 10px 0px #0000001A;display:flex;align-items:center;justify-content:center;margin-bottom:24px;}
.form-check .form-check-input{margin-top:1px;}
.grey_link{color:var(--gray-color);text-decoration:underline;}
.grey_link:hover{color:var(--primary-color);}
.primary_link{color:var(--primary-color);text-decoration:underline;}
.remember_me label{color:var(--gray-color)!important;cursor:pointer;}
.remember_me input{border-color:var(--gray-color)!important;cursor:pointer;}
.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:none!important;}
.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--primary-color);border-color:var(--primary-color)!important;}
.password_instruction ul{column-count:2;column-gap:20px;display:block;margin-top:15px;padding-left:18px;}
.password_instruction ul li{text-align:left;list-style-type:disc;margin-bottom:15px;padding-right:10px;}
.contact_form{background-color:var(--lightbg-color);border-radius:24px;padding:40px;}
.contact_form label{font-size:14px;font-weight:500;line-height:20px;color:var(--black-color);margin-bottom:7px;}
.contact_form .form-control{font-family:var(--primary-font);font-size:16px;font-weight:400;line-height:20px;color:var(--black-color);padding:13px 20px;}
.contact_form label span{color:#DE2E2E;}
.contact_form textarea.form-control{min-height:100px;}

.mobile_menu .dropdown li p{margin-bottom:0;}

.products_dropdown li{
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}
.products_dropdown li:last-child{
    margin-bottom: 0;
}

.mobile_menu .dropdown-toggle {
    color: var(--black-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}
.pricingDescription h6 {
    margin-bottom: 16px;
}

















/* responsive */
@media (min-width:1441px){
.container{max-width:1420px;}
}
@media (max-width:1440px){
h1{font-size:52px;}
h2{font-size:42px;}
}
@media (max-width:1199px){
h1{font-size:48px;}
h2{font-size:40px;}
.padding100{padding-top:80px;padding-bottom:80px;}
.containerBlack h3{font-size:40px;color:var(--white-color);text-align:center;}
}
@media (max-width:991px){
.padding100{padding-top:70px;padding-bottom:70px;}
h1{font-size:46px;}
h2{font-size:36px;}
.containerBlack h3{font-size:36px;}
.products_dropdown {
    align-items: flex-start !important;
    gap: 0 !important;
}
.container{
    max-width: 100%;
}
.container, .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

main.site_container{padding-top:71px;}
.smallDrop{display:block;}
.nav-btn .dropdown-menu.show{width:260px;}
.accordion_images{display:none;}
.accordion_smallimages{display:block;}
.showcase-text .showcase-imgsmall img{width:100%;}
.sidebar{position:fixed;width:320px;background-color:var(--white-color);box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1);padding:60px 0 20px 20px;top:0;bottom:0;left:-340px;height:100vh;transition:all 0.3s ease-in-out;}
.mobile_menu{height:100%;margin:0;overflow-y:auto;overflow-x:hidden;}
.mobile_menu li{margin-bottom:20px;}
.mobile_menu li a{color:var(--black-color);font-size:16px;font-weight:400;line-height:20px;text-align:left;}
.mobile_menu li a:hover{color:var(--primary-color);}
.close_sidebar{position:absolute;top:20px;right:15px;font-size:22px;color:var(--black-color);}
.sidebar.showsidebar{left:0;}
.how_use_amplibox .showcase-img img,.how_use_amplibox_cards .frameBox_inner:nth-child(even) .showcase-img img{border-radius:16px;}
}
@media (max-width:767px){
.navDrop.dropdown-toggle{color:var(--black-color);font-size:16px;font-weight:400;line-height:20px;text-align:left;}
.priceContainer{min-width:100%;max-width:100%;}
.contact_form{padding:30px 15px;}
.password_instruction ul{column-count:1;}
.formContainer{padding:30px 20px;}
.accordion-header h4{padding:20px 15px 15px 40px;background-position:left 10px top 26px;background-size:20px;font-size:18px;line-height:22px;}
.activeContainer .accordion-header h4{background-position:left 10px top 26px;background-size:20px;}
.accordion-body{padding:0 15px 20px 15px;}
main.site_container{padding-top:55px;}
footer h6{margin-bottom:15px;}
.quick_links li:not(:last-child){margin-bottom:10px;}
.site_header{padding:12px 0;}
.padding100{padding-top:50px;padding-bottom:50px;}
.containerBlack{padding:50px 0;}
.footer_col{grid-template-columns:1fr;}
.container,.container-fluid{padding-left:20px;padding-right:20px;}
h1{font-size:32px;}
h2{font-size:26px;}
.containerBlack h3{font-size:26px;}
h3{font-size:26px;}
.copyright p{font-size:12px;padding:15px 0;}
.actions{gap:15px;}
.nav .nav-btn{display:inline-block;right:0;top:0;padding-top:0.2rem;}
.nav-list li{width:100%;margin-top:1.5rem;}
#nav-check:checked ~ .nav-list{height:calc(100vh - 50px);}
.copyright{font-size:12px;}
}
@media (max-width:575px){
.sidebar{width:100%;left:-100%;}
}