@charset "utf-8";

.woocommerce-cart .cart_totals:has(.blockUI),.woocommerce-cart .woocommerce-cart-form:has(.blockUI),.woocommerce-checkout-review-order:has(.blockUI),.woocommerce-mini-cart-item:has(.blockUI){opacity:.5}.woocommerce-cart .cart_totals .blockUI.blockOverlay,.woocommerce-cart .woocommerce-cart-form .blockUI.blockOverlay,.woocommerce-checkout-review-order .blockUI.blockOverlay,.woocommerce-mini-cart-item .blockUI.blockOverlay{background-color:transparent!important;opacity:.5!important}.woocommerce-cart .cart_totals .blockUI.blockOverlay:before,.woocommerce-cart .woocommerce-cart-form .blockUI.blockOverlay:before,.woocommerce-checkout-review-order .blockUI.blockOverlay:before,.woocommerce-mini-cart-item .blockUI.blockOverlay:before{animation:spin .6s linear infinite;border-bottom:3px solid rgba(0,0,0,.1)!important;border-left:3px solid var(--fs-color-primary);border-radius:50%;border-right:3px solid rgba(0,0,0,.1)!important;border-top:3px solid rgba(0,0,0,.1)!important;content:"";display:block;font-size:2em;height:30px;left:50%;line-height:1;margin-left:-.5em;margin-top:-.5em;pointer-events:none;position:absolute;text-align:center;top:50%;width:30px}.dark .woocommerce-cart .cart_totals .blockUI.blockOverlay:before,.dark .woocommerce-cart .woocommerce-cart-form .blockUI.blockOverlay:before,.dark .woocommerce-checkout-review-order .blockUI.blockOverlay:before,.dark .woocommerce-mini-cart-item .blockUI.blockOverlay:before{border:3px solid rgba(0,0,0,.1)!important;border-left-color:#fff!important}.product-summary .ux-product-brands{display:inline-flex;flex-wrap:wrap;gap:15px}.product-summary .ux-product-brands a:hover{opacity:.7}@media(min-width:1000px){.product-summary .ux-product-brands{flex-direction:column;float:right;margin-block:0;margin-inline-start:15px}.product-summary .ux-product-brands a{background-color:#fff;border:1px solid #e0e0e0;max-width:100px;min-height:70px;padding:5px;transition:border-color .2s ease-in-out}.product-summary .ux-product-brands a:hover{border-color:#969696;opacity:1}}.product-summary.text-center .ux-product-brands{justify-content:space-evenly}@media(min-width:1000px){.product-summary.text-center .ux-product-brands{align-items:center;flex-direction:row;float:none;margin-inline:0}.product-summary.text-center .ux-product-brands a{border:none}.product-summary.text-right .ux-product-brands{float:left;margin-inline-end:15px;margin-inline-start:0}}.brands_index{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:30px 0 0}.brands_index li{margin:0!important}.dark ul.brands_index li span{opacity:.3}.category-page-row{padding-top:30px}.price_slider_amount input{display:none}.woocommerce-result-count{display:inline-block;margin:0 1em 0 auto}.woocommerce-ordering,.woocommerce-ordering select{display:inline-block;margin:5px 0}.add_to_cart_button.added{display:none}a.added_to_cart{display:inline-block;font-size:.9em;font-weight:700;padding:10px 0;text-transform:uppercase}a.added_to_cart:after{content:" →"}.grid-style-3 .title-wrapper{flex:1;min-width:60%;overflow:hidden;padding-right:15px;text-overflow:ellipsis}.grid-style-3 .price-wrapper{text-align:right}.grid-style-3 .star-rating{margin:.2em 0;text-align:right}.grid-style-3 .price del{display:block}.grid-style-3 .price del span.amount{margin:0}.price-wrapper .review-count{margin-left:4px}.products .box-vertical .box-text{font-size:1.1em}.page-numbers.button.current{opacity:.6;pointer-events:none}.grid-tools{backface-visibility:hidden;display:flex;margin-bottom:-1px;padding:0!important;white-space:nowrap;width:100%}.grid-tools a{background-color:var(--fs-color-primary);color:#f1f1f1;display:block;font-size:.85em;font-weight:700;opacity:.95;padding:.4em 0 .5em;text-overflow:ellipsis;text-transform:uppercase;transition:opacity .3s;width:100%}.grid-tools a.quick-view:focus-visible{outline-offset:-4px}.grid-tools a+a{border-left:1px solid hsla(0,0%,100%,.1)}.grid-tools a:hover{color:#fff;opacity:1}.grid-tools .add-to-cart-grid{width:0}@media(max-width:849px){.category-filter-row{padding:10px 0}}.filter-button{display:inline-block;margin-top:.5em}.box-image .out-of-stock-label{background:#fff;background:hsla(0,0%,100%,.9);color:#333;font-weight:700;left:0;opacity:.9;padding:20px 0;position:absolute;right:0;text-align:center;text-transform:uppercase;top:40%}.featured-title .woocommerce-result-count{display:none}.widget_product_categories>ul>li{align-items:center;display:flex;flex-flow:row wrap}.widget_product_categories>ul>li span{font-size:.85em;opacity:.4}.widget_product_categories>ul>li ul span.count{display:none}.message-wrapper+.login{background-color:rgba(0,0,0,.03);padding:30px}.woocommerce-form-login .button{margin-bottom:0}.woocommerce-billing-fields{border-top:2px solid #ddd;padding-top:15px}.woocommerce-billing-fields p{margin-bottom:.5em}form.checkout h3{font-size:1.1em;font-weight:bolder;overflow:hidden;padding-top:10px;text-transform:uppercase}form.checkout input[type=checkbox]{margin-bottom:0;margin-right:.5em;margin-top:0}.payment_methods li+li{border-top:1px solid #ececec;padding-top:7px}.payment_methods p{font-size:.9em}.payment_method_paypal img{margin:0 10px;max-width:130px}a.about_paypal{font-size:.8em}.woocommerce-privacy-policy-text{font-size:85%}.form-row-wide{clear:both}.form-row-push{margin-top:-15px}@media(min-width:550px){.form-row-first,.form-row-last{float:left;width:48%}.form-row-first{margin-right:4%}}button#place_order{font-size:1.2em;line-height:1.2;margin-right:0;padding-bottom:.5em;padding-top:.5em;white-space:normal;width:100%}#ship-to-different-address{padding-top:0}#ship-to-different-address label{font-weight:400;text-transform:none}#billing_address_2_field>label,#shipping_address_2_field>label{opacity:0;overflow:hidden;white-space:nowrap;width:0}@media(max-width:549px){#billing_address_2_field>label,#shipping_address_2_field>label{display:none}}.wc-terms-and-conditions{border-top:1px solid #ececec;margin-top:-15px;padding:15px 0}.wc-terms-and-conditions input{margin-bottom:0}.wc-terms-and-conditions label{font-weight:400}div.create-account{clear:both}.form-row.create-account{font-size:1.1em;margin:0}.form-row.create-account label{font-weight:400}.page-checkout-simple{padding:3% 0}@media(max-width:849px){.page-checkout-simple .medium-text-center #logo{margin:0 auto}}.js_active .woocommerce-account-fields p.create-account+div.create-account,.js_active .woocommerce-shipping-fields #ship-to-different-address+div.shipping_address{display:none}.widget_price_filter form{margin:0}.widget_price_filter .price_slider{background:#f1f1f1;margin-bottom:1em}.widget_price_filter .price_label{padding-top:6px}.widget_price_filter span{font-weight:700}.widget_price_filter .price_slider_amount{font-size:.8751em;line-height:1;text-align:right}.widget_price_filter .price_slider_amount .button{background-color:#666;border-radius:99px;float:left;font-size:.85em}.widget_price_filter .ui-slider{position:relative;text-align:left}.widget_price_filter .ui-slider .ui-slider-handle{background-color:#666;border-radius:999px;cursor:pointer;height:15px;outline:none;position:absolute;top:-5px;width:15px;z-index:2}.widget_price_filter .ui-slider .ui-slider-handle:last-child{margin-left:-10px}.widget_price_filter .ui-slider .ui-slider-range{background-color:#666;border:0;border-radius:99px;display:block;font-size:10px;opacity:.5;position:absolute;z-index:1}.widget_price_filter .ui-slider-horizontal{border-radius:99px;height:5px}.widget_price_filter .ui-slider-horizontal .ui-slider-range{height:100%;top:0}.widget_price_filter .ui-slider-horizontal .ui-slider-range-min{left:-1px}.widget_price_filter .ui-slider-horizontal .ui-slider-range-max{right:-1px}.widget li.chosen a:before{color:currentColor;content:"x";display:inline-block;margin-right:5px;opacity:.6;position:relative;top:-2px}.wc-layered-nav-term.chosen>a:before{background-color:#f1f1f1;border:1px solid rgba(0,0,0,.1);border-radius:99px;height:18px;line-height:12px;text-align:center;width:18px}.dark .wc-layered-nav-term.chosen>a:before{background-color:rgba(0,0,0,.5)}.widget_layered_nav_filters ul li.chosen{border:0!important;display:inline-block;margin-right:10px}.widget_layered_nav_filters ul li.chosen a{background-color:#f1f1f1;border:1px solid rgba(0,0,0,.1);border-radius:99px;display:inline-block;font-size:.85em;font-weight:400;opacity:.9;padding:0 7px}.dark .widget_layered_nav_filters ul li.chosen a{background-color:rgba(0,0,0,.5);color:#fff}.widget_layered_nav_filters ul li.chosen a:before{content:"x";margin-right:3px;opacity:.4;position:relative;top:-1px}.widget_layered_nav_filters ul li.chosen a:hover:before{opacity:1}.woocommerce-product-gallery .woocommerce-product-gallery__wrapper{margin:0}.message-wrapper{margin:0;padding-bottom:.5em}#wrapper>.message-wrapper{font-size:1.1em;margin-bottom:10px;outline:0;padding-bottom:.75em;padding-top:.75em}ul.message-wrapper li{list-style:none}.message-container span{font-weight:700}.message-container .wc-forward{display:none}.message-container a{margin:0 15px 0 0}.container .message-container{padding-left:0;padding-right:0}.message-wrapper+main .product-main{padding-top:0}.demo_store{background-color:#000;color:#fff;margin:0;padding:5px;text-align:center}#wrapper>.has-transparent~.message-wrapper{background-color:#fff;box-shadow:1px 1px 10px 1px rgba(0,0,0,.1);left:50%;max-width:800px;padding:20px 25px;position:fixed;top:calc(var(--flatsome-scroll-padding-top) + 30px);transform:translate(-50%);transition:top .6s;width:80vw;z-index:1002}#wrapper>.has-transparent.transparent~.message-wrapper{top:150px}.form-row input[type=submit]{margin:0}.form-row input[type=submit]+label{margin-left:15px}.my-account-header.featured-title .page-title-inner{min-height:100px}.my-account-header .button{margin-bottom:5px;margin-top:5px}.woocommerce-form-register .woocommerce-privacy-policy-text{margin-bottom:1.5em}form.lost_reset_password{padding:30px 0}.dashboard-links{display:flex;flex-wrap:wrap;font-size:1.3em;line-height:1;list-style:none}.dashboard-links a{border:1px solid #ddd;border-radius:5px;display:block;margin-right:10px;padding:20px 0;text-align:center;transition:all .3s}.dashboard-links .active{display:none}.dashboard-links a:hover{background-color:#333;color:#fff}.dashboard-links li{width:33.333%}@media(max-width:849px){.dashboard-links li{width:50%}}@media(max-width:549px){.dashboard-links li{width:100%}}@media(max-width:849px){.account-container:has(.woocommerce-form-register)>.row>.col-1{border-bottom:1px solid #ececec;margin-bottom:30px;padding-bottom:30px!important}}.password-input{display:block;position:relative}.password-input input:focus~.show-password-input,.password-input:hover .show-password-input{visibility:visible}.woocommerce-EditAccountForm input[type=password],.woocommerce-form input[type=password]{padding:0 2em 0 .75em}.show-password-input{cursor:pointer;line-height:1.35;padding:.618em;position:absolute;right:0;top:0;visibility:hidden}.show-password-input:after{content:"";font-family:fl-icons}.show-password-input.display-password:after{content:"";font-family:fl-icons}#login-form-popup .woocommerce-notices-wrapper:not(:empty){padding:20px 20px 0}#login-form-popup .woocommerce-form{margin-bottom:0}#login-form-popup:not(:has(.account-register-inner)){max-width:440px}#login-form-popup .account-container.lightbox-inner>.account-login-inner{padding-left:15px;padding-right:15px}.price{line-height:1}.product-info .price{font-size:1.5em;font-weight:bolder;margin:.5em 0}.woocommerce-variation-price{border-top:1px dashed #ddd;font-size:.8em;padding:7.5px 0}.price-wrapper .price{display:block}span.amount{color:#111;font-weight:700;white-space:nowrap}.dark .price,.dark .price del,.dark span.amount{color:#fff}.header-cart-title span.amount{color:currentColor}del span.amount{font-weight:400;margin-right:.3em;opacity:.6}.no-prices .amount{display:none!important}ul.product_list_widget li{line-height:1.33;list-style:none;margin-bottom:0;min-height:80px;overflow:hidden;padding:10px 0 5px 75px;position:relative;vertical-align:top}ul.product_list_widget li+li{border-top:1px solid #ececec}.dark ul.product_list_widget li{border-color:hsla(0,0%,100%,.2)}.widget_shopping_cart ul.product_list_widget li{padding-right:30px}ul.product_list_widget li>span.reviewer{font-size:.8em}ul.product_list_widget li a:not(.remove){display:block;line-height:1.3;margin-bottom:5px;overflow:hidden;padding:0;text-overflow:ellipsis}ul.product_list_widget li a.remove{position:absolute;right:0}ul.product_list_widget li dl{font-size:.8em;margin:0}ul.product_list_widget li img{height:60px;left:0;margin-bottom:5px;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;position:absolute;top:10px;width:60px}ul.product_list_widget li .quantity{display:block;font-size:.85em;margin-top:3px;opacity:.6}ul.product_list_widget li .quantity.buttons_added{display:flex}.product-main{padding:40px 0}.page-title:not(.featured-title)+main .product-main{padding-top:15px}.product-info{padding-top:10px}.product-summary .woocommerce-Price-currencySymbol{display:inline-block;font-size:.75em;vertical-align:top}.product-summary .variations_button{padding:.5em 0}.product-summary table tr+tr{border-top:1px dashed #ddd}form.cart a.added_to_cart.wc-forward{display:none}.woocommerce-variation-add-to-cart,form.cart{display:flex;flex-wrap:wrap;gap:1em;width:100%}.woocommerce-variation-add-to-cart>*,form.cart>*{flex:1 1 100%;margin:0}.woocommerce-variation-add-to-cart :where(.ux-quantity,.single_add_to_cart_button,.ux-buy-now-button),form.cart :where(.ux-quantity,.single_add_to_cart_button,.ux-buy-now-button){flex:0 0 auto}.text-center .woocommerce-variation-add-to-cart,.text-center form.cart{justify-content:center}.text-right .woocommerce-variation-add-to-cart,.text-right form.cart{justify-content:end}.product_meta{font-size:.8em;margin-bottom:1em}.product_meta>span{border-top:1px dotted #ddd;display:block;padding:5px 0}.product-info p.stock{font-size:.8em;font-weight:700;line-height:1.3;margin-bottom:1em}p.in-stock{color:var(--fs-color-success)}.group_table .quantity{margin:0}.group_table .price{font-size:1em}.group_table .label label{margin:0;padding:0}.product-gallery,.product-thumbnails .col{padding-bottom:0!important}.product-gallery-slider img,.product-thumbnails img{width:100%}.product-gallery-slider .woocommerce-product-gallery__image a:focus-visible{outline:none!important}.product-gallery-wide{position:relative}@media screen and (min-width:850px){.product-gallery-stacked{overflow:auto!important;white-space:normal!important;width:auto!important}.product-gallery-stacked .flickity-slider,.product-gallery-stacked .flickity-viewport{height:auto!important}.product-gallery-stacked .flickity-slider,.product-gallery-stacked .slide{left:0!important;position:relative!important;right:0!important;transform:none!important}.product-gallery-stacked .slide{overflow:hidden}.product-gallery-stacked .slide:not(:last-child){margin-bottom:1.5em}.product-gallery-stacked.product-gallery-grid-layout .flickity-slider,.product-gallery-stacked.product-gallery-grid-layout:not(.flickity-enabled){display:grid;gap:10px}.product-gallery-stacked.product-gallery-grid-layout .flickity-slider .slide,.product-gallery-stacked.product-gallery-grid-layout:not(.flickity-enabled) .slide{margin-bottom:0!important}.product-gallery-stacked.product-gallery-grid-layout--1-2 .flickity-slider,.product-gallery-stacked.product-gallery-grid-layout--1-2:not(.flickity-enabled){grid-template-columns:repeat(2,1fr)}.product-gallery-stacked.product-gallery-grid-layout--1-2 .flickity-slider .slide:first-child,.product-gallery-stacked.product-gallery-grid-layout--1-2:not(.flickity-enabled) .slide:first-child{grid-column:1/3}.product-gallery-stacked.product-gallery-grid-layout--2 .flickity-slider,.product-gallery-stacked.product-gallery-grid-layout--2:not(.flickity-enabled){grid-template-columns:repeat(2,1fr)}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:first-child{grid-column:span 6;order:4}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(2){grid-column:span 2;order:1}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(3){grid-column:span 2;order:2}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(4){grid-column:span 2;order:3}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(n+5){grid-column:span 3;order:5}.product-stacked-info{padding:5vh 5% 2vh}}.product-thumbnails{padding-top:0}.product-thumbnails a{background-color:#fff;border:1px solid transparent;display:block;overflow:hidden;transform:translateY(0)}.product-thumbnails .is-nav-selected a,.product-thumbnails a:hover{border-color:rgba(0,0,0,.2)}.product-thumbnails img{backface-visibility:hidden;margin-bottom:-5px;opacity:.5;transition:transform .6s,opacity .6s}.product-thumbnails .is-nav-selected a img,.product-thumbnails a:hover img{border-color:rgba(0,0,0,.3);opacity:1;transform:translateY(-5px)}.vertical-thumbnails .row-slider:not(.flickity-enabled){opacity:0}@media screen and (min-width:850px){.vertical-thumbnails{overflow-x:hidden;overflow-y:auto}.vertical-thumbnails .col{left:0!important;margin-left:1px;max-width:100%!important;min-height:0!important;padding:0 0 15px!important;position:relative!important;right:0!important;width:95%!important}.vertical-thumbnails .flickity-slider,.vertical-thumbnails .flickity-viewport{height:auto!important;overflow:visible!important;transform:none!important}}.product-footer .woocommerce-tabs{border-top:1px solid #ececec;padding:30px 0}.product-footer .woocommerce-tabs>.nav-line-grow,.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical){margin-top:-31px}#product-sidebar .next-prev-thumbs{margin:0 0 3em}.mfp-content #product-sidebar{display:block!important}.mfp-content #product-sidebar:where(:not(:has(>.sidebar-inner))){padding:30px 20px}.mfp-content #product-sidebar:where(:has(>.sidebar-inner)){padding:0}.product-sidebar-small{font-size:.9em}.product-sidebar-small .widget-title{text-align:center}.product-sidebar-small .is-divider{margin-left:auto;margin-right:auto}.product-sidebar-small ul.product_list_widget li{padding-left:60px}.product-sidebar-small ul.product_list_widget li img{height:50px;width:50px}.product-section{border-top:1px solid #ececec}.easyzoom-notice{display:none}.easyzoom-flyout{animation-delay:1s;animation:stuckFadeIn .6s;background:#fff;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:opacity 1s;width:100%;z-index:1}@media(max-width:849px){.easyzoom-flyout{display:none!important}}.product-gallery-slider .slide .easyzoom-flyout img{max-width:1000px!important;width:1000px!important}.woocommerce-product-gallery__trigger{display:none}.product-info .composite_form .composite_navigation .page_button{font-size:1em;font-weight:400;line-height:1.2}.woocommerce-pagination ul.links li{margin-left:inherit}.has-sticky-product-cart{padding-bottom:60px}.has-sticky-product-cart .back-to-top.active{bottom:10px}.sticky-add-to-cart__product{align-items:center;display:none;padding:3px}.sticky-add-to-cart__product .product-title-small{line-height:1;margin-right:1em;max-width:180px}.sticky-add-to-cart__product .sticky-add-to-cart-img{border-radius:5px;height:45px;margin-right:1em;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:45px}.sticky-add-to-cart--active{align-items:center;animation:stuckMoveUp .6s;background-color:hsla(0,0%,100%,.9);border-top:1px solid #ddd;bottom:0;display:flex;flex-wrap:wrap;font-size:.9em;justify-content:center;left:0;padding:3px;position:fixed;right:0;z-index:20}.sticky-add-to-cart--active .variations,.sticky-add-to-cart--active .woocommerce-variation-description{display:none}.sticky-add-to-cart--active .single_variation_wrap,.sticky-add-to-cart--active .woocommerce-variation-add-to-cart{align-items:center;display:flex;flex-wrap:no-wrap}.sticky-add-to-cart--active .product-page-price,.sticky-add-to-cart--active .stock,.sticky-add-to-cart--active .woocommerce-variation-price{border:0;font-size:15px;margin-bottom:0;margin-right:.9em;margin-top:0;padding:0}.sticky-add-to-cart--active .stock{font-size:.8em;font-weight:700}.sticky-add-to-cart--active .quantity,.sticky-add-to-cart--active button,.sticky-add-to-cart--active form{margin-bottom:0}.sticky-add-to-cart--active .sticky-add-to-cart__product{display:flex}@media(max-width:550px){.sticky-add-to-cart--active{font-size:.8em}.sticky-add-to-cart--active .stock{display:none}}.flex-viewport{cursor:pointer;max-height:2000px;transition:all 1s ease}.flex-viewport a{display:block}.flex-viewport img{width:100%}.flex-control-thumbs{display:flex;flex-wrap:wrap;margin:10px -5px 0}.flex-control-thumbs li{cursor:pointer;list-style:none;padding:0 5px;width:25%}.flex-control-thumbs li img{opacity:.6}.flex-control-thumbs li img.flex-active{opacity:1}.quantity,.text-center .quantity{display:inline-flex;opacity:1;vertical-align:top;white-space:nowrap}.quantity .button.minus{border-bottom-right-radius:0!important;border-right:0!important;border-top-right-radius:0!important}.quantity .button.plus{border-bottom-left-radius:0!important;border-left:0!important;border-top-left-radius:0!important}.quantity .minus,.quantity .plus{padding-left:.4em;padding-right:.4em}.quantity input{display:inline-block;margin:0;padding-left:0;padding-right:0;vertical-align:top}.quantity input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border-radius:0!important;font-size:1em;max-width:2.5em;text-align:center;width:2.5em}@media(max-width:549px){.quantity input[type=number]{width:2em}}.quantity input[type=number]::-webkit-inner-spin-button,.quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.box-text .ux-quantity{margin-top:1em}.box-text .ux-quantity__button{margin-top:0}.ux-free-shipping{display:grid;gap:10px}.nav-dropdown .ux-free-shipping{min-width:300px}.ux-free-shipping__bar{background:#ddd;border-radius:5px;height:8px}.ux-free-shipping__bar--striped{background-image:linear-gradient(135deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:30px 30px}.ux-free-shipping__bar-progress{background:var(--fs-color-primary);border-radius:5px;display:block;height:8px}.widget_shopping_cart_content .ux-free-shipping{margin-bottom:10px}.woocommerce-cart .ux-free-shipping{padding-bottom:30px}.woocommerce-checkout .ux-free-shipping{padding:30px 0}.cart-icon,.cart-icon strong{display:inline-block}.cart-icon strong{border:2px solid var(--fs-color-primary);border-radius:0;color:var(--fs-color-primary);font-family:Helvetica,Arial,Sans-serif;font-size:1em;font-weight:700;height:2.2em;line-height:1.9em;margin:.3em 0;position:relative;text-align:center;vertical-align:middle;width:2.2em}.cart-icon strong:after{border:2px solid var(--fs-color-primary);border-bottom:0;border-top-left-radius:99px;border-top-right-radius:99px;bottom:100%;content:" ";height:8px;left:50%;margin-bottom:0;margin-left:-7px;pointer-events:none;position:absolute;transition:height .1s ease-out;width:14px}.cart-icon:hover strong,.current-dropdown .cart-icon strong{background-color:var(--fs-color-primary);color:#fff}.cart-icon:hover strong:after,.current-dropdown .cart-icon strong:after{height:10px}.nav-small .cart-icon{font-size:.66em}.nav-dark .cart-icon strong{border-color:#fff;color:#fff}.nav-dark .cart-icon:hover strong,.nav-dark .current-dropdown .cart-icon strong{background-color:#fff;color:var(--fs-color-primary)}.nav-dark .cart-icon strong:after{border-color:#fff}.woocommerce-mini-cart__empty-message{text-align:center}.loading .cart-icon strong,.loading .cart-icon strong:after{border-color:var(--fs-color-success);color:var(--fs-color-success)}.loading .cart-icon:hover strong{background-color:var(--fs-color-success);color:#fff}.header-cart-icon{position:relative}.header-cart-icon img[width="1"][height="1"]{width:32px}.cart-popup-title>span{display:block;font-size:1.125em}.cross-sells h2{font-size:1.2em;margin-bottom:1em}.checkout ul li,.shop_table ul li{list-style:none;margin:0}.shop_table .quantity{margin:0}td.product-thumbnail{max-width:90px;min-width:60px;width:90px}td.product-remove{padding:0;width:20px}.shop_table tfoot th{font-size:85%;letter-spacing:0;text-transform:inherit}.cart_totals tbody tr td,.shop_table tfoot tr td,.shop_table thead tr th:last-of-type,.shop_table tr td:last-of-type,td.product-total{text-align:right}.shop_table .order-total td,.shop_table .order-total th,.shop_table thead th{border-width:3px}.shop_table th:last-child{border-right:0}.shop_table .cart_item td{padding-bottom:15px;padding-top:15px}.shop_table .actions{border:0;padding:30px 0 15px}.shop_table .submit-col{padding-left:30px}@media(max-width:849px){.shop_table{font-size:.9em}.shop_table tr.shipping th{width:50%}.shop_table .product-name{min-width:80px}.shop_table .product-remove{position:relative;width:0}.shop_table .product-remove a{font-size:18px!important;height:24px;left:0;line-height:18px!important;position:absolute;top:10px;width:24px}.shop_table .mobile-product-price{margin:.5em 0}}@media(max-width:549px){.shop_table .product-price,.shop_table .product-subtotal{display:none}.product-quantity{text-align:right}.cross-sells{overflow:hidden}}.cart_totals tbody th{font-size:.9em;font-weight:400;letter-spacing:0;text-transform:inherit}.cart_totals>h2{display:none}.cart_totals .button{display:block;margin-right:0;min-width:100%}.cart_totals th.product-name{border-width:3px}.cart_totals .wc-proceed-to-checkout{margin:1.5em 0}.shipping__table{margin:0}.shipping__inner{border:0;font-size:1em;padding:0}.shipping__list{margin-bottom:0}.shipping__list_item{align-items:center;display:flex;min-height:2em}.shipping__list_label{flex:1;font-weight:400;margin:0;opacity:.8;padding:.5em 0}.shipping.shipping--boxed .shipping__list{padding:0}.shipping.shipping--boxed .shipping__list_item{background-color:rgba(0,0,0,.01);border:1px solid rgba(0,0,0,.1);border-radius:3px;margin-bottom:5px;min-height:2.4em;padding:.3em .6em}.shipping__table--multiple{display:block;text-align:left}.shipping__table--multiple tbody,.shipping__table--multiple td,.shipping__table--multiple th,.shipping__table--multiple tr{display:block;padding-left:0;text-align:left}.shipping__table--multiple th{border:0}.shipping__table--multiple .shipping__list{padding:0 .2em}.shipping__table--multiple .shipping__list_label,.shipping__table--multiple .woocommerce-shipping-calculator,.shipping__table--multiple .woocommerce-shipping-destination{text-align:left}tr.shipping input:checked+label,tr.shipping input:hover+label,tr.shipping label:hover{opacity:1}tr.shipping input:checked+label{font-weight:700}tr.shipping input{margin-bottom:0;margin-top:-2px}tr.shipping span.amount{margin-left:.2em}.woocommerce-shipping-calculator{margin-bottom:0;margin-top:.5em}.shipping-calculator-button,.woocommerce-shipping-destination{font-size:.9em}.shipping-calculator-form{background-color:rgba(0,0,0,.03);border-radius:5px;margin-top:5px;padding:15px 15px 10px}.cart-discount{background-color:rgba(var(--fs-color-success),.2);font-size:.85em}.cart-discount td,.cart-discount th{padding:10px 5px}.cart-sidebar .widget-title{border-bottom:3px solid #ececec;font-size:.95em;margin-bottom:15px;padding-bottom:10px}.woocommerce-cart-form .coupon{font-size:1rem}.woocommerce-cart-form .coupon .widget-title{font-size:.95em;margin-bottom:15px}.woocommerce-cart-form .coupon input{margin:0}.woocommerce-cart-form .coupon .button{margin:0;padding-inline:15px!important}.widget_shopping_cart .woocommerce-mini-cart__buttons .button{margin:.5em 0 0;width:100%}.widget_shopping_cart li.empty{margin:0;min-height:0;padding:0 10px!important;text-align:center}.widget_shopping_cart p.total{border-bottom:2px solid #ececec;border-top:1px solid #ececec;margin-bottom:.5em;padding:10px 0;text-align:center}.dark .widget_shopping_cart p.total{border-color:hsla(0,0%,100%,.2)}.nav-dropdown .product_list_widget{-webkit-overflow-scrolling:touch;max-height:500px;max-height:50vh;overflow-y:auto}.woocommerce-mini-cart-item .variation{margin-bottom:10px}.woocommerce-mini-cart-item .ux-mini-cart-qty{margin-right:-30px;margin-top:3px}.woocommerce-mini-cart__total{display:flex;gap:15px;justify-content:space-between}.nav-dropdown ul.woocommerce-mini-cart{margin-bottom:10px}.nav-dropdown ul.woocommerce-mini-cart .price-wrapper{font-size:.85em;opacity:.6}.cart-popup-inner{display:flex;flex-direction:column;padding-bottom:0}.cart-popup-inner>:last-child{margin-bottom:30px}.cart-popup-inner .widget_shopping_cart{margin-bottom:0}.cart-popup-inner .widget_shopping_cart,.cart-popup-inner .widget_shopping_cart_content{display:flex;flex:1;flex-direction:column}.cart-popup-inner .widget_shopping_cart_content .price-wrapper{font-size:.85em;opacity:.6}.cart-popup-inner .woocommerce-mini-cart{display:flex;flex:1;flex-direction:column;margin-bottom:30px}.cart-popup-inner .woocommerce-mini-cart__buttons:last-child{margin-bottom:0}@media(min-height:500px){.cart-popup-inner--sticky{min-height:calc(100vh - var(--wp-admin--admin-bar--height, 0px))}.cart-popup-inner--sticky .ux-mini-cart-footer{background-color:#fff;border-top:1px solid #f1f1f1;bottom:0;position:sticky}.cart-popup-inner--sticky .ux-mini-cart-footer .woocommerce-mini-cart__total:first-child{border-top:0}}.ux-mini-cart-footer .ux-free-shipping{margin-bottom:20px;margin-top:5px}.off-canvas-cart .ux-mini-cart-footer{margin-left:-30px;margin-right:-30px;padding:10px 30px 30px}.ux-mini-cart-qty{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;justify-content:space-between}.ux-mini-cart-qty .quantity{margin:0!important}.ux-mini-cart-cross-sells{margin-bottom:30px;margin-top:auto}.nav-dropdown .ux-mini-cart-cross-sells{display:none}.ux-mini-cart-cross-sells__list{display:flex;flex-direction:column;gap:10px}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item{background-color:rgba(0,0,0,.05);border:0;margin-bottom:0;padding-left:85px;padding-right:10px!important}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item img{left:10px}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item .product-title{font-size:.9em}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item .price-wrapper{opacity:1}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item .price-wrapper .price{margin-bottom:.5em;margin-top:.5em}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item .price-wrapper .star-rating~.price{margin-top:0}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item a:not(.remove,.button){display:inline}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item:last-child{margin-bottom:0}.ux-mini-cart-cross-sells__list .button.add_to_cart_button{align-items:center;display:inline-flex;float:right;font-size:.7em;gap:5px;justify-content:center;line-height:1;margin:0 0 8px 8px;padding:3px 8px}.ux-mini-cart-empty{gap:30px;padding:15px 0}.ux-mini-cart-empty .woocommerce-mini-cart__empty-message{margin-bottom:0}.tagcloud{padding-bottom:15px}.tagcloud a{border:1px solid;border-radius:3px;display:inline-block;font-size:.8em!important;margin:0 3px 5px 0;opacity:.8;padding:2px 5px}.tagcloud a:hover{background-color:var(--fs-experimental-link-color-hover);border-color:var(--fs-experimental-link-color-hover);color:#fff;opacity:1}table.variations .label{padding-right:20px}table.variations label{white-space:nowrap}table.variations .value{width:100%}.variations{position:relative}.variations td,.variations th{border:0;letter-spacing:normal;padding:.2em 0;text-transform:none;vertical-align:middle}.variations .reset_variations{bottom:95%;color:currentColor;font-size:11px;opacity:.6;position:absolute;right:0;text-transform:uppercase}dl.variation{text-transform:none}dl.variation dt{clear:both;float:left;font-weight:700}dl.variation dd{display:block}.wc-item-meta{margin-top:1.3em}@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap");
h1.mb-0 strong {
color: #333;
line-height: 1.3;
}
h2 {
font-weight: 700;
color: #2635aa;
margin-bottom: 30px;
position: relative;
padding-bottom: 15px;
}
h2::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background-color: #2635aa;
}  .hero-section {
position: relative;
overflow: hidden;
} .hero-section::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(38, 53, 170,0.1) 0%, rgba(255,255,255,0) 50%, rgba(3, 175, 255,0.15) 100%);
z-index: 1;
pointer-events: none;
animation: gradientShift 8s ease-in-out infinite alternate;
}
@keyframes gradientShift {
0% { opacity: 0.5; }
100% { opacity: 1; }
} .hero-section .row {
position: relative;
z-index: 2;
} .hero-section .col:first-child > .col_inner {
background: rgba(255, 255, 255, 0.9) !important;
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px) !important;
border: 1px solid rgba(255, 255, 255, 0.8) !important;
border-radius: 20px !important;
padding: 40px !important;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
} .hero-section h1.mb-0 {
font-size: clamp(28px, 3vw, 42px) !important;
font-weight: 800 !important;
line-height: 1.3 !important;
color: #1a1a2e !important;
margin-bottom: 25px !important;
}
.hero-section h1.mb-0 strong {
background: linear-gradient(135deg, #1a1a2e 0%, #3a3a5a 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline;
} .hero-section ul {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.hero-section ul li {
position: relative;
padding-left: 45px;
margin-bottom: 18px;
font-size: 16px;
color: #4a4a5a;
line-height: 1.6;
font-weight: 500;
}
.hero-section ul li::before {
content: "✓" !important;
position: absolute !important;
left: 0 !important;
top: -2px !important;
width: 28px !important;
height: 28px !important;
background: #ff9500 !important;
color: white !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
font-weight: bold !important;
box-shadow: 0 4px 10px rgba(255, 149, 0, 0.4) !important;
background-image: none !important;
transition: transform 0.3s ease !important;
}
.hero-section ul li:hover::before {
transform: scale(1.1) rotate(5deg) !important;
} .hero-section .button {
margin-top: 15px !important;
background: linear-gradient(135deg, #03afff 0%, #2635aa 100%) !important;
color: #fff !important;
border: none !important;
border-radius: 50px !important;
padding: 15px 35px !important;
font-size: 15px !important;
font-weight: 800 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
width: fit-content !important;
align-self: flex-start !important;
box-shadow: 0 10px 25px rgba(3, 175, 255,0.3) !important;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
position: relative;
overflow: hidden;
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
}
.hero-section .button::after {
content: '';
position: absolute;
top: 0; left: -100%; width: 50%; height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.3), rgba(255,255,255,0));
transform: skewX(-20deg);
animation: btnShineHeroLight 3s ease infinite;
}
@keyframes btnShineHeroLight {
0%   { left: -100%; }
30%  { left: 200%; }
100% { left: 200%; }
}
.hero-section .button:hover {
transform: translateY(-5px) !important;
box-shadow: 0 15px 35px rgba(3, 175, 255,0.4) !important;
} .hero-section .col:last-child > .col_inner {
background: rgba(255, 255, 255, 0.95) !important;
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px) !important;
border: 1px solid rgba(255, 255, 255, 1) !important;
border-radius: 20px !important;
padding: 35px 30px !important;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1) !important;
animation: floatPanel 6s ease-in-out infinite alternate;
}
@keyframes floatPanel {
0% { transform: translateY(0); }
100% { transform: translateY(-8px); }
} .hero-section .col:last-child h3 {
font-size: 20px !important;
font-weight: 800 !important;
color: #1a1a2e !important;
text-align: center !important;
margin-bottom: 20px !important;
letter-spacing: 0.5px !important;
}
.hero-section .col:last-child .divider {
display: none !important; } .hero-section .wpcf7 {
background: transparent !important;
padding: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.hero-section .wpcf7 label {
font-weight: 600;
color: #4a4a5a !important;
font-size: 14px;
display: block;
margin-bottom: 8px;
}
.hero-section .wpcf7-form-control.wpcf7-text,
.hero-section .wpcf7-form-control.wpcf7-select {
width: 100% !important;
height: 52px !important; background: #f8f9fa !important;
border: 1px solid #e2e8f0 !important;
border-radius: 99px !important;
padding: 12px 18px !important;
margin-bottom: 5px !important;
color: #333 !important;
font-size: 15px !important;
transition: all 0.3s ease !important;
}
.hero-section .wpcf7-form-control.wpcf7-select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 15px center !important;
background-size: 16px !important;
padding-right: 40px !important;
}
.hero-section .wpcf7-form-control.wpcf7-text:focus,
.hero-section .wpcf7-form-control.wpcf7-select:focus {
background: #fff !important;
border-color: #FF6600 !important;
outline: none !important;
box-shadow: 0 0 0 4px rgba(255, 102, 0, 0.15) !important;
}
.hero-section .wpcf7-form-control.wpcf7-submit {
width: 100% !important;
background: linear-gradient(135deg, #03afff 0%, #2635aa 100%) !important;
color: #fff !important;
font-weight: 800 !important;
font-size: 16px !important;
border: none !important;
border-radius: 99px !important;
padding: 16px !important;
text-transform: uppercase !important;
cursor: pointer !important;
margin-top: 5px !important;
transition: all 0.3s ease !important;
}
.hero-section .wpcf7-form-control.wpcf7-submit:hover {
transform: translateY(-3px) !important;
box-shadow: 0 12px 25px rgba(3, 175, 255,0.4) !important;
} .hero-section .wpcf7 p {
margin-bottom: 5px !important;
} .wpcf7 {
background: #fff;
padding: 25px;
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.wpcf7 label {
font-weight: 600;
color: #333;
display: block;
margin-bottom: 5px;
}
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-select {
width: 100%;
border: 1px solid #ddd;
border-radius: 5px;
padding: 10px 15px;
margin-bottom: 15px;
transition: border-color 0.3s ease;
}
.wpcf7-form-control.wpcf7-select {
height: 45px !important;
line-height: 1.5 !important;
padding: 8px 15px !important;
}
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-select:focus {
border-color: #2635aa;
outline: none;
box-shadow: 0 0 0 3px rgba(38, 53, 170, 0.1);
}
.wpcf7-form-control.wpcf7-submit {
width: 100%;
background-color: #2635aa;
color: white;
font-weight: bold;
border: none;
padding: 12px;
border-radius: 5px;
text-transform: uppercase;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.wpcf7-form-control.wpcf7-submit:hover {
background-color: #e65c00;
transform: scale(1.05);
} .featured-box {
transition: all 0.3s ease;
padding: 20px 10px;
border-radius: 8px;
}
.featured-box:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.08);
background: #fff;
}
.featured-box h3, .featured-box h4 {
color: #333;
font-weight: 700;
margin-top: 15px;
}
.featured-box p {
color: #666;
} .ux-product-box {
position: relative !important;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
transition: all 0.3s ease;
border: 1px solid #f0f0f0;
}
.ux-product-box:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
border-color: #ff9500;
}
.ux-product-box h4 {
padding: 15px 10px;
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 0;
}
.ux-product-box .box-text,
.ux-product-box .box-text-inner {
position: static !important;
}
.badge-in-logo {
background-color: #ff3b30 !important; color: #ffffff !important;
padding: 4px 8px !important;
font-size: 11px !important;
font-weight: 700 !important;
border-radius: 4px !important;
position: absolute !important;
top: 10px !important;
left: 10px !important;
z-index: 10;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 2px 6px rgba(255, 59, 48, 0.4);
} .policy-section-heading {
margin-bottom: 10px;
animation: fadeInUp 0.6s ease both;
}
.policy-badge {
display: inline-block;
background: linear-gradient(135deg, #2635aa, #2635aa);
color: #fff;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 5px 16px;
border-radius: 50px;
margin-bottom: 14px;
box-shadow: 0 3px 10px rgba(38, 53, 170,0.25);
}
.policy-title {
font-size: 30px !important;
font-weight: 800 !important;
color: #1a1a2e !important;
margin-bottom: 12px !important;
letter-spacing: 0.5px;
} .policy-section-heading h2::after,
.policy-title::after {
display: none !important;
}
.policy-title-line {
width: 60px;
height: 4px;
background: linear-gradient(90deg, #ff9500, #ff5e62, #ff9500); background-size: 200% 100%; animation: orangeGradientMoveX 3s linear infinite;
border-radius: 4px;
margin: 0 auto 30px;
position: relative;
overflow: hidden;
}
.policy-title-line::after {
content: '';
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.6);
animation: shimmer 2s infinite;
}
@keyframes shimmer {
0%   { left: -100%; }
100% { left: 200%; }
}  .policy-table-wrap {
overflow-x: auto;
border-radius: 16px;
box-shadow: 0 8px 40px rgba(38, 53, 170, 0.12), 0 2px 8px rgba(0,0,0,0.06);
margin-top: 24px;
position: relative;
}
table.table-bordered {
width: 100%;
border-collapse: collapse;
background: #fff;
border-radius: 16px;
overflow: hidden;
margin: 0;
} table.table-bordered thead tr {
background: linear-gradient(135deg, #03afff 0%, #2635aa 100%);
}
table.table-bordered th {
color: #fff;
font-weight: 700;
font-size: 13px;
padding: 18px 20px;
text-align: left;
border: none;
letter-spacing: 0.5px;
text-transform: uppercase;
white-space: nowrap;
position: relative;
}
table.table-bordered th:not(:last-child)::after {
content: '';
position: absolute;
right: 0;
top: 25%;
height: 50%;
width: 1px;
background: rgba(255,255,255,0.25);
} table.table-bordered tbody tr {
border-bottom: 1px solid #f0f0f0;
transition: all 0.25s ease; opacity: 0;
transform: translateX(-18px);
animation: rowSlideIn 0.45s forwards;
}
table.table-bordered tbody tr:nth-child(1) { animation-delay: 0.05s; }
table.table-bordered tbody tr:nth-child(2) { animation-delay: 0.15s; }
table.table-bordered tbody tr:nth-child(3) { animation-delay: 0.25s; }
table.table-bordered tbody tr:nth-child(4) { animation-delay: 0.35s; }
table.table-bordered tbody tr:nth-child(5) { animation-delay: 0.45s; }
@keyframes rowSlideIn {
to {
opacity: 1;
transform: translateX(0);
}
}
table.table-bordered tbody tr:nth-child(even) {
background-color: #fff9f5;
}
table.table-bordered tbody tr:last-child {
border-bottom: none;
}
table.table-bordered tbody tr:hover {
background: linear-gradient(90deg, #fff3ea 0%, #fff9f5 100%);
transform: scale(1.005);
box-shadow: 0 2px 12px rgba(38, 53, 170,0.08);
z-index: 1;
position: relative;
}
table.table-bordered td {
padding: 16px 20px;
color: #444;
font-size: 15px;
vertical-align: middle;
transition: color 0.2s;
}
table.table-bordered tbody tr:hover td {
color: #222;
} table.table-bordered td:first-child {
font-weight: 600;
color: #2635aa;
} .message-box {
position: relative;
border: none;
border-radius: 12px;
background: linear-gradient(135deg, #fff8f2 0%, #fff3e6 100%);
box-shadow: 0 4px 20px rgba(38, 53, 170, 0.10);
overflow: hidden;
margin-top: 20px;
padding: 18px 20px 18px 24px !important;
animation: fadeInUp 0.6s ease 0.5s both;
}
.message-box::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 5px;
background: linear-gradient(180deg, #2635aa, #2635aa);
border-radius: 12px 0 0 12px;
}
.message-box::after {
content: '⚡';
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 26px;
opacity: 0.12;
pointer-events: none;
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(16px); }
to   { opacity: 1; transform: translateY(0); }
} .section-stats-grid {
font-family: 'Outfit', sans-serif !important;
}
.service-tag {
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
color: #818cf8; text-transform: uppercase;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.head-left-stat {
font-size: 42px !important;
font-weight: 800;
color: #1e3a8a; line-height: 1.2 !important;
margin-bottom: 30px;
padding-bottom: 0 !important;
}
.head-left-stat::after {
display: none !important; }
.stat-item {
position: relative;
padding-bottom: 10px;
margin-bottom: 25px;
}
.stat-item:hover, .stat-item.is-active {
border-image: linear-gradient(180deg, #ff9500, #ff5e62) 1;
}
.stat-number {
font-size: 46px;
font-weight: 800;
color: #1e3a8a; display: block;
line-height: 1.1;
margin-bottom: 8px;
font-family: 'Outfit', sans-serif !important;
}
.stat-label {
font-size: 15px;
color: #334155; margin-bottom: 0;
line-height: 1.4;
text-transform: none;
font-weight: 500;
}
.btn-learn-more {
background-color: #3da6f2 !important; color: #fff !important;
border-radius: 8px !important;
font-weight: 600 !important;
padding: 12px 28px !important;
text-transform: none !important;
font-size: 16px !important;
transition: all 0.3s ease !important;
border: none !important;
box-shadow: 0 4px 14px rgba(61, 166, 242, 0.3) !important;
}
.btn-learn-more:hover {
background-color: #1c92e3 !important;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(61, 166, 242, 0.4) !important;
} .section-process-flow {
position: relative;
}
.process-subheading {
font-size: 16px;
color: #2635aa;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
font-family: 'Outfit', sans-serif !important;
}
.process-heading {
margin-bottom: 0;
font-family: 'Outfit', sans-serif !important;
font-weight: 800;
color: #1e3a8a;
}
.process-steps {
position: relative;
padding-top: 40px;
font-family: 'Outfit', sans-serif !important;
}
.step-box {
background: #fff;
padding: 10px 20px 30px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.06);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
z-index: 2;
height: 100%;
border: 1px solid rgba(0,0,0,0.02);
margin-bottom: 12px;
margin-top: 40px;
}
.step-box:hover, .step-box.is-active {
transform: translateY(-15px);
box-shadow: 0 20px 40px rgba(38, 53, 170, 0.15);
border-color: #ff9500;
}
.step-box .icon-box-img {
margin: -50px auto 20px !important;
width: 80px !important;
height: 80px !important;
background: #fff;
border-radius: 50%;
box-shadow: 0 5px 15px rgba(38, 53, 170, 0.2);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.step-box .icon-inner {
border: 2px solid #2635aa !important;
width: 100% !important;
height: 100% !important;
border-radius: 50% !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: 40px 40px !important; transition: all 0.3s ease !important;
display: block !important;
background-color: #fff !important; }
.step-box .icon-inner::before {
content: none !important;
display: none !important;
} .process-steps > .col:nth-child(1) .icon-inner,
#col-1409697144 .icon-inner {
background-image: url(//knfbsolutions.vn/wp-content/themes/flatsome-child/icons/step1.png?dontreplace) !important;
} .process-steps > .col:nth-child(2) .icon-inner,
#col-2135801089 .icon-inner {
background-image: url(//knfbsolutions.vn/wp-content/themes/flatsome-child/icons/step2.png?dontreplace) !important;
} .process-steps > .col:nth-child(3) .icon-inner,
#col-1779890657 .icon-inner {
background-image: url(//knfbsolutions.vn/wp-content/themes/flatsome-child/icons/step3.png?dontreplace) !important;
} .process-steps > .col:nth-child(4) .icon-inner,
#col-1813384720 .icon-inner {
background-image: url(//knfbsolutions.vn/wp-content/themes/flatsome-child/icons/step4.png?dontreplace) !important;
}
.step-box:hover .icon-box-img, .step-box.is-active .icon-box-img {
transform: scale(1.1);
box-shadow: 0 10px 25px rgba(38, 53, 170, 0.3) !important; }
.step-box:hover .icon-inner, .step-box.is-active .icon-inner {
border-color: #ff9500 !important;
background-color: #fff !important; }
.step-title {
font-size: 20px;
color: #1e3a8a;
font-weight: 700;
margin-bottom: 12px;
position: relative;
padding-bottom: 10px;
}
.step-title::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 3px;
background: #2635aa;
border-radius: 3px;
transition: width 0.3s ease;
}
.step-box:hover .step-title::after, .step-box.is-active .step-title::after {
width: 60px;
}
.step-desc {
font-size: 15px;
color: #555;
margin-bottom: 0;
line-height: 1.6;
}
@media (min-width: 850px) {
.process-steps::before {
content: '';
position: absolute;
top: 30px;
left: 12.5%;
width: 75%;
height: 2px;
border-top: 2px dashed #2635aa;
z-index: 1;
opacity: 0.4;
}
.process-steps .col_inner {
position: relative;
}
.process-steps .col_inner:not(:last-child)::after {
content: '\279C';
position: absolute;
top: 18px;
right: -15px;
font-size: 22px;
color: #2635aa;
z-index: 3;
background: transparent;
border-radius: 50%;
}
}
@media only screen and (max-width: 48em) { }   .section-process-flow {
background-color: #f2f4f7 !important; position: relative;
}
.custom-video-slider-section {
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
padding: 20px 0 40px;
position: relative;
overflow: visible;
}
.custom-video-slider-section::before,
.custom-video-slider-section::after {
content: none !important;
display: none !important;
}
.custom-video-slider-section .slider-wrapper {
position: relative;
z-index: 1;
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
}
.custom-video-slider-section .slider,
.custom-video-slider-section .flickity-viewport {
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
} .video-card {
background: #ffffff !important;
border-radius: 16px !important;
border: 1px solid rgba(0, 0, 0, 0.06) !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
cursor: pointer;
display: flex;
flex-direction: column;
position: relative;
height: 100%;
}
.video-card:hover, .video-card.is-active {
transform: translateY(-8px) !important;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
border-color: rgba(38, 53, 170, 0.25) !important;
} .video-card-img-container {
position: relative;
width: 100%;
padding-top: 177.77%;
overflow: hidden;
border-radius: 16px 16px 0 0 !important;
}
.video-card-img-container::after {
content: none !important;
display: none !important;
}
.video-card-thumb {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.video-card:hover .video-card-thumb, .video-card.is-active .video-card-thumb {
transform: scale(1.05);
} .video-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px !important;
height: 60px !important;
background: #2635aa !important;
border: 3px solid rgba(255, 255, 255, 0.4) !important;
border-radius: 50% !important;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 6px 15px rgba(38, 53, 170, 0.3) !important;
transition: all 0.3s ease !important;
z-index: 3;
}
.video-play-btn::before,
.video-play-btn::after,
.video-card-img-container .play-ring-3 {
content: '';
position: absolute;
border-radius: 50%;
animation: play-ripple-simple 2.4s infinite ease-out;
opacity: 0;
pointer-events: none;
z-index: -1;
}
.video-play-btn::before {
inset: -8px;
border: 2px solid rgba(38, 53, 170, 0.4);
animation-delay: 0s;
}
.video-play-btn::after {
inset: -16px;
border: 1.5px solid rgba(38, 53, 170, 0.2);
animation-delay: 0.8s;
}
@keyframes play-ripple-simple {
0%   { transform: scale(0.9); opacity: 0.7; }
60%  { opacity: 0.3; }
100% { transform: scale(1.4); opacity: 0; }
}
.video-play-svg {
width: 26px !important;
height: 26px !important;
transition: all 0.3s ease;
margin-left: 3px;
}
.video-card:hover .video-play-btn, .video-card.is-active .video-play-btn {
transform: translate(-50%, -50%) scale(1.1) !important;
background: #e65c00 !important;
box-shadow: 0 8px 20px rgba(38, 53, 170, 0.45) !important;
} .video-card-caption {
background: #ffffff !important;
border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
padding: 16px 14px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-grow: 1;
position: relative;
overflow: hidden;
}
.video-card-caption::before {
content: none !important;
}
.video-card-caption span {
font-size: 14px;
color: #1e3a8a !important; font-weight: 600;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.video-card:hover .video-card-caption span, .video-card.is-active .video-card-caption span {
color: #2635aa !important; }
@media (max-width: 1024px) {
.video-card {
flex: 0 0 calc(33.33% - 16px);
}
}
@media (max-width: 850px) {
.video-card {
flex: 0 0 calc(50% - 12px);
}
}
@media (max-width: 480px) {
.video-card {
flex: 0 0 calc(78% - 12px);
}
} .home-video-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
backdrop-filter: blur(5px);
}
.home-video-modal-overlay.active {
opacity: 1;
pointer-events: auto;
}
.home-video-modal-content {
position: relative;
width: 90%;
max-width: 400px;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
transform: scale(0.9);
transition: transform 0.3s ease;
}
.home-video-modal-overlay.active .home-video-modal-content {
transform: scale(1);
}
.home-video-modal-close {
position: absolute;
top: 12px;
right: 18px;
color: #fff;
font-size: 32px;
font-weight: bold;
cursor: pointer;
z-index: 10;
transition: color 0.2s ease;
text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.home-video-modal-close:hover {
color: #2635aa;
}
.home-video-iframe-wrapper {
position: relative;
width: 100%;
padding-top: 177.77%;
}
.home-video-iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
} .custom-video-slider-section .flickity-page-dots {
bottom: -45px !important;
top: auto !important;
left: 50% !important;
right: auto !important; transform: translateX(-50%) !important;
width: auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #ffffff !important;
border: none !important;
padding: 8px 18px !important;
border-radius: 25px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
margin: 0 !important;
list-style: none !important;
}
.custom-video-slider-section .flickity-page-dots .dot {
background: #cbd5e1 !important;
opacity: 1 !important;
width: 8px !important;
height: 8px !important;
margin: 0 5px !important;
transition: all 0.3s ease !important;
border-radius: 50% !important;
border: none !important;
}
.custom-video-slider-section .flickity-page-dots .dot.is-selected {
background: #2635aa !important;
width: 20px !important;
border-radius: 10px !important;
} .custom-video-slider-section + * h2,
.section-process-flow .custom-video-slider-section ~ h2 { color: #1e3a8a !important; }
@media (max-width: 850px) {
.video-cards-grid {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
}
@media (max-width: 480px) {
.video-cards-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.custom-video-slider-section {
padding: 20px 0 45px;
}
}  .hero-section .row {
align-items: stretch !important;
}
.hero-section .row > .col {
display: flex !important;
flex-direction: column !important;
}
.hero-section .row > .col > .col-inner {
flex-grow: 1 !important;
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
.why-choose-section {
position: relative;
overflow: hidden;
background: #0c0804 !important;
} .why-choose-section::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 55% 60% at 10% 50%, rgba(38, 53, 170,0.10) 0%, transparent 65%),
radial-gradient(ellipse 45% 55% at 90% 40%, rgba(255,160,50,0.07) 0%, transparent 65%),
radial-gradient(ellipse 40% 40% at 50% 100%, rgba(255,80,0,0.06) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
.why-choose-wrapper {
position: relative;
z-index: 1;
text-align: center;
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
} .why-badge {
display: inline-flex;
align-items: center;
gap: 7px;
background: rgba(3, 175, 255, 0.1);
border: 1px solid #03afff;
box-shadow: 0 0 15px rgba(3, 175, 255, 0.3);
border-radius: 50px;
padding: 6px 16px;
color: #03afff;
font-size: 11px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
padding: 7px 20px;
border-radius: 50px;
margin-bottom: 22px;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
} .why-title {
font-size: 36px !important;
font-weight: 800 !important;
color: #fff !important;
line-height: 1.25 !important;
margin-bottom: 36px !important;
letter-spacing: -0.3px;
}
.why-title::after { display: none !important; } .why-highlight {
background: linear-gradient(90deg, #03afff 0%, #2635aa 20%, #03afff 40%, #03afff 60%, #2635aa 80%, #03afff 100%);
background-size: 250%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
animation: whyGradientMove 4s linear infinite;
}
@keyframes whyGradientMove {
0%,100% { background-position: 0%; }
50%      { background-position: 100%; }
} .why-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 44px;
text-align: center;
}
@media (max-width: 900px) {
.why-grid { grid-template-columns: repeat(2, 1fr); }
.why-title { font-size: 26px !important; }
}
@media (max-width: 560px) {
.why-grid { grid-template-columns: 1fr; }
.why-title { font-size: 16px !important; white-space: nowrap !important; }
} .why-card {
background: rgba(255, 255, 255, 0.02);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 18px;
padding: 34px 24px 30px;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
transition: transform 0.38s cubic-bezier(0.22,1,0.36,1),
box-shadow 0.38s ease,
background 0.38s ease,
border-color 0.38s ease;
position: relative;
overflow: hidden;
cursor: default; opacity: 0;
transform: translateY(36px);
}
.why-card.why-visible {
opacity: 1;
transform: translateY(0);
transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.22,1,0.36,1),
box-shadow 0.38s ease, background 0.38s ease, border-color 0.38s ease;
} .why-card::after {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #2635aa 40%, #2635aa 60%, transparent 100%);
opacity: 0;
transition: opacity 0.35s ease;
border-radius: 18px 18px 0 0;
}
.why-card:hover, .why-card.is-active {
background: rgba(3, 175, 255, 0.05);
border-color: #ff9500;
transform: translateY(-8px) !important;
box-shadow: 0 24px 60px rgba(3, 175, 255, 0.15);
}
.why-card:hover::after { opacity: 1; } .why-icon-box {
width: 60px;
height: 60px;
border-radius: 16px;
background: rgba(3, 175, 255, 0.1);
border: 1px solid rgba(3, 175, 255, 0.3);
box-shadow: 0 0 20px rgba(3, 175, 255, 0.15);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
flex-shrink: 0;
transition: background 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
} .why-icon-box::before {
content: '';
display: block;
width: 28px;
height: 28px;
background-color: #03afff;
transition: background-color 0.3s ease;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
}
.why-card:hover .why-icon-box::before {
background-color: #03afff;
} .why-icon-box svg {
display: none !important;
} .why-card:nth-child(1) .why-icon-box::before {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='M8.56 3.69a9 9 0 0 0-2.92 1.95'/%3E%3Cpath d='M3.69 8.56A9 9 0 0 0 3 12'/%3E%3Cpath d='M3.69 15.44a9 9 0 0 0 1.95 2.92'/%3E%3Cpath d='M8.56 20.31A9 9 0 0 0 12 21'/%3E%3Cpath d='M15.44 20.31a9 9 0 0 0 2.92-1.95'/%3E%3Cpath d='M20.31 15.44A9 9 0 0 0 21 12'/%3E%3Cpath d='M20.31 8.56a9 9 0 0 0-1.95-2.92'/%3E%3Cpath d='M15.44 3.69A9 9 0 0 0 12 3'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
} .why-card:nth-child(2) .why-icon-box::before {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8'/%3E%3Cpath d='M12 18V6'/%3E%3C/svg%3E");
} .why-card:nth-child(3) .why-icon-box::before {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");
} .why-card:nth-child(4) .why-icon-box::before {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E");
} .why-card:nth-child(5) .why-icon-box::before {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13' rx='1'/%3E%3Cpath d='M16 8h4l3 3v5h-7V8z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E");
} .why-card:nth-child(6) .why-icon-box::before {
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
}
.why-card:hover .why-icon-box, .why-card.is-active .why-icon-box {
background: rgba(3, 175, 255, 0.2) !important;
box-shadow: 0 0 35px rgba(3, 175, 255, 0.5) !important;
transform: scale(1.1) !important;
animation: whyIconPulse 1.5s infinite;
}
.why-card:hover .why-icon-box svg,
.why-card:hover .why-icon-box svg * { 
stroke: #2635aa !important; 
} .why-card-title {
font-size: 15.5px !important;
font-weight: 700 !important;
color: #fff !important;
margin-bottom: 10px !important;
line-height: 1.35 !important;
display: block;
text-align: center;
}
.why-card-desc {
font-size: 13.5px;
color: rgba(255,255,255,0.8);
line-height: 1.75;
margin: 0;
text-align: center;
} .why-cta-wrap { text-align: center; }
.why-cta-btn {
display: inline-flex;
align-items: center;
gap: 9px;
background: linear-gradient(135deg, #03afff 0%, #2635aa 100%);
color: #fff !important;
font-size: 15px;
font-weight: 700;
padding: 16px 44px;
border-radius: 50px;
text-decoration: none !important;
box-shadow: 0 8px 32px rgba(3, 175, 255, 0.4);
transition: transform 0.3s ease, box-shadow 0.3s ease;
letter-spacing: 0.2px;
justify-content: center;
}
.why-cta-btn:hover {
transform: translateY(-4px);
box-shadow: 0 16px 44px rgba(3, 175, 255, 0.6);
color: #fff !important;
}
.why-cta-btn svg {
width: 18px; height: 18px;
stroke: #fff;
fill: none;
display: block;
} .section-stats-grid {
position: relative;
overflow: hidden;
z-index: 1; }
.section-stats-grid > .row {
position: relative;
z-index: 2; }
.marquee-bg-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
transform: translateY(-15px);
z-index: 0;
overflow: hidden;
white-space: nowrap;
pointer-events: none;
user-select: none;
}
.marquee-track {
display: inline-block;
animation: marqueeScroll 45s linear infinite;
}
.marquee-bg-text span {
font-size: 240px;
font-weight: 800;
text-transform: uppercase; background: linear-gradient(180deg, rgba(255, 149, 0, 0.40) 0%, rgba(255, 149, 0, 0.02) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-stroke: 2px transparent;
color: #ffffff;
padding-right: 60px;
font-family: 'Arial', sans-serif;
letter-spacing: 5px;
display: inline-block;
line-height: 1;
}
@keyframes marqueeScroll {
0% {
transform: translateX(0);
}
100% { transform: translateX(-50%);
}
}
@media (max-width: 850px) {
.marquee-bg-text span {
font-size: 140px;
-webkit-text-stroke: 1px rgba(255, 153, 0, 0.12);
}
}
@media (max-width: 550px) {
.marquee-bg-text span {
font-size: 100px;
}
} .btn-text-arrow {
display: inline-flex;
align-items: center;
color: #03afff !important;
font-size: 16px;
font-weight: 600;
text-decoration: none !important;
padding: 10px 0;
transition: color 0.3s ease;
}
.btn-text-arrow svg {
width: 20px;
height: 20px;
margin-left: 6px;
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.btn-text-arrow:hover {
color: #e68a00 !important;
}
.btn-text-arrow:hover svg {
transform: translateX(6px);
} .section-partners {
position: relative;
overflow: hidden;
}
.partners-badge {
display: inline-block;
padding: 5px 25px;
border: 1px solid #03afff;
border-radius: 30px;
color: #03afff;
font-size: 14px;
font-weight: 600;
margin-bottom: 12px;
}
.partners-title {
color: #03afff;
font-size: 38px;
font-weight: 800;
margin-bottom: 50px;
}
.partners-marquee-container {
display: flex;
flex-direction: column;
gap: 40px;
overflow: hidden;
position: relative; -webkit-mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);
padding: 30px 0;
} .partners-marquee-container::before,
.partners-marquee-container::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 120px;
z-index: 2;
pointer-events: none;
}
.partners-marquee-container::before {
left: 0;
background: linear-gradient(to right, #faf7f2, transparent);
}
.partners-marquee-container::after {
right: 0;
background: linear-gradient(to left, #faf7f2, transparent);
}
.marquee-track-row {
display: flex;
width: max-content;
gap: 80px;
align-items: center;
}
.marquee-track-row.left {
animation: scrollLeft 30s linear infinite;
}
.marquee-track-row.right {
animation: scrollRight 40s linear infinite;
}
.partner-logo {
height: 70px;
object-fit: contain;
opacity: 0.85;
transition: all 0.3s ease;
}
.partner-logo:hover {
opacity: 1;
transform: scale(1.05);
}
.partner-logo.text-logo {
font-size: 40px;
font-weight: 900;
font-family: 'Arial Black', sans-serif;
letter-spacing: -1.5px;
}
@keyframes scrollLeft {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
@keyframes scrollRight {
0% { transform: translateX(-50%); }
100% { transform: translateX(0); }
}  #header,
#masthead,
#wide-nav,
.header-main,
.header-bottom,
.header-bg-color {
background-color: #03afff !important;
background-image: none !important;
}
#header {
border-bottom: none !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.15) !important;
} .header-main .top-divider,
#wide-nav .top-divider,
.container > .top-divider {
display: none !important;
} #masthead .header-inner {
min-height: 80px !important;
padding: 10px 0 !important;
align-items: center !important;
display: flex !important;
gap: 16px !important;
} #masthead #logo {
flex-shrink: 0 !important;
display: flex !important;
align-items: center !important;
}
#masthead #logo img {
max-height: 60px !important;
width: auto !important;
filter: none !important; } .header-search-form {
flex: 1 1 auto !important;
max-width: 520px !important;
padding: 0 8px !important;
display: flex !important;
align-items: center !important;
}
.header-search-form > a.has-icon {
display: none !important;
}
.header-search-form .header-search-form-wrapper {
display: block !important;
position: static !important;
visibility: visible !important;
opacity: 1 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
width: 100% !important;
}
.searchform-wrapper {
width: 100% !important;
} .header-search-form .searchform {
background: #fff !important;
border-radius: 50px !important;
border: none !important;
padding: 4px 4px 4px 18px !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
box-shadow: none !important;
height: 48px !important;
box-sizing: border-box !important;
}
.header-search-form .searchform .flex-row {
width: 100% !important;
background: transparent !important;
border: none !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
height: 100% !important;
}
.header-search-form .searchform .flex-col {
padding: 0 !important;
} .header-search-form .searchform input.search-field {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 8px !important;
margin: 0 !important;
height: 38px !important;
font-size: 15px !important;
color: #555 !important;
width: 100% !important;
line-height: 1 !important;
}
.header-search-form .searchform input.search-field::placeholder {
color: #bbb !important;
font-size: 14px !important;
} .header-search-form .searchform button.ux-search-submit {
background-color: #03afff !important;
color: #fff !important;
border: none !important;
border-radius: 50px !important;
height: 38px !important;
padding: 0 24px !important;
margin: 0 !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0.3px !important;
white-space: nowrap !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
flex-shrink: 0 !important;
cursor: pointer !important;
text-transform: uppercase !important;
}
.header-search-form .searchform button.ux-search-submit:hover {
background-color: #e5841a !important;
} .header-search-form .searchform button.ux-search-submit .icon-search,
.header-search-form .searchform button.ux-search-submit i {
display: none !important;
}
.header-search-form .searchform button.ux-search-submit::after {
content: "Tìm kiếm";
} .html_topbar_right {
display: flex !important;
align-items: center !important;
}
.pq-hotline-block {
display: flex;
align-items: center;
gap: 10px;
color: #fff;
white-space: nowrap;
margin-right: 14px;
}
.pq-hotline-icon {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
background: rgba(255,255,255,0.2);
border-radius: 50%;
flex-shrink: 0;
border: 2px solid rgba(255,255,255,0.5);
position: relative;
}
.pq-hotline-icon::before {
content: '';
position: absolute;
top: -2px; left: -2px; right: -2px; bottom: -2px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.4);
animation: pulse-ring 2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
@keyframes pulse-ring {
0% { transform: scale(1); opacity: 1; }
100% { transform: scale(1.6); opacity: 0; }
}
.pq-hotline-text {
display: flex;
flex-direction: column;
line-height: 1.25;
}
.pq-hotline-label {
font-size: 11px;
font-weight: 400;
color: rgba(255,255,255,0.85);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.pq-hotline-number {
font-size: 16px;
font-weight: 700;
color: #fff;
letter-spacing: 0.3px;
} #masthead .button-1,
.header-main .button-1 {
display: flex !important;
align-items: center !important;
flex-shrink: 0 !important;
}
#header .button-1 a.button,
#header .header-button a,
.header-main .button-1 a {
background: #fff !important;
color: #03afff !important;
border: 2px solid #fff !important;
border-radius: 50px !important;
font-weight: 700 !important;
font-size: 14px !important;
padding: 10px 20px !important;
white-space: nowrap !important;
text-transform: none !important;
box-shadow: none !important;
transition: all 0.25s ease !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
position: relative;
overflow: hidden;
}
#header .button-1 a.button::before,
.header-main .button-1 a::before {
content: '';
position: absolute;
top: 0; left: -100%; width: 50%; height: 100%;
background: linear-gradient(to right, rgba(255,153,0,0) 0%, rgba(3, 175, 255,0.15) 50%, rgba(255,153,0,0) 100%);
transform: skewX(-25deg);
animation: buttonShine 3s infinite;
}
@keyframes buttonShine {
0% { left: -100%; }
20% { left: 200%; }
100% { left: 200%; }
}
#header .button-1 a.button:hover,
.header-main .button-1 a:hover {
background: transparent !important;
color: #fff !important;
} #wide-nav {
border-top: none !important;
}
#wide-nav .flex-row {
min-height: 44px !important;
align-items: center !important;
}
#wide-nav .nav-right > li > a,
#wide-nav .header-bottom-nav > li > a,
.header-bottom-nav > li > a {
color: #fff !important;
font-size: 14.5px !important;
font-weight: 500 !important;
text-transform: none !important;
padding: 10px 12px !important;
display: flex !important;
align-items: center !important;
gap: 5px !important;
line-height: 1 !important;
position: relative;
overflow: hidden;
}
#wide-nav .nav-right > li > a::after,
#wide-nav .header-bottom-nav > li > a::after,
.header-bottom-nav > li > a::after {
content: '';
position: absolute;
bottom: 5px;
left: 50%;
width: 0;
height: 2px;
background-color: #fff;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transform: translateX(-50%);
opacity: 0.9;
border-radius: 2px;
}
#wide-nav .nav-right > li > a:hover::after,
#wide-nav .header-bottom-nav > li > a:hover::after,
.header-bottom-nav > li > a:hover::after {
width: 60%;
}
#wide-nav .nav-right > li > a:hover,
#wide-nav .header-bottom-nav > li > a:hover {
color: #fff !important;
background: transparent !important;
} #wide-nav .ux-menu-icon {
width: 18px !important;
height: 18px !important;
flex-shrink: 0 !important;
filter: brightness(100) !important;
transition: transform 0.3s ease !important;
}
#wide-nav .nav-right > li > a:hover .ux-menu-icon,
#wide-nav .header-bottom-nav > li > a:hover .ux-menu-icon {
transform: translateY(-2px) !important;
} #wide-nav .nav-right > li > a .icon-angle-down {
color: rgba(255,255,255,0.7) !important;
font-size: 12px !important;
margin-left: 2px !important;
transition: transform 0.3s ease !important;
}
#wide-nav .nav-right > li > a:hover .icon-angle-down {
transform: rotate(180deg) !important;
color: #fff !important;
} #footer {
position: relative;
overflow: hidden;
}
#footer .section {
background: linear-gradient(135deg, #03afff 0%, #2635aa 100%) !important;
position: relative;
}
#footer .section::before {
content: '';
position: absolute;
top: 0; right: 0; left: 0; bottom: 0;
background-image: radial-gradient(circle at top right, rgba(255,255,255,0.1) 0%, transparent 40%),
radial-gradient(circle at bottom left, rgba(255,255,255,0.05) 0%, transparent 40%);
pointer-events: none;
}
#footer h3 strong {
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
#footer p {
font-size: 15px;
line-height: 1.8;
color: rgba(255,255,255,0.9) !important;
}
#footer p strong {
color: #fff;
font-weight: 700;
} .menu_footer li {
list-style: none !important;
margin-bottom: 12px;
transition: transform 0.3s ease;
}
.menu_footer li a {
color: rgba(255,255,255,0.85) !important;
font-size: 15px;
transition: all 0.3s ease !important;
display: flex;
align-items: center;
}
.menu_footer li a i {
font-size: 14px;
margin-right: 8px;
transition: transform 0.3s ease;
color: rgba(255,255,255,0.6);
}
.menu_footer li:hover {
transform: translateX(8px);
}
.menu_footer li:hover a {
color: #fff !important;
}
.menu_footer li:hover a i {
transform: translateX(4px);
color: #fff;
} #footer .social-icons a {
background: rgba(255,255,255,0.15) !important;
border: 1px solid rgba(255,255,255,0.3) !important;
color: #fff !important;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
#footer .social-icons a:hover {
background: #fff !important;
color: #03afff !important;
transform: translateY(-5px) scale(1.1);
box-shadow: 0 10px 20px rgba(0,0,0,0.15);
} #footer span[style*="font-size: 140%"] {
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
padding-bottom: 12px;
display: inline-block;
margin-bottom: 15px;
}
#footer span[style*="font-size: 140%"]::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 3px;
background: #fff;
border-radius: 3px;
opacity: 0.6;
transition: width 0.3s ease;
}
#footer .col:hover span[style*="font-size: 140%"]::after {
width: 60px;
opacity: 1;
}  .product-small .box-image img,
.ux-box .box-image img {
transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.product-small:hover .box-image img,
.ux-box:hover .box-image img {
transform: scale(1.08) !important;
} .product-small .box,
.ux-box {
transition: box-shadow 0.3s ease, transform 0.3s ease !important;
border-radius: 8px;
overflow: hidden;
}
.product-small:hover .box,
.ux-box:hover {
box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;
transform: translateY(-5px) !important;
} .product-small .add-to-cart-button .button {
background: #fff !important;
color: #03afff !important;
border: 1px solid #03afff !important;
border-radius: 30px !important;
transition: all 0.3s ease !important;
}
.product-small .add-to-cart-button .button:hover {
background: #03afff !important;
color: #fff !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 10px rgba(3, 175, 255,0.3) !important;
} #header.is-scrolled #masthead,
#header.is-scrolled .header-main {
box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
}
#header.is-scrolled {
box-shadow: 0 4px 30px rgba(3, 175, 255,0.25) !important;
} #masthead #logo a {
display: block;
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#masthead #logo a:hover {
transform: scale(1.05);
} .section h2,
.section-heading h2 {
animation: headingFadeIn 0.7s ease both;
}
@keyframes headingFadeIn {
from { opacity: 0; transform: translateY(20px); }
to   { opacity: 1; transform: translateY(0); }
} .stat-item {
border-left: 3px solid rgba(255, 149, 0, 0.2);
border-image: linear-gradient(180deg, rgba(255, 149, 0, 0.3), rgba(255, 94, 98, 0.3)) 1;
padding-left: 20px !important;
transition: border-color 0.3s ease;
}
.stat-number {
position: relative;
display: inline-block;
}
.stat-number::after {
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 0;
height: 2px;
background: linear-gradient(90deg, #ff9500, #ff5e62, #ff9500); background-size: 200% 100%; animation: orangeGradientMoveX 3s linear infinite;
transition: width 0.6s ease;
}
.stat-item:hover .stat-number::after, .stat-item.is-active .stat-number::after {
width: 100%;
} .custom-video-slider-section .section-title-wrap,
.section-process-flow .section-title-wrap {
position: relative;
} .section-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: linear-gradient(135deg, rgba(38, 53, 170,0.1), rgba(38, 53, 170,0.1));
border: 1px solid rgba(38, 53, 170,0.2);
color: #2635aa;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 6px 16px;
border-radius: 50px;
margin-bottom: 14px;
} .section-partners {
background: #faf7f2;
}
.partners-badge {
background: linear-gradient(135deg, rgba(38, 53, 170,0.1), rgba(38, 53, 170,0.12));
border: 1px solid rgba(255,153,0,0.3);
color: #ff7700;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 7px 20px;
border-radius: 50px;
box-shadow: 0 2px 10px rgba(38, 53, 170,0.1);
}
.partners-title {
font-size: 34px !important;
font-weight: 800 !important;
color: #1a1a2e !important;
line-height: 1.3;
margin-bottom: 10px !important;
}
.partners-title::after {
display: none !important;
} .partners-title-line {
width: 70px;
height: 4px;
background: linear-gradient(90deg, #03afff, #2635aa);
border-radius: 4px;
margin: 14px auto 50px;
position: relative;
overflow: hidden;
}
.partners-title-line::after {
content: '';
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.6);
animation: shimmer 2.5s infinite;
} .partner-logo {
height: 60px !important;
object-fit: contain;
filter: grayscale(40%);
opacity: 0.75;
transition: all 0.35s ease !important;
}
.partner-logo:hover {
filter: grayscale(0%) !important;
opacity: 1 !important;
transform: scale(1.08) !important;
}  #footer {
position: relative;
} .footer-wave-top {
display: block;
width: 100%;
line-height: 0;
overflow: hidden;
margin-bottom: -2px;
} #footer .section {
background: linear-gradient(160deg, #03afff 0%, #03afff 50%, #2635aa 100%) !important;
position: relative;
padding-top: 60px !important;
padding-bottom: 20px !important;
} #footer .section::after {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1px);
background-size: 30px 30px;
pointer-events: none;
z-index: 0;
}
#footer .row,
#footer .col,
#footer .col_inner {
position: relative;
z-index: 1;
} .footer-separator {
border: none;
border-top: 1px solid rgba(255,255,255,0.15);
margin: 30px 0 20px;
} #footer h3 {
margin-bottom: 15px;
}
#footer h3 strong {
font-size: 18px !important;
font-weight: 800 !important;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #fff !important;
text-shadow: 0 2px 10px rgba(0,0,0,0.15);
line-height: 1.4;
} #footer p {
font-size: 14px !important;
line-height: 2 !important;
color: rgba(255,255,255,0.88) !important;
}
#footer p strong {
color: #fff !important;
font-weight: 700;
} #footer span[style*="font-size: 140%"] {
font-size: 16px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
color: #fff !important;
position: relative !important;
padding-bottom: 14px !important;
display: inline-block !important;
margin-bottom: 20px !important;
}
#footer span[style*="font-size: 140%"]::after {
content: '' !important;
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
width: 35px !important;
height: 3px !important;
background: rgba(255,255,255,0.5) !important;
border-radius: 3px !important;
transition: width 0.4s ease !important;
}
#footer .col:hover span[style*="font-size: 140%"]::after {
width: 55px !important;
background: rgba(255,255,255,0.9) !important;
} .menu_footer {
padding: 0 !important;
margin: 0 !important;
}
.menu_footer li {
list-style: none !important;
margin-bottom: 10px !important;
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.menu_footer li a {
color: rgba(255,255,255,0.8) !important;
font-size: 14px !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
transition: color 0.3s ease !important;
text-decoration: none !important;
}
.menu_footer li a i.icon-angle-right {
font-size: 12px !important;
color: rgba(255,255,255,0.5) !important;
transition: transform 0.3s ease, color 0.3s ease !important;
}
.menu_footer li:hover {
transform: translateX(6px) !important;
}
.menu_footer li:hover a {
color: #fff !important;
}
.menu_footer li:hover a i {
transform: translateX(4px) !important;
color: #fff !important;
} #footer .follow-icons {
margin-top: 20px;
}
#footer .follow-icons a,
#footer .social-icons a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
background: rgba(255,255,255,0.15) !important;
border: 1.5px solid rgba(255,255,255,0.3) !important;
border-radius: 50% !important;
color: #fff !important;
font-size: 16px !important;
margin-right: 8px !important;
transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
#footer .follow-icons a:hover,
#footer .social-icons a:hover {
background: #fff !important;
color: #03afff !important;
border-color: #fff !important;
transform: translateY(-5px) scale(1.12) !important;
box-shadow: 0 10px 25px rgba(0,0,0,0.18) !important;
} #footer .ux-image img {
filter: brightness(0) invert(1);
opacity: 0.7;
transition: opacity 0.3s ease;
}
#footer .ux-image img:hover {
opacity: 1;
} #footer-bar {
background: rgba(0,0,0,0.25) !important;
border-top: 1px solid rgba(255,255,255,0.1) !important;
color: rgba(255,255,255,0.7) !important;
font-size: 13px !important;
padding: 12px 0 !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
#footer-bar a {
color: rgba(255,255,255,0.85) !important;
transition: color 0.3s ease !important;
text-decoration: none !important;
}
#footer-bar a:hover {
color: #fff !important;
} .why-cta-btn {
position: relative;
overflow: hidden;
}
.why-cta-btn::before {
content: '';
position: absolute;
top: 0; left: -100%; width: 60%; height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
transform: skewX(-20deg);
animation: ctaBtnShine 3s infinite;
}
@keyframes ctaBtnShine {
0%   { left: -100%; }
30%  { left: 200%; }
100% { left: 200%; }
} .fade-in-up {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.fade-in-up.visible {
opacity: 1;
transform: translateY(0);
}
.fade-in-left {
opacity: 0;
transform: translateX(-30px);
transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.fade-in-left.visible {
opacity: 1;
transform: translateX(0);
} .step-box {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.step-box.step-visible {
opacity: 1;
transform: translateY(0);
}
.step-box:hover, .step-box.is-active {
transform: translateY(-15px) !important;
} .step-number-badge {
position: absolute;
top: -14px;
right: 20px;
width: 28px;
height: 28px;
background: linear-gradient(135deg, #2635aa, #2635aa);
color: #fff;
border-radius: 50%;
font-size: 12px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 10px rgba(38, 53, 170,0.4);
z-index: 5;
} .featured-box {
border: 1px solid transparent;
transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.featured-box:hover {
transform: translateY(-10px) !important;
border-color: rgba(38, 53, 170,0.15) !important;
box-shadow: 0 20px 40px rgba(38, 53, 170,0.08) !important;
background: #fff !important;
}
.featured-box .icon-box-img img {
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.featured-box:hover .icon-box-img img {
transform: scale(1.1) rotate(-5deg) !important;
} .hero-section h1.mb-0,
.hero-section h2 {
line-height: 1.25;
} .hero-section .text-highlight {
position: relative;
display: inline;
color: #2635aa;
}
.hero-section .text-highlight::after {
content: '';
position: absolute;
left: 0;
bottom: 2px;
width: 100%;
height: 6px;
background: rgba(38, 53, 170,0.15);
border-radius: 3px;
z-index: -1;
} @media (max-width: 768px) {
.section-stats-grid,
.section-process-flow,
.section-partners,
.why-choose-section,
.policy-section {
padding-left: 16px !important;
padding-right: 16px !important;
}
#footer .section {
padding: 40px 16px 20px !important;
}
.partners-title {
font-size: 26px !important;
}
}  .shop-sidebar .widget_product_categories {
background: #fff !important;
border: none !important;
padding: 0 !important;
box-shadow: none !important;
}
.shop-sidebar .widget-title.shop-sidebar {
background: transparent !important;
color: #333 !important;
font-size: 16px !important;
font-weight: 700 !important;
text-transform: uppercase;
padding: 0 0 10px 0 !important;
margin-bottom: 15px !important;
border-bottom: 2px solid #ccc !important;
}
.shop-sidebar .widget_product_categories ul.product-categories {
border: none !important;
background: transparent !important;
}
.shop-sidebar .widget_product_categories ul li {
padding: 8px 0 !important;
border-bottom: 1px dashed #eee !important;
background: transparent !important;
}
.shop-sidebar .widget_product_categories ul li > a {
position: relative;
padding-left: 22px !important;
color: #555 !important;
font-size: 14px !important;
display: inline-block;
}
.shop-sidebar .widget_product_categories ul li > a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
border: 1px solid #ccc;
background-color: #fff;
border-radius: 2px;
}
.shop-sidebar .widget_product_categories ul li.current-cat > a::before,
.shop-sidebar .widget_product_categories ul li > a:hover::before {
background-color: #333;
border-color: #333;
}
.shop-sidebar .widget_product_categories ul li.current-cat > a::after,
.shop-sidebar .widget_product_categories ul li > a:hover::after {
content: "";
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-60%) rotate(45deg);
width: 4px;
height: 8px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.shop-sidebar .widget_product_categories ul.children {
margin-left: 15px !important;
margin-top: 5px !important;
border-left: 1px solid #eee;
padding-left: 10px !important;
} .vikor-cat-section .product-small .box {
border: none !important;
box-shadow: none !important;
background: transparent !important;
}
.vikor-cat-section .product-small .box-image {
border: none !important; 
}
.vikor-cat-section .product-small .box-text-products {
display: flex !important;
flex-direction: column !important;
text-align: left !important;
padding: 10px 0 !important;
} .vikor-cat-section .product-small .box-text-products .title-wrapper {
order: 2 !important;
margin-top: 5px !important;
}
.vikor-cat-section .product-small .box-text-products .price-wrapper {
order: 1 !important;
} .vikor-cat-section .product-small .price-wrapper .price {
font-size: 14px !important;
font-weight: 700 !important;
color: #000 !important;
}
.vikor-cat-section .product-small .price-wrapper .amount {
font-weight: 700 !important;
color: #000 !important;
} .vikor-cat-section .product-small .title-wrapper .product-title {
font-size: 13px !important;
font-weight: 400 !important;
margin-bottom: 0 !important;
}
.vikor-cat-section .product-small .title-wrapper .product-title a {
color: #555 !important;
} .vikor-cat-section .product-small .add-to-cart-button,
.vikor-cat-section .product-small .image-tools.grid-tools {
display: none !important;
} .vikor-cat-header {
background: #f1f1f1 !important;
padding: 10px 15px !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
flex-wrap: nowrap !important;
}
.vikor-cat-header h3 {
margin: 0 !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #333 !important;
text-transform: uppercase !important;
}
.vikor-cat-header a {
color: #666 !important;
font-size: 13px !important;
white-space: nowrap !important;
display: inline-block !important;
flex-shrink: 0 !important;
margin-bottom: 0 !important;
} .vikor-cat-top-slider .category-title {
font-size: 12px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
color: #333 !important;
margin-top: 10px !important;
} .tax-product_cat .shop-page-title.category-page-title {
display: none !important;
} .vikor-cat-top-slider .box-image {
border-radius: 50% !important;
padding: 0 !important;
aspect-ratio: 1/1 !important;
border: none !important;
}
.vikor-cat-top-slider .box-image img {
border-radius: 50% !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
} .vikor-sorting-wrapper form.woocommerce-ordering {
margin-bottom: 0 !important;
}
.vikor-sorting-wrapper p.woocommerce-result-count {
margin-bottom: 0 !important;
font-size: 14px;
color: #666;
}  .vikor-cat-top-slider .box-image {
position: relative;
padding: 3px !important; background: linear-gradient(135deg, #03afff 0%, #2635aa 99%, #2635aa 100%);
border-radius: 50% !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
.vikor-cat-top-slider .col:hover .box-image {
transform: translateY(-6px) scale(1.03);
box-shadow: 0 12px 25px rgba(3, 175, 255, 0.4) !important;
background: linear-gradient(135deg, #03afff 0%, #2635aa 100%);
}
.vikor-cat-top-slider .box-image img {
border: 3px solid #fff !important; border-radius: 50% !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform 0.5s ease !important;
}
.vikor-cat-top-slider .col:hover .box-image img {
transform: scale(1.1) rotate(2deg);
}
.vikor-cat-top-slider .category-title {
transition: color 0.3s ease !important;
}
.vikor-cat-top-slider .col:hover .category-title {
color: #03afff !important; 
} .vikor-cat-section .product-small .box {
border: 1px solid #f2f2f2 !important;
border-radius: 12px !important;
background: #fff !important;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
box-shadow: 0 3px 10px rgba(0,0,0,0.03) !important;
overflow: hidden;
}
.vikor-cat-section .product-small:hover .box {
border-color: rgba(255, 118, 117, 0.3) !important;
box-shadow: 0 18px 35px rgba(0,0,0,0.08) !important;
transform: translateY(-6px);
}
.vikor-cat-section .product-small .box-image {
border-radius: 12px 12px 0 0 !important;
}
.vikor-cat-section .product-small .box-image img {
transition: transform 0.6s ease !important;
}
.vikor-cat-section .product-small:hover .box-image img {
transform: scale(1.08);
}  .vikor-cat-top-slider .box-image {
background: linear-gradient(135deg, #03afff 0%, #2635aa 100%) !important;
box-shadow: 0 4px 15px rgba(3, 175, 255, 0.1) !important;
}
.vikor-cat-top-slider .col:hover .box-image {
background: linear-gradient(135deg, #03afff 0%, #2635aa 100%) !important;
box-shadow: 0 12px 25px rgba(3, 175, 255, 0.4) !important;
}
.vikor-cat-top-slider .col:hover .category-title {
color: #2635aa !important; 
} .vikor-cat-section .product-small:hover .box {
border-color: rgba(3, 175, 255, 0.4) !important;
box-shadow: 0 18px 35px rgba(38, 53, 170, 0.15) !important;
} .flickity-page-dots {
bottom: -20px !important;
}
.flickity-page-dots .dot {
width: 8px !important;
height: 8px !important;
border-radius: 4px !important;
background: #dcdde1 !important;
opacity: 1 !important;
border: none !important;
transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
margin: 0 6px !important;
}
.flickity-page-dots .dot:hover {
background: #b2bec3 !important;
}
.flickity-page-dots .dot.is-selected {
width: 26px !important; 
background: linear-gradient(135deg, #03afff 0%, #2635aa 100%) !important;
box-shadow: 0 2px 8px rgba(3, 175, 255, 0.4) !important;
} .vikor-cat-top-slider .flickity-prev-next-button {
display: none !important;
}
.vikor-cat-top-slider .flickity-page-dots {
display: block !important;
} .vikor-cat-top-slider .flickity-page-dots {
bottom: -5px !important;
}  #shop-sidebar .widget {
background: #fff !important;
border-radius: 16px !important;
padding: 20px !important;
box-shadow: 0 5px 25px rgba(0,0,0,0.05) !important;
margin-bottom: 30px !important;
border: 1px solid #f2f2f2 !important;
} #shop-sidebar .widget-title {
background: linear-gradient(135deg, #03afff 0%, #2635aa 100%) !important;
color: #fff !important;
padding: 14px 20px !important;
border-radius: 10px !important;
font-size: 15px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
text-align: center !important;
margin: -5px -5px 25px -5px !important; box-shadow: 0 6px 15px rgba(3, 175, 255, 0.3) !important;
display: block !important;
border: none !important;
} #shop-sidebar .widget-title + .is-divider,
#shop-sidebar .widget-title > span {
background: transparent !important;
display: block !important;
border: none !important;
}
#shop-sidebar .widget-title + .is-divider {
display: none !important;
} #shop-sidebar .product-categories, 
#shop-sidebar .widget_nav_menu ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
#shop-sidebar .product-categories > li,
#shop-sidebar .widget_nav_menu ul > li {
border-bottom: 1px dashed #eaeaea !important;
padding: 10px 0 !important;
transition: all 0.3s ease !important;
position: relative !important;
}
#shop-sidebar .product-categories > li:last-child,
#shop-sidebar .widget_nav_menu ul > li:last-child {
border-bottom: none !important;
} #shop-sidebar .product-categories li a,
#shop-sidebar .widget_nav_menu ul li a {
color: #444 !important;
font-size: 15px !important;
font-weight: 600 !important;
display: inline-flex !important;
align-items: center !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
} #shop-sidebar .product-categories li a::before,
#shop-sidebar .widget_nav_menu ul li a::before {
content: '👉' !important;
margin-right: 8px !important;
font-size: 14px !important;
opacity: 0;
transform: translateX(-15px);
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
position: absolute;
left: 0;
} #shop-sidebar .product-categories li:hover > a,
#shop-sidebar .widget_nav_menu ul li:hover > a {
color: #2635aa !important;
transform: translateX(25px); }
#shop-sidebar .product-categories li:hover > a::before,
#shop-sidebar .widget_nav_menu ul li:hover > a::before {
opacity: 1;
transform: translateX(-25px); } #shop-sidebar .children, 
#shop-sidebar .sub-menu {
margin-top: 8px !important;
margin-left: 12px !important;
padding-top: 5px !important;
border-left: 2px solid #cceeff !important;
padding-left: 15px !important;
} #shop-sidebar .children li a, 
#shop-sidebar .sub-menu li a {
font-size: 14px !important;
font-weight: 500 !important;
color: #666 !important;
} #shop-sidebar .count {
background: #e6f7ff !important;
color: #2635aa !important;
font-size: 11px !important;
padding: 3px 8px !important;
border-radius: 20px !important;
margin-left: auto !important;
font-weight: bold !important;
float: right !important;
margin-top: 3px !important;
} #shop-sidebar button.toggle {
background: transparent !important;
color: #03afff !important;
padding: 0 !important;
font-size: 18px !important;
}  .vikor-btn-more {
display: inline-flex !important;
align-items: center !important;
background: #fff !important;
color: #2635aa !important;
font-size: 13px !important;
font-weight: 700 !important;
padding: 6px 18px !important;
border-radius: 50px !important;
border: 1px solid #2635aa !important;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
white-space: nowrap !important;
text-decoration: none !important;
letter-spacing: 0.5px !important;
}
.vikor-btn-more .arrow {
margin-left: 6px !important;
transition: transform 0.3s ease !important;
font-size: 14px !important;
} .vikor-btn-more:hover {
background: linear-gradient(135deg, #03afff 0%, #2635aa 100%) !important;
color: #fff !important;
border-color: transparent !important;
box-shadow: 0 4px 12px rgba(38, 53, 170, 0.3) !important;
transform: translateY(-2px) !important;
}
.vikor-btn-more:hover .arrow {
transform: translateX(4px) !important;
} .premium-cat-header::after {
content: '';
position: absolute;
bottom: -2px; left: 0;
width: 50px;
height: 2px;
background: linear-gradient(90deg, #03afff, #2635aa);
transition: width 0.4s ease;
}
.vikor-cat-section:hover .premium-cat-header::after {
width: 100px;
} .vikor-cat-header.premium-cat-header {
background: transparent !important;
padding: 0 !important;
} .vikor-product-slider .flickity-page-dots {
bottom: -20px !important;
}
.vikor-product-slider .flickity-page-dots .dot {
width: 8px !important;
height: 8px !important;
background: #ccc !important;
border-radius: 50px !important;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
opacity: 0.5 !important;
margin: 0 4px !important;
}
.vikor-product-slider .flickity-page-dots .dot:hover {
opacity: 0.8 !important;
}
.vikor-product-slider .flickity-page-dots .dot.is-selected {
width: 25px !important;
background: linear-gradient(90deg, #03afff, #2635aa) !important;
opacity: 1 !important;
box-shadow: 0 2px 8px rgba(38, 53, 170, 0.4) !important;
} .vikor-product-slider .box-text {
text-align: center !important;
padding: 15px 10px !important;
}
.vikor-product-slider .product-title,
.vikor-product-slider .woocommerce-loop-product__title {
text-align: center !important;
font-size: 14px !important;
line-height: 1.4 !important;
margin-bottom: 8px !important;
color: #444 !important;
display: block !important;
width: 100% !important;
}
.vikor-product-slider .price-wrapper {
text-align: center !important;
width: 100% !important;
display: block !important;
}  #shop-sidebar .product_list_widget {
margin-top: 25px !important;
} #shop-sidebar .product_list_widget li {
position: relative !important;
padding-left: 75px !important; padding-top: 12px !important;
padding-bottom: 12px !important;
min-height: 85px !important; border-bottom: 1px dashed #eee !important;
} #shop-sidebar .product_list_widget li:last-child {
border-bottom: none !important;
} #shop-sidebar .product_list_widget li img {
position: absolute !important;
top: 12px !important;
left: 0 !important;
width: 60px !important;
height: 60px !important;
object-fit: cover !important;
border-radius: 8px !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
margin: 0 !important;
} #shop-sidebar .product_list_widget li a {
display: block !important;
font-size: 13px !important;
color: #444 !important;
line-height: 1.4 !important;
font-weight: 500 !important;
margin-bottom: 6px !important;
transition: color 0.3s ease !important;
}
#shop-sidebar .product_list_widget li a:hover {
color: #2635aa !important;
} #shop-sidebar .product_list_widget li .amount {
color: #2635aa !important;
font-weight: 800 !important;
font-size: 14px !important;
} #shop-sidebar .product_list_widget li del .amount {
color: #aaa !important;
font-size: 12px !important;
font-weight: normal !important;
text-decoration: line-through !important;
margin-right: 5px !important;
}  .single-product form.cart { display: none !important; }
.single-product .button_wrap { display: none !important; } .vikor-product-quote-block {
margin-top: 25px;
}
.vikor-quote-btn {
background-color: #03afff !important;
border-radius: 99px !important;
font-size: 16px !important;
font-weight: 700 !important;
padding: 12px 24px !important;
text-transform: none !important;
box-shadow: none !important;
margin-bottom: 0 !important;
color: #fff !important;
}
.vikor-quote-btn:hover {
background-color: #2635aa !important;
}
.vikor-contact-info {
display: flex;
align-items: center;
margin: 0 -5px;
}
.hotline-col {
flex: 1;
border-right: 1px dashed #03afff;
padding: 0 5px;
display: flex;
justify-content: center;
}
.social-col {
flex: 1;
padding: 0 5px;
display: flex;
justify-content: center;
text-align: center;
}
.contact-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.hotline-col .contact-box {
flex-direction: row;
align-items: center;
}
.icon-phone-wrap {
margin-right: 10px;
flex-shrink: 0;
}
.icon-phone {
width: 36px;
height: 36px;
}
.hotline-text {
text-align: center;
white-space: nowrap;
}
.hotline-number {
color: #03afff;
font-size: 20px;
font-weight: 800;
display: block;
line-height: 1.2;
letter-spacing: 0.5px;
}
.hotline-sub {
font-size: 13px;
color: #555;
font-weight: 500;
}
.social-icons {
display: flex;
justify-content: center;
gap: 12px;
margin-bottom: 4px;
}
.social-icon img {
width: 36px;
height: 36px;
transition: transform 0.3s;
}
.social-icon:hover img {
transform: scale(1.1);
}
.social-text {
font-size: 13px;
color: #555;
font-weight: 500;
white-space: nowrap;
} .vikor-sidebar-features {
background-color: rbga(254, 194, 102, 0.1);
background-color: rgba(3, 175, 255, 0.1);
border-radius: 16px;
padding: 16px;
box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.05);
margin-bottom: 24px;
border: none;
}
.feature-item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
}
.feature-item:last-child {
margin-bottom: 0;
}
.feature-icon {
flex-shrink: 0;
}
.feature-icon img {
width: 40px;
height: 40px;
}
.feature-text {
font-size: 14px;
font-weight: 500;
color: #333;
line-height: 1.4;
margin: 0;
} .woocommerce-tabs .nav-tabs {
border-bottom: 2px solid #f1f1f1 !important;
margin-bottom: 30px !important;
}
.woocommerce-tabs .nav-tabs > li {
margin-bottom: -2px !important;
border: none !important;
}
.woocommerce-tabs .nav-tabs > li > a {
border: none !important;
background: transparent !important;
font-size: 18px !important;
color: #555 !important;
font-weight: 600 !important;
padding: 10px 20px !important;
}
.woocommerce-tabs .nav-tabs > li.active > a {
color: #03afff !important;
border-bottom: 2px solid #03afff !important;
} @media (max-width: 849px) {
.vikor-contact-info {
flex-direction: column;
}
.hotline-col {
border-right: none;
border-bottom: 1px dashed #03afff;
width: 100%;
padding-bottom: 15px;
margin-bottom: 15px;
justify-content: center;
}
.hotline-col .contact-box {
justify-content: center;
}
} #footer .ux-menu-link__link,
#footer .widget_nav_menu a,
#footer .ux-menu-link__text,
#footer .ux-menu-link__icon,
.menu_footer .ux-menu-link__link,
.menu_footer .ux-menu-link__text,
.menu_footer .ux-menu-link__icon {
color: #ffffff !important;
transition: color 0.3s ease !important;
}
#footer .ux-menu-link__link:hover,
#footer .ux-menu-link__link:hover .ux-menu-link__text,
#footer .ux-menu-link__link:hover .ux-menu-link__icon,
#footer .widget_nav_menu a:hover,
.menu_footer .ux-menu-link__link:hover,
.menu_footer .ux-menu-link__link:hover .ux-menu-link__text,
.menu_footer .ux-menu-link__link:hover .ux-menu-link__icon {
color: #000000 !important;
} .product-info .rank-math-breadcrumb {
display: none !important;
} .custom-full-breadcrumb .rank-math-breadcrumb {
font-size: 15px !important;
color: #888888;
margin-bottom: 0 !important;
letter-spacing: 0;
text-align: center;
}
.custom-full-breadcrumb .rank-math-breadcrumb p {
margin-bottom: 0 !important;
}
.custom-full-breadcrumb .rank-math-breadcrumb a {
color: #888888 !important;
font-weight: 400 !important;
transition: color 0.3s ease;
}
.custom-full-breadcrumb .rank-math-breadcrumb a:hover {
color: #fa9e1b !important;
}
.custom-full-breadcrumb .rank-math-breadcrumb .separator {
color: #bbbbbb;
margin: 0 5px;
}
.custom-full-breadcrumb .rank-math-breadcrumb .last {
color: #fa9e1b !important;
font-weight: 600 !important;
} .shop-sidebar .widget_custom_html {
background: transparent !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
margin-bottom: 30px;
} .btn-impressive-cta {
background: linear-gradient(90deg, #00d2ff 0%, #3a7bd5 100%) !important;
color: #fff !important;
border-radius: 99px !important;
box-shadow: 0 4px 15px rgba(58, 123, 213, 0.4) !important;
animation: pulse-blue 2s infinite;
transition: all 0.3s ease;
border: none !important;
text-transform: uppercase;
font-weight: 800 !important;
}
.btn-impressive-cta:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(58, 123, 213, 0.6) !important;
filter: brightness(1.15);
}
@keyframes pulse-blue {
0% {
box-shadow: 0 0 0 0 rgba(58, 123, 213, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(58, 123, 213, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(58, 123, 213, 0);
}
}
.custom-popup-bg {
padding: 30px;
background: #fff;
border-radius: 12px;
max-width: 500px;
margin: 0 auto;
position: relative;
} .vikor-quote-btn {
background: linear-gradient(90deg, #00c6ff, #0072ff) !important;
color: #fff !important;
border-radius: 99px !important;
box-shadow: 0 4px 15px rgba(0, 114, 255, 0.4) !important;
animation: pulse-blue 2s infinite;
transition: all 0.3s ease;
border: none !important;
text-transform: uppercase;
font-weight: 800 !important;
padding: 0 !important;
height: 42px !important;
line-height: 42px !important;
font-size: 16px !important;
}
.vikor-quote-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 114, 255, 0.6) !important;
background: linear-gradient(90deg, #0072ff, #00c6ff) !important;
}
@keyframes pulse-blue {
0% {
box-shadow: 0 0 0 0 rgba(0, 114, 255, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(0, 114, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 114, 255, 0);
}
} .custom-popup-split { padding: 15px !important; }
.popup-flex { display: flex; flex-wrap: wrap; align-items: center; }
.popup-left { width: 45%; }
.popup-right { width: 55%; padding: 10px; }
@media (max-width: 768px) {
.popup-left, .popup-right { width: 100% !important; padding: 0 !important; }
.popup-left-img { position: static !important; }
.custom-popup-split { padding: 0 !important; }
.popup-right > div { border-radius: 0 0 20px 20px !important; }
} .custom-form-wrap .form-group { margin-bottom: 12px; text-align: left; }
.custom-form-wrap p { margin-bottom: 0 !important; }
.custom-form-wrap label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 5px; color: #555; }
.custom-form-wrap label .required { color: red; }
.custom-form-wrap input[type="text"],
.custom-form-wrap input[type="tel"],
.custom-form-wrap input[type="number"],
.custom-form-wrap input[type="email"],
.custom-form-wrap textarea { width: 100%; border: 1px solid #ddd; border-radius: 99px; padding: 10px 15px; font-size: 14px; box-shadow: none; outline: none; transition: 0.3s; background: #fff; margin-bottom: 0 !important; height: auto !important; line-height: 1.4 !important; }
.custom-form-wrap textarea { border-radius: 15px; min-height: 75px; }
.custom-form-wrap input:focus, .custom-form-wrap textarea:focus { border-color: #0072ff; }
.custom-form-wrap .form-submit { text-align: center; margin-top: 15px; display: flex; justify-content: center; align-items: center; width: 100%; }
.custom-form-wrap .wpcf7-submit { background: linear-gradient(90deg, #00d2ff 0%, #3a7bd5 100%) !important; color: #fff !important; border-radius: 99px !important; padding: 12px 30px !important; font-size: 16px !important; font-weight: bold !important; border: none !important; transition: 0.3s; width: 100%; margin: 0 auto; display: block; box-shadow: 0 8px 25px rgba(58, 123, 213, 0.5) !important; text-transform: none; }
.custom-form-wrap .wpcf7-submit:hover { filter: brightness(1.15); transform: translateY(-3px); box-shadow: 0 12px 35px rgba(58, 123, 213, 0.7) !important; }
.wpcf7-not-valid-tip { font-size: 12px; margin-top: 5px; } .mfp-close-btn-in .mfp-close { 
color: #333; 
background: transparent; 
width: 30px; 
height: 30px; 
line-height: 30px; 
margin-top: 25px; 
margin-right: 25px; 
font-size: 28px; 
font-weight: 300; 
text-align: center; 
opacity: 0.5;
}
.mfp-close-btn-in .mfp-close:hover { opacity: 1; color: #0072ff; } .popup-right > div { padding-bottom: 20px !important; }
.custom-popup-split form.wpcf7-form { margin-bottom: 0 !important; }
.custom-popup-split .custom-form-wrap { margin-bottom: 0 !important; }
.custom-popup-split .form-submit { margin-bottom: 0 !important; }
.custom-popup-split p:empty { display: none !important; }
.custom-popup-split .wpcf7-form br { display: none !important; }
.custom-popup-split .wpcf7-response-output { margin-bottom: 0 !important; padding-bottom: 0 !important; } @keyframes icon-shake {
0% { transform: rotate(0deg) scale(1); }
10% { transform: rotate(-15deg) scale(1.1); }
20% { transform: rotate(15deg) scale(1.1); }
30% { transform: rotate(-15deg) scale(1.1); }
40% { transform: rotate(15deg) scale(1.1); }
50% { transform: rotate(0deg) scale(1); }
100% { transform: rotate(0deg) scale(1); }
}
.animate-shake {
display: inline-block;
animation: icon-shake 2s infinite;
transform-origin: center;
} #tab-description h2::after,
#tab-description h2::before,
.woocommerce-Tabs-panel h2::after,
.woocommerce-Tabs-panel h2::before {
display: none !important;
content: none !important;
}
#tab-description h2,
.woocommerce-Tabs-panel h2 {
border-bottom: none !important;
} .single-product .woocommerce-tabs ul.tabs,
.single-product .woocommerce-tabs {
border: none !important;
}
.single-product .woocommerce-tabs ul.tabs > li {
border: none !important;
background: transparent !important;
}
.single-product .woocommerce-tabs ul.tabs > li > a {
position: relative !important;
color: #777 !important;
background: transparent !important;
border: none !important;
transition: color 0.3s ease !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
text-transform: none !important;
font-size: 16px !important;
}
.single-product .woocommerce-tabs ul.tabs > li.active > a,
.single-product .woocommerce-tabs ul.tabs > li:hover > a {
color: #03afff !important;
background: transparent !important;
}
.single-product .woocommerce-tabs ul.tabs > li > a::before {
content: "" !important;
position: absolute !important;
top: auto !important;
bottom: -1px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 0 !important;
height: 2px !important;
background-color: #03afff !important;
transition: width 0.3s ease !important;
z-index: 10 !important;
opacity: 1 !important;
display: block !important;
right: auto !important;
}
.single-product .woocommerce-tabs ul.tabs > li.active > a::before,
.single-product .woocommerce-tabs ul.tabs > li:hover > a::before {
width: 100% !important;
}
.single-product .woocommerce-tabs ul.tabs > li > a::after {
display: none !important;
} .single-product .summary > br,
.single-product .summary > p:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
.single-product .product-footer,
.single-product .woocommerce-tabs {
margin-top: 0 !important;
padding-top: 0 !important;
} .single-product .woocommerce-tabs .panel h2,
.single-product .woocommerce-tabs .tabbed-content h2,
.single-product .woocommerce-Tabs-panel h2 {
font-size: 1.4em !important;
margin-bottom: 0.8em !important;
margin-top: 1em !important;
} @media (min-width: 850px) { .single-product #product-sidebar {
position: static !important;
overflow: visible !important;
max-height: none !important;
} .single-product #product-sidebar > aside {
position: -webkit-sticky !important;
position: sticky !important;
top: 110px !important;
z-index: 90 !important;
max-height: calc(100vh - 380px) !important;
overflow-y: auto !important;
padding-bottom: 10px;
} .single-product #product-sidebar .sidebar-product-cta-widget {
position: static !important;
margin-top: 15px !important;
} .single-product #product-sidebar > aside::-webkit-scrollbar {
width: 4px;
}
.single-product #product-sidebar > aside::-webkit-scrollbar-thumb {
background-color: #ddd;
border-radius: 4px;
}
} .btn-impressive-cta,
.vikor-quote-btn {
position: relative !important;
animation: cta-pulse 2.5s infinite !important;
}
@keyframes cta-pulse {
0% { transform: scale(1); box-shadow: 0 0 5px rgba(3, 175, 255, 0.2); }
50% { transform: scale(1.04); box-shadow: 0 0 25px 8px rgba(3, 175, 255, 0.8); }
100% { transform: scale(1); box-shadow: 0 0 5px rgba(3, 175, 255, 0.2); }
}
.btn-impressive-cta::after,
.vikor-quote-btn::after {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 50% !important;
height: 100% !important;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%) !important;
transform: skewX(-25deg) !important;
animation: cta-shine 2.5s infinite !important;
}
@keyframes cta-shine {
0% { left: -100%; }
20% { left: 200%; }
}  .header-main .flex-col.logo {
position: absolute !important;
left: 15px; 
top: 0;
height: 125px; width: 320px !important;
max-width: 320px !important;
margin: 0 !important;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
} #logo a {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
transform: scale(1.65) translate(10px, 10px);
transform-origin: left center;
}
#logo img {
max-height: 80px !important;
width: auto !important;
} .header-main .flex-left.flex-grow {
padding-left: 350px !important;
} .header-bottom .container {
padding-left: 350px !important;
}
.header-bottom .nav-right {
justify-content: flex-start !important;
}
.header-bottom .flex-left {
display: none !important;
} #logo img {
max-height: 80px !important;
width: auto !important;
opacity: 0.85; transition: opacity 0.3s;
} #logo a:hover {
transform: scale(1.65) translate(10px, 10px) !important;
}
#logo a:hover img {
opacity: 1 !important; transform: none !important;
}
#logo a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(110deg, transparent 25%, rgba(255,255,255,1) 50%, transparent 75%);
background-size: 400% 100%;
background-position: 100% 50%;
background-repeat: no-repeat;
animation: logoFlareSmooth 4s ease-in-out infinite;
z-index: 2;
pointer-events: none; -webkit-mask-image: url(//knfbsolutions.vn/wp-content/uploads/2026/06/kn-logo-final-new.png);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
@keyframes logoFlareSmooth {
0%, 20% { background-position: 100% 50%; }
80%, 100% { background-position: 0% 50%; }
} .footer-wrapper .wpcf7, 
.footer .wpcf7, 
#footer .wpcf7 {
background: transparent !important;
padding: 0 !important;
box-shadow: none !important;
border: none !important;
} .footer-wrapper .wpcf7 form {
width: 100%;
} body.single-product #woocommerce_product_categories-3 {
display: none !important;
} #woocommerce_product_categories-3 {
margin-bottom: 30px !important; 
padding: 0 !important; 
border-radius: 12px !important;
}
#woocommerce_product_categories-3 .widget-title {
margin: 0 !important; 
padding: 18px 25px !important; width: 100% !important;
box-sizing: border-box !important;
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
}
#woocommerce_product_categories-3 ul.product-categories {
padding: 25px 25px 20px 25px !important; }
#woocommerce_product_categories-3 .is-divider {
display: none !important; } } .category-page-wrapper > .col.hide-for-medium,
.shop-page-wrapper > .col.hide-for-medium {
display: flex !important;
flex-direction: column;
} .category-page-wrapper .sidebar-inner,
.shop-page-wrapper .sidebar-inner {
flex: 1;
display: flex;
flex-direction: column;
} #custom_html-999 {
position: sticky !important;
top: 90px !important;
z-index: 10;
} .flickity-slider > .col,
.slider-wrapper > .col {
padding-bottom: 25px !important;
padding-top: 10px !important;
} .box.has-hover {
overflow: visible !important;
}
.box-image {
overflow: visible !important;
}
.category-box .box-image {
padding-bottom: 10px;
} .shop-page-title,
.category-page-title,
.shop-elements,
.woocommerce-ordering-wrapper,
.shop-title-wrapper {
border-top: none !important;
border-bottom: none !important;
} .shop-page-title,
.category-page-title,
.shop-elements,
.woocommerce-ordering,
.woocommerce-result-count,
.flex-row.form-flat,
.shop-page-title .flex-row,
.category-page-title .flex-row,
.shop-loop-head,
.page-title-inner,
.ux-products-header {
border: none !important;
border-top: none !important;
border-bottom: none !important;
box-shadow: none !important;
}
.shop-page-title::before,
.shop-page-title::after,
.shop-page-title .flex-row::before,
.shop-page-title .flex-row::after {
display: none !important;
} .st_custom_tabs { font-family: "Outfit", sans-serif !important; }
.custom-tabs-container {
background-color: #fdfaf6;
border-radius: 20px;
padding: 60px;
display: flex;
gap: 50px;
align-items: center;
box-shadow: 0 10px 40px rgba(0,0,0,0.03);
min-height: 500px;
}
@media (max-width: 991px) {
.custom-tabs-container {
flex-direction: column;
padding: 40px 20px;
}
}
.custom-tabs-left {
flex: 1;
display: flex;
flex-direction: column;
}
.custom-tabs-nav {
display: flex;
flex-wrap: nowrap;
gap: 12px;
margin-bottom: 20px;
padding: 5px 5px 20px 5px; overflow-x: auto; -webkit-overflow-scrolling: touch;
}
.custom-tab-btn {
background: transparent;
border: 1px solid #03afff;
color: #03afff;
border-radius: 99px;
padding: 10px 20px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
text-transform: none;
line-height: 1.5;
white-space: nowrap;
flex-shrink: 0;
}
.custom-tab-btn:hover {
background: rgba(3, 175, 255, 0.1);
transform: translateY(-2px);
}
.custom-tab-btn.active {
background: #03afff;
color: #fff;
box-shadow: 0 4px 15px rgba(3, 175, 255, 0.3);
}
.custom-tabs-content-area {
flex: 1;
}
.custom-tab-pane {
display: none;
animation: fadeInTab 0.5s ease forwards;
}
.custom-tab-pane.active { display: block; }
@keyframes fadeInTab {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.tab-title {
font-size: 20px;
color: #333;
font-weight: 700;
margin-bottom: 15px;
}
.tab-subtitle {
font-size: 15px;
color: #666;
margin-bottom: 25px;
font-style: italic;
}
.tab-list {
list-style: none;
padding: 0;
margin: 0 0 30px 0;
}
.tab-list li {
position: relative;
padding-left: 28px;
margin-bottom: 15px;
font-size: 15px;
color: #444;
line-height: 1.6;
}
.tab-check {
position: absolute;
left: 0;
top: 3px;
width: 18px;
height: 18px;
background: #03afff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.tab-check::after {
content: "✓";
color: #fff;
font-size: 12px;
font-weight: bold;
font-style: normal;
}
.tab-btn-cta {
display: inline-block;
background: #03afff;
color: #fff;
font-weight: 600;
font-size: 15px;
padding: 12px 30px;
border-radius: 99px;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 6px 15px rgba(3, 175, 255, 0.25);
}
.tab-btn-cta:hover {
background: #0288d1;
color: #fff;
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(3, 175, 255, 0.35);
}
.custom-tabs-right {
flex: 0 0 45%;
display: flex;
}
@media (max-width: 849px) {
.custom-tabs-right {
flex: none;
width: 100%;
height: 280px;
margin-top: 20px;
}
.custom-tabs-nav {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 5px;
margin-bottom: 20px;
}
.custom-tab-btn {
width: 100%;
padding: 10px 5px;
font-size: 13px;
white-space: normal;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.2;
}
.custom-tabs-container {
padding: 30px 15px;
gap: 20px;
text-align: center;
}
.tab-list li {
text-align: left;
}
}
.custom-tabs-image-wrap {
width: 100%;
height: 100%;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.custom-tabs-image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.custom-tabs-nav::-webkit-scrollbar {
display: none;
}
.custom-tabs-nav {
-ms-overflow-style: none;
scrollbar-width: none;
} .journey-section {
padding: 80px 0;
background-color: #fafbfc;
font-family: "Outfit", sans-serif !important;
}
.journey-container {
width: 100%;
max-width: 1100px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 991px) {
.journey-container { flex-direction: column; padding: 0 20px; }
}
.journey-left {
flex: 0 0 45%;
position: relative;
}
@media (max-width: 849px) {
.journey-left {
flex: none;
width: 100%;
height: 320px; margin-bottom: 20px;
}
.journey-right {
padding-left: 0 !important;
gap: 30px !important;
}
.journey-timeline {
height: 450px !important;
width: 100% !important;
}
.journey-section {
padding: 40px 0;
}
.journey-nav {
margin-top: 0 !important;
}
}
.journey-img-bg {
position: absolute;
top: 0; left: 0; right: 20px; bottom: 20px;
background-color: #03afff;
border-radius: 20px;
transform: rotate(-4deg);
z-index: 1;
}
.journey-right {
flex: 1;
min-width: 0;
position: relative;
display: flex;
align-items: center;
gap: 40px;
}
.journey-timeline {
position: relative;
flex: 1;
min-width: 0;
overflow: hidden;
-webkit-mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);
}
.journey-line {
position: absolute;
left: 10px;
top: 0;
bottom: 0;
width: 2px;
background: transparent;
border-left: 2px dashed rgba(3, 175, 255, 0.4);
}
.journey-track {
transition: transform 0.4s ease-out;
}
.journey-item {
padding-left: 40px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
opacity: 0.4;
transition: all 0.4s ease;
}
.journey-item.active {
opacity: 1;
transform: scale(1.05);
transform-origin: left center;
}
.journey-item::before {
content: "";
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
border-radius: 50%;
background: #e0e0e0;
transition: all 0.4s ease;
}
.journey-item.active::before {
background: #03afff;
box-shadow: 0 0 0 3px #fafbfc, 0 0 0 5px #03afff;
}
.journey-year {
font-size: 32px;
font-weight: 700;
color: #333;
margin-bottom: 8px;
transition: color 0.4s ease;
}
.journey-item.active .journey-year {
color: #03afff;
font-size: 38px;
}
.journey-desc {
font-size: 15px;
color: #666;
line-height: 1.6;
}
.journey-nav {
display: flex;
flex-direction: column;
gap: 15px;
flex-shrink: 0;
}
.journey-prev, .journey-next {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid #03afff;
background: #fff;
color: #03afff;
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.journey-prev:hover, .journey-next:hover {
background: #03afff;
color: #fff;
box-shadow: 0 8px 20px rgba(3, 175, 255, 0.4);
transform: translateY(-3px);
}
@media (max-width: 991px) {
.journey-nav {
flex-direction: row;
margin-top: 20px;
justify-content: center;
}
.journey-right { padding-left: 20px; flex-direction: column; gap: 20px; }
.journey-timeline { width: 100%; height: 400px; flex: none; }
} #secondary .widget {
background: #fff;
border-radius: 12px;
box-shadow: 0 5px 25px rgba(0,0,0,0.06);
margin-bottom: 30px;
border: 1px solid #f0f0f0;
padding: 25px !important;
} #secondary .widget-title {
position: static !important;
display: block !important;
margin: 0 0 20px 0 !important;
padding: 0 !important;
text-align: left !important;
border-bottom: none !important;
background: transparent !important;
}
#secondary .widget-title span {
font-size: 1.2em !important;
font-weight: 800;
color: #111;
display: inline-block !important;
padding: 0 !important;
margin: 0 !important;
text-transform: uppercase;
} #secondary .widget-title::after {
content: '';
display: block;
width: 30px;
height: 3px;
background: #03afff;
margin-top: 10px;
border-radius: 2px;
} #secondary .widget-title + .is-divider {
display: none !important;
} #secondary .widget_flatsome_recent_posts ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
#secondary .widget_flatsome_recent_posts li {
display: flex !important;
align-items: center !important;
padding: 15px 0 !important;
border-bottom: 1px solid #f0f0f0 !important;
margin: 0 !important;
}
#secondary .widget_flatsome_recent_posts li:last-child {
border-bottom: none !important;
padding-bottom: 0 !important;
} #secondary .widget_flatsome_recent_posts .badge.post-date {
width: 60px !important;
height: 60px !important;
flex: 0 0 60px !important;
margin-right: 15px !important;
margin-bottom: 0 !important;
padding: 0 !important;
border-radius: 6px !important;
} #secondary .widget_flatsome_recent_posts .badge-inner {
width: 100% !important;
height: 100% !important;
background-size: cover !important;
background-position: center !important;
border-radius: 6px !important;
} #secondary .widget_flatsome_recent_posts .flex-col.flex-grow {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
#secondary .widget_flatsome_recent_posts a {
color: #222 !important;
font-size: 0.95em !important;
font-weight: 600 !important;
line-height: 1.4 !important;
text-decoration: none !important;
}
#secondary .widget_flatsome_recent_posts a:hover {
color: #03afff !important;
} #secondary .widget_flatsome_recent_posts .post_comments {
display: none !important;
} #secondary .recent-blog-posts {
display: contents !important; 
} #secondary .post_comments, aside .post_comments { display: none !important; visibility: hidden !important; height: 0 !important; } #secondary .widget_flatsome_recent_posts li {
display: block !important;
}
#secondary .widget_flatsome_recent_posts .flex-row.recent-blog-posts {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
width: 100% !important;
}
#secondary .widget_flatsome_recent_posts .flex-col:first-child {
flex: 0 0 60px !important;
max-width: 60px !important;
margin-right: 15px !important;
padding: 0 !important;
}
#secondary .widget_flatsome_recent_posts .flex-col.flex-grow {
flex: 1 !important;
min-width: 0 !important;
padding: 0 !important;
} @media screen and (max-width: 768px) { .tablepress-wrapper, .tablepress {
display: block !important;
width: 100% !important;
overflow-x: auto !important;
white-space: nowrap !important;
-webkit-overflow-scrolling: touch !important;
border: 1px solid #eaeaea;
} .tablepress th, .tablepress td {
padding: 10px 8px !important;
font-size: 13px !important;
} .banner-button {
width: 100% !important;
margin-bottom: 10px !important;
}
} @media screen and (max-width: 549px) {
.woocommerce-page .category-page-row .slider-nav-circle.slider .col.small-6,
.woocommerce-page .slider-nav-circle.slider .col.small-6 { }
.tax-product_cat .slider-nav-circle.slider .col.small-6,
.post-type-archive-product .slider-nav-circle.slider .col.small-6 {
flex-basis: 25% !important;
max-width: 25% !important;
padding: 0 4px !important;
}
.tax-product_cat .slider-nav-circle.slider .box-text,
.post-type-archive-product .slider-nav-circle.slider .box-text {
padding-top: 8px !important;
}
.tax-product_cat .slider-nav-circle.slider .category-title,
.tax-product_cat .slider-nav-circle.slider .box-text h5,
.post-type-archive-product .slider-nav-circle.slider .category-title,
.post-type-archive-product .slider-nav-circle.slider .box-text h5 {
font-size: 10px !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
white-space: normal !important;
margin: 0 !important;
}
} @media screen and (max-width: 849px) {
.single-product .woocommerce-tabs ul.nav-tabs,
.single-product .woocommerce-tabs ul.tabs {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
white-space: nowrap !important;
-webkit-overflow-scrolling: touch !important;
border-bottom: 2px solid #f1f1f1 !important;
}
.single-product .woocommerce-tabs ul.nav-tabs::-webkit-scrollbar,
.single-product .woocommerce-tabs ul.tabs::-webkit-scrollbar {
display: none !important;
}
.single-product .woocommerce-tabs ul.nav-tabs > li,
.single-product .woocommerce-tabs ul.tabs > li {
display: inline-block !important;
width: auto !important;
flex: 0 0 auto !important;
margin-right: 20px !important;
margin-bottom: 0 !important;
border: none !important;
}
.single-product .woocommerce-tabs ul.nav-tabs > li > a,
.single-product .woocommerce-tabs ul.tabs > li > a {
display: block !important;
padding: 10px 5px !important;
border: none !important;
width: auto !important;
} .single-product .woocommerce-tabs ul.nav-tabs > li.active > a,
.single-product .woocommerce-tabs ul.tabs > li.active > a,
.single-product .woocommerce-tabs ul.nav-tabs > li > a:hover,
.single-product .woocommerce-tabs ul.tabs > li > a:hover {
border-bottom: 2px solid #03afff !important;
background: transparent !important;
}
} @media screen and (max-width: 768px) {
.custom-popup-split {
}
.custom-popup-split .popup-left {
padding: 20px 15px 15px 15px !important;
box-sizing: border-box !important;
width: 100% !important;
}
.custom-popup-split .popup-left h2 {
font-size: 22px !important;
margin-bottom: 5px !important;
}
.custom-popup-split .popup-left p {
font-size: 13px !important;
margin-bottom: 0 !important;
}
.custom-popup-split .hotline-wrap-vertical {
display: none !important; }
.custom-popup-split .popup-right {
padding: 15px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin: 0 !important;
}
.custom-popup-split .popup-right > div {
padding: 15px !important;
width: 100% !important;
box-sizing: border-box !important;
margin: 0 !important;
}
.custom-popup-split .custom-form-wrap .form-group {
margin-bottom: 8px !important; }
.custom-popup-split form.wpcf7-form {
margin-bottom: 0 !important;
}
} @media screen and (max-width: 549px) { .row-container h1,
.row-container h2,
.row-container h3,
.ux-cell h1,
.ux-cell h2,
.ux-cell h3,
.section .col h1,
.section .col h2,
.section .col h3,
.policy-title {
font-size: 22px !important;
line-height: 1.3 !important;
} .section h1.is-large,
.section h2.is-large,
.large-text h1,
.large-text h2 {
font-size: 26px !important;
line-height: 1.25 !important;
}
}  @media screen and (max-width: 549px) {
.section .button,
.ux-builder .button {
padding: 8px 15px !important;
font-size: 13px !important;
line-height: 1.4 !important;
min-height: 38px !important;
border-radius: 8px !important;
}
}