/*
Theme Name:   xstore-child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/



/* Louie style*/
.adjust_screen_width{

}
.page-heading.bc-type-left2 .title, .page-heading.bc-type-left .title, .page-heading.bc-type-default .title, .page-heading .breadcrumb_last, [class*=" paged-"] .page-heading .span-title:last-of-type, [class*=" paged-"] .page-heading.bc-type-left2 .span-title:last-of-type, .single-post .page-heading.bc-type-left2 #breadcrumb a:last-of-type, .bbp-breadcrumb-current{
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}
p,div,h1,h2,h3,h4,h5,h6,option,label,input,textarea,select,button{
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}
.bg-color-1{
    background: linear-gradient(90deg, #011824 0.22%, #082413 48.51%, #2B1C0B 99.79%);
}
.bg-color-2{
    background: linear-gradient(90deg, #3A4C54 0.22%, #46574C 48.51%, #5B5247 99.79%);
}
.bg-color-3{
    background: linear-gradient(90deg, #3D414B 0.22%, #8E9CA3 99.79%);
}
.bg-color-4{
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
}
.bg-color-5{
    background: linear-gradient(90deg, #000 0.22%, #737373 99.79%);
}
.bg-color-6{
    background: linear-gradient(90deg, #000 0.22%, #737373 50%, #000 99.79%);
}
.bg-color-7{
    background: linear-gradient(135deg, #021f2b, #063549, #205b37, #153b24);
}
.bg-color-8{
    background: linear-gradient(180deg, var(--e-global-color-secondary) 0%, #173A39 100%);
}
.bg-color-9{
    background: linear-gradient(145deg, #000000 0%, #2D4C55 100%);
}
.bg-color-10{
    background: linear-gradient(145deg, var(--e-global-color-secondary) 0%, #2D553C 100%);
}
.bg-color-11{
    background: linear-gradient(145deg, var(--e-global-color-secondary) 0%, #6B542C 100%);
}
.bg-color-12{
    background: radial-gradient(at center center, #00000000 36%, #112C2B 82%);
}
.bg-color-13{
    background: radial-gradient(at center center, #000000 17%, #11311DCF 83%);
}
.bg-color-14{
    background: linear-gradient(180deg, #0A1D11CF 17%, #2A1F07 54%);
}
.bg-color-15{
    background: linear-gradient(180deg, #2A1F07 0%, #000000AB 100%);
}
.bg-color-16,[data-mode=dark] .cart-checkout-nav, [data-mode=dark].woocommerce-account .page-heading, [data-mode=dark].woocommerce-wishlist .page-heading {
    background: linear-gradient(90deg, #023e59 0.22%, #0c6236 48.51%, #895820 99.79%);
}
.nav-sublist-dropdown>div>div>.elementor-element{
    background: linear-gradient(90deg, #3A4C54 0.22%, #46574C 48.51%, #5B5247 99.79%);
}

.btn:not(.black):not(.active):not(.bordered):not(.style-custom){
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
    border-width: 0px;
}
.btn:not(.black):not(.active):not(.bordered):not(.style-custom) a{
    border-width: 0px; 
}
.bt-style-1{
    position: relative;
    background: #000000; 
    background-clip: padding-box;
    border: 2px solid transparent;
}
.bt-style-4{
    position: relative;
    background: #00000000;
    background-clip: padding-box;
    border: 2px solid transparent;
    z-index: 2;
}
.bt-style-4 a{
    background-color: #211f0c;
}
.bt-style-1::before, .bt-style-4::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    margin: -2px;
    border-radius: 33px;
    background:linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
}
.bt-style-2,.bt-style-2-block a{
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
}
.bt-style-2-block a{
   border-radius: 33px;
   padding: 9px 40px;
}
.bt-style-3 a{
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 40px;
}
.elementor-widget-woocommerce-etheme_archive_products .woocommerce-product-search{
    display: none;
}
.etheme-elementor-off-canvas-toggle-fixed .etheme-elementor-off-canvas__toggle {
    z-index: 33;
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: #dddddd00 !important;
}
.select2-container--default .select2-selection--multiple li,.select2-container--default .select2-results__option,.gform-theme--framework .gfield:where(.gfield--type-multiselect,.gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
    font-family: var(--e-global-typography-a2b23f5-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-a2b23f5-font-size) !important;
    font-weight: var(--e-global-typography-a2b23f5-font-weight) !important;
    /* line-height: var(--e-global-typography-a2b23f5-line-height) !important; */
    color: var(--e-global-color-text) !important;
}
.select2-container--default .select2-selection--multiple {
    position: relative !important;
    background: #000000 !important; 
    background-clip: padding-box !important;
    border: 2px solid transparent !important;
    border-radius: 8px !important;
}
.select2-container--default .select2-selection--multiple::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    margin: -2px;
    border-radius: 8px;
    background:linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e400 !important;
    border: 0px solid #aaa !important;
}
.btn:not(.black):not(.active):not(.bordered):not(.style-custom){
    font-family: var(--e-global-typography-a1cfbf4-font-family), Sans-serif;
    font-size: var(--e-global-typography-a1cfbf4-font-size);
    font-weight: var(--e-global-typography-a1cfbf4-font-weight);
    line-height: var(--e-global-typography-a1cfbf4-line-height);
    color: var(--e-global-color-text) !important;
}
.woocommerce-widget-layered-nav-dropdown__submit{
    display: none;
}
.cursor-pointer{
    cursor: pointer;
}
.elementor-flip-box{
    aspect-ratio: 16 / 9;
    height: 100%;
}
.etheme-search-form .autocomplete-suggestions {
    background-color: #000000;
    position: relative !important;
}
.etheme-modal-popup-inner .etheme-search-form .autocomplete-suggestions {
    padding: 20px;
}
.etheme-search-form-title{
    display: none;
}
.page-heading {
    background: linear-gradient(90deg, #3A4C54 0.22%, #46574C 48.51%, #5B5247 99.79%);
    background-color: linear-gradient(90deg, #3A4C54 0.22%, #46574C 48.51%, #5B5247 99.79%);
}

.min-height-56{
    min-height: 56px;
}
.weboost_footer_section .elementor-icon-list-text{
    word-break: break-all;
}
.widget-title {
    text-transform: capitalize;
}
.slick-prev {
    /* left: -35px !important; */
}
.slick-prev:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important;
}

.slick-next:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
}
.elementor-widget-theme-etheme_account .button-text{
    display: inline-block;
    max-width: 8ch; /* 限制宽度为6个字符的空间 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}
.logged-in .elementor-widget-theme-etheme_account .button-text{
    display: block;
}
.logged-in .elementor-widget-theme-etheme_account .etheme-elementor-off-canvas__toggle_button,.logged-in .elementor-widget-theme-etheme_account .etheme-elementor-off-canvas__toggle a{
    color: #06de69 !important;
}
h1.title{
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    color: var(--e-global-color-text);
}
.btn, .button, form #qna-ask-input button, form button, input[type=button], input[type=submit],.btn.small.black, .btn.medium.black, .btn.big.black, .before-checkout-form .button, .etheme-above-checkout-form .button, .checkout-button, .shipping-calculator-form .button, .single_add_to_cart_button.button, .single_add_to_cart_button.button:focus, .single_add_to_cart_button.button.disabled, .single_add_to_cart_button.button.disabled:hover, .et-quick-view-wrapper .single_add_to_cart_button.button, .et-quick-view-wrapper .single_add_to_cart_button.button:focus, .et-quick-view-wrapper .single_add_to_cart_button.button.disabled, .et-quick-view-wrapper .single_add_to_cart_button.button.disabled:hover, form.login .button, form.register .button, form.register .button.woocommerce-Button, form.lost_reset_password .button, .woocommerce-EditAccountForm .woocommerce-Button, .empty-cart-block .btn, .empty-wishlist-block .btn, .empty-compare-block .btn, .empty-category-block .btn, .woocommerce-mini-cart__empty-message .btn, .form-submit input[type="submit"], #commentform input[type="button"], .form-submit input[type="submit"]:focus, .my_account_orders .view, .et-quick-view-wrapper .product_type_variable, .et-quick-view-wrapper .product_type_variation, .coupon input[type="submit"], .widget_search button, .widget_product_search button, .woocommerce-product-search button, form.wpcf7-form .wpcf7-submit:not(.active), .woocommerce table.wishlist_table td.product-add-to-cart a, .wcmp-quick-info-wrapper form input[type=submit], .product_list_widget .buttons a, .et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist, .btn-checkout, .mini-cart-buttons .button:not(.btn-checkout), .mini-cart-buttons a, .form-row.place-order .button, .search-full-width form .btn, .xstore-wishlist-action .button, .xstore-compare-button .button, .form-actions .add-all-products, .form-actions .compare-more-products, .form-actions .xstore-wishlist-actions, .form-actions .xstore-compare-actions, .et-cookies-popup-wrapper .cookies-button, body .etheme-checkout-page-next-step, .etheme-checkout-page-steps-footer #place_order, body .etheme-checkout-page-previous-step, .etheme-elementor-cart-checkout-page-coupon .button, .etheme-elementor-cart-checkout-page-login-form .button{
    text-transform: unset;
}
.etheme-search-form .autocomplete-selected{
    background: #000000;
}
.elementor-widget-container p{
    color: var(--e-global-color-text);
}
.etheme-search-form[type=popup] .autocomplete-suggestions time{
    color: var(--e-global-color-text);
}
.etheme-search-form .autocomplete-no-suggestion{
    color: var(--e-global-color-text);
}
.etheme-modal-popup-inner:has(.etheme-search-form[type=popup]) {
    width: 100%;
}
.etheme-search-form-clear svg path{
    fill: var(--e-global-color-text);
}
.etheme-search-form-more{
    margin-top: 30px;
}
.etheme-search-form-more button span {
    border-bottom: 0px dashed currentColor;
}
.etheme-search-form-more button,.btn:not(.black):not(.active):not(.bordered):not(.style-custom) a{
    font-family: var(--e-global-typography-a1cfbf4-font-family), Sans-serif;
    font-size: var(--e-global-typography-a1cfbf4-font-size);
    font-weight: var(--e-global-typography-a1cfbf4-font-weight);
    line-height: var(--e-global-typography-a1cfbf4-line-height);
    color: var(--e-global-color-text) !important;
    padding: 10px;
}
.etheme-search-form-more svg{
    display: none;
}
.breadcrumbs{
    display: none;
}
.et_blog-ajax .meta-post,.etheme-search-ajax-results .meta-post{
    display: none;
}
.et_blog-ajax p{
    font-family: var(--e-global-typography-a2b23f5-font-family), Sans-serif;
    font-size: var(--e-global-typography-a2b23f5-font-size);
    font-weight: var(--e-global-typography-a2b23f5-font-weight);
    line-height: var(--e-global-typography-a2b23f5-line-height);
    color: var(--e-global-color-text);
    text-align: center;
}
.et_blog-ajax h2{
    text-align: center;
}
.etheme-search-form[type=popup] .autocomplete-suggestion:has([data-type=product],[data-type=post]) {
    /* max-width: 230px; */
    width: fit-content;
}
.etheme-search-form[type=popup] .autocomplete-suggestion:has([data-type=product],[data-type=post]) .etheme-search-form-item-title a,.etheme-search-form[type=popup] .autocomplete-suggestion:has([data-type=product],[data-type=post]) .etheme-search-form-item-title{
    word-break: break-all;
}
.et_blog-ajax .widget_search{
    display: none;
}
.et_blog-ajax{
    margin-top: 30px;
}
.etheme-search-form[type=popup] .autocomplete-suggestions{
    grid-template-columns: repeat(4, 1fr);
}

@media (min-width: 992px) {
    .et_blog-ajax .col-md-4 {
        width: 25%;
    }
}
@media screen and (max-width: 1024px) {
    /* .etheme-search-form .autocomplete-suggestions {
        padding: 0px;
    } */
    .et_blog-ajax .col-md-4 {
        width: 33.33333333%;
    }
    .weboost_color_line{
        max-width: 65% !important;
    }
    .etheme-search-form[type=popup] .autocomplete-suggestions {
        /* grid-template-columns: repeat(2, 1fr); */
    }
    .elementor-widget-theme-etheme_account .button-text{
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .et_blog-ajax .col-md-4 {
        width: 50%;
    }
    .etheme-product-grid:not(.type-slider) {
        grid-template-columns: repeat(1, 1fr);
    }
    .etheme-modal-popup-content-wrapper {
        top: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .container, div.container, .et-container, .breadcrumb-trail .page-heading {
        max-width: 1320px;
    }
}

@media only screen and (min-width: 1025px) {
    .etheme-product-grid-content .learn-more-button,.etheme-product-grid-content .add_to_cart_button{
        width: 45%;
    }
}

.postid-3795 .weboost_detail_related_product{
    display: none;
}
.elementor-counter-title{
    text-align: center;
}

.clear-cart i:before{
    content: unset;
}
.cart-empty p{
    font-family: var(--e-global-typography-a2b23f5-font-family), Sans-serif;
    font-size: var(--e-global-typography-a2b23f5-font-size);
    font-weight: var(--e-global-typography-a2b23f5-font-weight);
    line-height: var(--e-global-typography-a2b23f5-line-height);
    color: var(--e-global-color-text);
}
.cart-empty h1{
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
    color: var(--e-global-color-text);
}
.woocommerce-form-login__submit,.MyAccount-dashboard-buttons a,.add_to_cart_button{
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%) ;
    border-radius: 33px !important;
    font-family: var(--e-global-typography-a1cfbf4-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-a1cfbf4-font-size) !important;
    font-weight: var(--e-global-typography-a1cfbf4-font-weight) !important;
    /* line-height: var(--e-global-typography-a1cfbf4-line-height) !important; */
    border-width: 0px !important;
}
.single-product .weboost-product-action-buttons .add_to_cart_button,.mini-cart-buttons a,.woocommerce-Button, .woocommerce-MyAccount-content .button,.etheme-elementor-cart-page-table .actions-buttons a,.btn.black,.etheme-elementor-off-canvas_content .woocommerce-form-row .button{
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%) ;
    border-radius: 33px !important;
    font-family: var(--e-global-typography-62454f7-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-62454f7-font-size) !important;
    font-weight: var(--e-global-typography-62454f7-font-weight) !important;
    line-height: var(--e-global-typography-62454f7-line-height) !important;
    border-width: 0px !important;
}
.elementor-widget-container ul{
    padding-left: 18px;
}
.cart-item-details a{
    font-family: var(--e-global-typography-39710e1-font-family), Sans-serif !important  ;
    font-size: var(--e-global-typography-39710e1-font-size) !important;
    line-height: var(--e-global-typography-39710e1-line-height) !important;
}
table.cart td {
    padding-bottom: 5px;
}
.woocommerce-mini-cart>ul {
    padding-left: 0px;
}
.product_list_widget li .product-title a, .sidebar-slider li .product-title a, .wishlist-dropdown li .product-title a{
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}

#support_help .elementor-widget-html .elementor-widget-container{
    display: flex;
    justify-content: flex-end;
}
.footer-product{
    display: none;
}
.woocommerce-MyAccount-navigation-wrapper li a:before {
    content: unset !important;
}
.MyAccount-user-info div{
    word-break: break-word;
    font-size: 1.14rem;
}

.weboost_product_elm_card_content{
    height: auto;
    justify-content: space-between;
}
.weboost_product_elm_card_content li{
    font-family: var(--e-global-typography-a2b23f5-font-family), Sans-serif;
    font-size: var(--e-global-typography-a2b23f5-font-size);
    font-weight: var(--e-global-typography-a2b23f5-font-weight);
    line-height: var(--e-global-typography-a2b23f5-line-height);
    color: var(--e-global-color-text);
}

.elementor-widget-flip-box .elementor-flip-box__layer{
    border-radius: 8px;
    overflow: hidden;
}
.nav-sublist-dropdown .container{
    background: linear-gradient(90deg, #3A4C54 0.22%, #46574C 48.51%, #5B5247 99.79%);
    padding: 0px 18px 0px 0px;
}
.etheme-elementor-off-canvas__main .nav-sublist-dropdown .container{
    background:#00000000;
    padding: 0px ;
}
.etheme-elementor-off-canvas__main .nav-sublist-dropdown ul>li {
    border-top: 0px solid #9f9f9f;
}

.nav-sublist-dropdown ul>li {
    border-top: 0.5px solid #9f9f9f;
}
.nav-sublist-dropdown ul>li:first-child {
    border-top: 0px;
}
.etheme-elementor-nav-menu-item .elementor-item{
    padding: 15px 0px !important;
}
.item-design-dropdown .nav-sublist-dropdown ul>li>.etheme-elementor-nav-menu-item:hover,.item-design-dropdown .nav-sublist-dropdown ul>.current-menu-item>a{
   color: var(--e-global-color-text) !important;
}
#weboost-open-tidio{
    font-family: var(--e-global-typography-dc7e4d8-font-family), Sans-serif;
    font-size: var(--e-global-typography-dc7e4d8-font-size);
    font-weight: var(--e-global-typography-dc7e4d8-font-weight);
    line-height: var(--e-global-typography-dc7e4d8-line-height);
    color: var(--e-global-color-text);
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
    border-radius: 33px;
    padding: 9px 40px;
    border-width: 0px;
}
.woocommerce-MyAccount-navigation-link{
    list-style: none;
}
.gform-theme--foundation .gfield .ginput_password, .gform-theme--foundation .gfield input, .gform-theme--foundation .gfield select{
    color: var(--e-global-color-text);
}
.gform-theme--foundation .gfield textarea,.gform-theme--foundation .gfield select{
    color: var(--e-global-color-text);
}
.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large, .contact_form textarea,.gform-theme--foundation .gfield textarea{
    background: #ffffff00 ;
    border-color: #acb8c0;
}
.gform-theme--framework input[type=file]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),.gform-theme--framework .gfield_description:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),.ginput_container_select select{
    color: var(--e-global-color-text);
}
.gfield--type-select .ginput_container_select{
    position: relative !important;
}
.gfield--type-select .ginput_container_select::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--e-global-color-text);
    pointer-events: none;
}
#gform_submit_button_1, .gform-footer .gform_button{
    font-family: var(--e-global-typography-62454f7-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-62454f7-font-size) !important;
    font-weight: var(--e-global-typography-62454f7-font-weight) !important;
    line-height: var(--e-global-typography-62454f7-line-height) !important;
}

.product_main_card img{
    max-height: 445px;
    width: 100%;
}
.product_main_card .elementor-widget-container>a{
    width: 100%;
}
.radius_8 img,.radius_8 .elementor-swiper,.radius_section_8{
    border-radius: 8px;
}
.ovewrflow_hidden,.radius_8 .elementor-swiper,.radius_section_8{
    overflow: hidden;
}

.contact_form input.button{
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%)
}
.weboost_shop_card_section .woocommerce-loop-product__title.etheme-product-grid-title{
    min-height: 1px;
}
.weboost_shop_card_section .etheme-product-grid-image a{
cursor: unset;
}
.woocommerce-loop-product__title.etheme-product-grid-title{
    min-height: 114px;
}
.weboost_product_card .woocommerce-loop-product__title.etheme-product-grid-title{
    min-height: 1px;
}
.product-quantity .quantity{
    display: block !important;
}
.quantity{
    display: none !important;
}
.carousel-area.products-slider .add_to_cart_button{
    display: none !important;
}
.woocommerce-MyAccount-content .swiper-entry{
    display: none;
}
.back-top {
    bottom: 150px;
    height: 60px;
    width: 60px;
    right: 25px;
}

@media screen and (max-width: 767px) {
    .elementor-location-header>.weboost_header_section>.e-con-inner{
        flex-wrap: inherit !important;
    }
    .back-top {
        bottom: 115px !important;
        right: 11px !important;
    }
    .floating-button{
        right: 11px !important;
        bottom: 194px !important;
    }
}

.elementor-loop-container  .swiper-wrapper{
    z-index: 12;
}
.elementor-loop-container  .e-loop-item{
    z-index: 22;
}
.select2-container {
    z-index: 2;
}
.select2.select2-container--default .select2-selection--single {
    background: #041d1c;
    background-clip: padding-box;
    position: relative;
    border: 2px solid transparent;
    overflow:visible;
    padding: 0px 10px;
    align-content: center;
    border-radius: 33px;
}
.select2-container--open .select2-selection--single {
    border-radius: 33px !important;
}
.select2.select2-container--default .select2-selection--single::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    margin: -2px;
    border-radius:33px;
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 2px !important;
    right: 13px !important;
    display: block;
}
.weboost-product-buttons .bt-style-1{
    background: #354738;
    background-clip: padding-box;
}
.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default.select2 .select2-selection--single .select2-selection__rendered{
    font-size: 16px;
    line-height:30px;
}

.nav-sublist-dropdown{
    background: unset;
    padding: 0px;
border-width: 0px;
}
.nav-sublist-dropdown{
    padding-top: 17px;
}

.gform_button{
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%) !important;
    border-radius: 33px !important;
    padding: 10px 40px !important;
    border-width: 0px !important;
}
.weboost_screen_width{
    max-width: var(--content-width);
    padding: 30px;
    margin: 0 auto;
}
.widget-title, .widgettitle{
    padding-bottom: 0px;
    border-bottom: 0px;
    margin-bottom: 10px;
}
.etheme_sidebar-widget-item {
    margin-bottom: 40px;
}
#gform_1{
    margin-top: 50px;
}
.actions {
    /* border-top: 0px solid var(--et_border-color); */
}
.width_100,.width_100 a{
    width: 100%;
}
.etheme-search-additional-content-wrapper,.gform_required_legend,.etheme-search-tags,.descr-box,.cart-popup-footer,.btn-checkout,.price,.woocommerce-MyAccount-navigation-link--xstore-wishlist,.woocommerce-MyAccount-navigation-link--xstore-wishlist,.cart-checkout-nav,.coupon,.product-sku,.product-subtotal,.product-price{
    display: none !important;
}
.etheme-modal-popup-close path{
 fill: #000;   
}
.etheme-modal-popup-content{
    background: linear-gradient(90deg, #011824 0.22%, #082413 48.51%, #2B1C0B 99.79%);
}
.gfield_label,.gform-field-label{
    color: var(--e-global-color-text) !important;
}
.etheme-modal-popup-content .etheme-modal-popup-close,.page-heading.bc-type-default .title{
    color: var(--e-global-color-text);
}

.widget.woocommerce.widget_shopping_cart{
    max-height: 75%;
    overflow-y: auto;
}
.woocommerce-account .select2-selection::before{
content: unset !important;

}
.woocommerce-account .select2-selection{
    background:var(--et_inputs-bg-color,var(--et_white-2-light-dark)) !important;
}
.woocommerce-account .page-heading .title:before{
    content: unset;
}
.elementor-widget-woocommerce-cart-etheme_page{
    margin-top: 50px;
}
.single-post .main-content>.container{
    max-width: 100% !important;
    padding: 0px !important;
}

.main-content {
    padding-bottom: 0rem;
    min-height: 1px;
}
.weboost_banner .site-banner-content{
    margin-top: 50px;
    }
.weboost_banner .site-banner-content > div {
max-width: 80% !important;
}
.weboost_banner .slick-next:before, .weboost_banner .slick-prev:before{
    content: unset;
}
.weboost_banner .slick-arrow:hover svg{
    color: var(--e-global-color-text);
}
.weboost_banner .site-banner.default-style > * {
    grid-column: unset;
    grid-row: unset;
}
.weboost_banner .site-banner.default-style > *.site-banner-media img{
    max-width: 500px;
    justify-self: center;
    object-fit: contain;
    margin-top: 50px;
}
.weboost_action .elementor-button {
    background-color: #69727d00;
}
.weboost_header_actions p,.weboost_header_actions path,.weboost_header_actions circle,.weboost_header_actions .site-action-button .site-action-icon i::before{
    color: var(--e-global-color-text);
}
.weboost_header_actions .site-action-label{
    display: none;
}
.site-action-button .site-action-icon .site-action-count {
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
}

.weboost_divider>div{
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
    max-width: 350px;
    justify-self: center;
}
.weboost_contact_form_block .elementor-widget-spacer>div{
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
}
.featured-products-slider {
    position: relative;
    margin: 30px 0;
    /* overflow: hidden; */
}
.featured-products-slider .product-slide {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-direction: column;
}
.featured-products-slider .product-image {
    flex: 0 0 50%;
}
.featured-products-slider .product-image img {
    /* width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 5 / 3;
    object-fit: contain;
    border-radius: 8px; */
}
.featured-products-slider .product-info {
    flex: 0 0 50%;
}

.featured-products-slider .product-title {
    font-family: var(--e-global-typography-d3b1190-font-family), Sans-serif;
    font-size: var(--e-global-typography-d3b1190-font-size);
    line-height: var(--e-global-typography-d3b1190-line-height);
    margin-bottom: 35px;
    color: var(--e-global-color-text);
}

.featured-products-slider .product-description ,.featured-products-slider .product-description p,.featured-products-slider .product-description span,.featured-products-slider .product-description ul,.featured-products-slider .product-description ol,.featured-products-slider .product-description li,.featured-products-slider .product-description div{
    margin-bottom: 20px;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
    margin: 15px 0;
    /* display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 7.5em; */
}
.featured-products-slider .view-more,.featured-products-slider .get-quote{
    font-family: var(--e-global-typography-dc7e4d8-font-family), Sans-serif;
    font-size: var(--e-global-typography-dc7e4d8-font-size);
    font-weight: var(--e-global-typography-dc7e4d8-font-weight);
    line-height: var(--e-global-typography-dc7e4d8-line-height);
    color: var(--e-global-color-text);
    margin-right: 10px;
    text-decoration: none;
    border-radius: 33px;
    display: inline-block;
    transition: all 0.3s ease;

    text-align: center;
}
.featured-products-slider .view-more{
    padding: 7px 40px;
    background: #041d1c;
    background-clip: padding-box;
}

.featured-products-slider .get-quote {
    padding: 9px 40px;
}
@media (max-width: 1024px) {
    .featured-products-slider .view-more,.featured-products-slider .get-quote{
        width: 100%;

    }
    .featured-products-slider .view-more{
        margin-bottom: 20px;
    }
}
.slick-slider {
    position: relative;
    margin: 0 -15px;
}

.slide-item {
    padding: 0 15px;
}

.featured-products-slider .slick-prev,
.featured-products-slider .slick-next {
    z-index: 1;
    width: 40px;
    height: 40px;
}

.featured-products-slider .slick-prev {
    left: -40px;
    top: 30%;
}

.featured-products-slider .slick-next {
    right:-24px;
    top: 30%;
}

.featured-products-slider .slick-prev:before,
.featured-products-slider .slick-next:before {
    color: var(--e-global-color-text);
    font-size: 24px;
}

/* News Slider */

.news-slider .slick-prev,
.news-slider .slick-next {
    z-index: 1;
    width: 40px;
    height: 40px;
}

.news-slider .slick-prev {
    left: -5px;
}

.news-slider .slick-next {
    right: -10px;
}

.news-slider .slick-prev:before,
.news-slider .slick-next:before {
    color: var(--e-global-color-text);
    font-size: 24px;
}

.news-slider .news-image img{
    /* max-height: 150px;
    height: 150px; */
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}
.news-slider .slick-list{
    padding: 0px !important;
}
.news-slider .slide-item{
    padding: 0px !important;
}
.news-slider .slide-item.slick-center.slick-current .news-image img{
    /* max-height: 250px;
    height: 250px; */
}
.news-content{
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-title{
    font-family: var(--e-global-typography-a95a94e-font-family), Sans-serif;
    font-size: var(--e-global-typography-a95a94e-font-size);
    font-weight: var(--e-global-typography-a95a94e-font-weight);
    line-height: var(--e-global-typography-a95a94e-line-height);
    color: var(--e-global-color-text);
}

.news-excerpt{
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
    margin-bottom: 10px;
}
.news-button{
    font-family: var(--e-global-typography-dc7e4d8-font-family), Sans-serif;
    font-size: var(--e-global-typography-dc7e4d8-font-size);
    font-weight: var(--e-global-typography-dc7e4d8-font-weight);
    line-height: var(--e-global-typography-dc7e4d8-line-height);
    color: var(--e-global-color-text);
    padding: 9px 40px;
    border-radius: 33px;
    transition: all 0.3s ease;
}

.news-slider .slide-item.slick-center.slick-current .news-slide  {
    height: auto;
}
.news-slider .news-slide  {
    transition: all 0.3s ease;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.news-slider .slide-item.slick-slide.slick-current{
    scale: 0.9;
}
.news-slider .news-slide  {
    position: relative;
    overflow: hidden;
    border: 0;
    border-radius: 8px;
    cursor: default;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
}
.news-slider .slide-item.slick-center.slick-current {
    z-index: 3;
}
.news-slider .slide-item {
    position: relative;
    z-index: 1;
    padding: 0 30px;
}

.news-slider .read-more-btn{
    background: none;
    border: none;
    background-color: #02010100;
    font-family: var(--e-global-typography-a1cfbf4-font-family), Sans-serif;
    font-size: var(--e-global-typography-a1cfbf4-font-size);
    font-weight: var(--e-global-typography-a1cfbf4-font-weight);
    line-height: var(--e-global-typography-a1cfbf4-line-height);
    fill: var(--e-global-color-7046cfa);
    color: var(--e-global-color-7046cfa);
    padding: 0px 0px 0px 0px;
    margin-top: 15px;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
}

.news-slider .read-more-btn svg {
    height: 1em;
    width: 1em;
}

@media screen and (max-width: 1024px) {
    .featured-products-slider .slick-prev {
        left: 0px;
    }
    .news-slider .slide-item {
        padding: 0 40px;
    }
}
@media screen and (max-width: 767px) {
    .featured-products-slider .slick-prev,
    .featured-products-slider .slick-next {
        top: 20%;
    }
    .news-slider .slide-item{
        padding: 15px !important;
    }
    .news-content{
        min-height: 300px;
    }
    .news-slider .slick-prev {
        left: 10px;
    }
    .news-slider .slick-next {
        right: 10px;
    }
    #tidio-chat-iframe{
        right: -10px;
    }
    .news-slider .slide-item {
        padding: 0px 15px;
    }
    .news-slider .slide-item.slick-slide.slick-current{
        scale: 1;
    }
}


@media (min-width: 768px) {
    .news-title{
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .slick-current .news-title,.slick-current .news-excerpt{
        -webkit-line-clamp: unset;
    }
    .news-excerpt{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .news-slider .slide-item.slick-center.slick-current .news-slide {
        width: 400px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .news-slider  .slide-item.slick-slide:not(.slick-center) .news-slide {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        left: 0;
        scale: 0.85;
        pointer-events: none;
        margin-top: 4rem;
    }
    .news-slider .slick-slider {
        height: 38rem;
    }
    .site-banner.banner-rounded {
        border-radius: 0px;
    }
}

@media (min-width: 992px) {
    .news-slider .slide-item.slick-center.slick-current .news-slide {
        width: 600px;
    }
    .news-slider .news-slide {
        -webkit-box-shadow: 0px 8px 16px 0px #00000040;
        box-shadow: 0px 8px 16px 0px #00000040;
    }
}

@media screen and (min-width: 1024.02px) {
    .weboost_banner .site-banner.default-style > *.site-banner-media {
        height: 100%;
    }
    .main-content {
        padding-bottom: 0rem;
    }
    .site-banner.banner-rounded {
        border-radius: 0px;
    }
}

/* Video Slider Styles */
.video-slider {
    position: relative;
    width: 100vw;
    overflow: hidden;
}
.video-slider .slick-slider,
.video-slider .slick-list,
.video-slider .slick-track,
.video-slider .slide-item {
    height: 100%;
}

.video-slider .slider-bg img{
    object-fit: cover;
    width: 100%;
}
.video-slider ,.video-slider .slider-bg img{
    height: 60vh;
    min-height: 530px;
}

.video-slider .slider-content {
    width: 100%;
    max-width: 1320px;
    display: flex;
    height: 100%;
    position: relative;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -100%);
}

.video-slider .slide-text{
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 80px;
}


.video-slider .slide-video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-slider .slide-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 56.25vw; /* 16:9 视频比例 */
    min-height: 80vh;
    min-width: 177.77vh; /* 16:9 视频比例 */
    pointer-events: none;
}


.video-slider .slide-title {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
    margin-bottom: 1rem;
}

.video-slider .slide-description {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

.video-slider .slick-dots {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    z-index: 3;
}
.video-slider .slick-dots li button{
    padding: 0px !important;
}
.video-slider .slick-dots li button:before{
    color: var(--e-global-color-text) !important;
}
.video-slider .slide-product-image{
    padding: 0 4rem;
    max-width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes slide-product-image-animation {
    0% {
        -webkit-transform: translateY(-3rem);
        transform: translateY(-3rem);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@media (min-width: 992px) {
    .video-slider .slide-product-image {
        /* -webkit-animation-name: slide-product-image-animation;
        animation-name: slide-product-image-animation; */
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }
}
@media screen and (max-width: 1380px) {
    .video-slider .slider-content {
        padding: 0 30px;
    }
}

@media (max-width: 1024px) {
    .other-video-slider ,.other-video-slider .slider-bg img{
        height: 45vh;
        min-height: 45vh;
    }

    .video-slider .slider-content {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: center;
        gap: 0px;
    }
 
}
@media (max-width: 767px) {
    .video-slider .slide-product-image{
        max-width: 100%;
    }
    .video-slider .slide-text {
        margin-bottom: 50px;
    }
    .video-slider .slide-description{
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .weboost_screen_width{
        padding: 0px 15px;
    }
    .video-slider .slider-content {
        padding: 0 15px;
        max-width: 90%;
    }
    .video-slider .slide-video {
        width: 100%;
        height: 100%;
        min-width: 100%;
        min-height: 100%;
    }
}

/* Rewards Slider Styles */
.rewards-slider-wrap {
    position: relative;
    width: 100%;
    z-index: 1;
    height: 100%;
    padding: 20px 60px;
    overflow: hidden;
}


/* .rewards-slider .slick-arrow {
    color: var(--e-global-color-text);
    font-size: 1rem;
  }
  
  .rewards-slider  .slick-prev {
    left: -50px;
    text-align: left;
  }
  
  .rewards-slider  .slick-next {
    right: -50px;
    text-align: right;
  } */
.rewards-slider.slider {
    position: relative;
    z-index: 2;
    padding: 0;
    margin: 0rem auto;
    max-width: 900px;
    width: 100%;
    overflow: hidden;
}
.rewards-slider .slick-list{
    transform: scale(0.75) !important;
    overflow: visible;
    padding: 0px !important;
}

.rewards-slider .item.slick-slide {
    width: 400px;
    transition: transform .4s;
    position: relative;
    transform: scale(0.7) translate(600px);
    background: linear-gradient(90deg, #011824 0.22%, #082413 48.51%, #2B1C0B 99.79%);
    /* background: #000; */
    border-radius: 8px;
    overflow: hidden;
}

.rewards-slider .item.slick-slide:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    transition: transform .4s;
}


.rewards-slider .item.slick-slide.slick-center + .slick-slide {
    transform: scale(0.8) translate(-150px);
    z-index: 10;
}

.rewards-slider .item.slick-slide.slick-center + .slick-slide + .item.slick-slide {
    transform: scale(0.7) translate(-600px);
    z-index: 5;
}

.rewards-slider .item.slick-slide.slick-active {
    transform: scale(0.8) translate(150px);
}

.rewards-slider .item.slick-slide.slick-center {
    transform: scale(1);
    z-index: 30;
}

.rewards-slider .slick-center:after {
    opacity: 0;
}

.rewards-slider .reward-content {
    width: 100%;
    padding: 20px;
}
.rewards-slider img{
    padding: 20px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 29px;
}
.rewards-slider .reward-title {
    color: var(--e-global-color-text);
    font-size: 16px;
    margin: 0;
    text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
 
    .rewards-slider.slider{
        overflow: visible;
    }
}

@media (max-width: 992px) {
    .rewards-slider-wrap{
        padding: 0 30px;
    }
    .rewards-slider.slider {
        max-width: 600px;
    }
   
}

@media (max-width: 767px) {
    .rewards-slider-wrap{
        padding: 0 20px;
    }
    .rewards-slider .slick-list{
        overflow: hidden;
    }
    .rewards-slider .item.slick-slide {
        width: 100%;
        transform: none;
    }
    .rewards-slider .item.slick-slide.slick-active {
        transform: unset;
    }
    .rewards-slider .item.slick-slide:after {
        content:unset;
    }
}

/* Vertical Roadmap Styles */
.vertical-roadmap {
    position: relative;
    margin: 0 auto;
    overflow-y: auto;
    max-height: 70vh;
    /* 隐藏滚动条但保持滚动功能 */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

/* 为Webkit浏览器(Chrome, Safari等)隐藏滚动条 */
.vertical-roadmap::-webkit-scrollbar {
    display: none;
}

.timeline-line {
    position: relative;
    padding-left: 20px;
    padding-top: 40px;
}

.timeline-line:before {
    content: '';
    position: absolute;
    left: 94px;
    top: 0;
    bottom: 0;
    width: 5px;
    background:linear-gradient(180deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
}

.timeline-item {
    position: relative;
    margin-bottom:20px;
    display: flex;
    align-items: flex-start;
}

.timeline-item:first-child .dot:before {
    display: none;
}

.year-marker {
    position: absolute;
    left: 45px;
    display: flex;
    align-items: center;
}

.year {
    position: absolute;
    left: -60px;
    color: var(--e-global-color-text);
    font-size: 24px;
}

.vertical-roadmap .dot {
    width: 14px;
    height: 14px;
    color: var(--e-global-color-text);
    border: 9px solid #038CCA;
    border-radius: 50%;
    margin-left: 22px;
    position: relative;
}

.vertical-roadmap .dot:after {
    /* content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 320px;
    height: 1px;
    background: #e89536;
    transform: translateY(-50%); */
}

.timeline-content {
    flex: 1;
    display: flex;
    gap: 30px;
    margin-left: 100px;
}

.content-box {
    flex: 0 0 50%;
    padding: 50px 20px 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.content-box h3,.content-box p {
    color: var(--e-global-color-text);
    margin: 0 0 15px;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

.achievement-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.achievement-list li {
    color: var(--e-global-color-text);
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.achievement-list li:before {
    content: '•';
    position: absolute;
    left: 0;
    color: #038CCA;
}

.timeline-image {
    flex: 0 0 50%;
    overflow: hidden;
    padding: 20px;
}

.timeline-image img {
    width: 100%;
    object-fit: cover;
    max-height: 200px;
}

.image-caption {
    padding: 10px;
    color: var(--e-global-color-text);
    font-size: 14px;
    text-align: center;
}

@media (max-width: 1024px) {
    .content-box {
        padding: 50px 20px 0px;
    }
    .timeline-image {
        padding: 0px 20px 20px;
    }
    .timeline-content {
        flex-direction: column;
        gap: 0px;
    }
    
    .content-box,
    .timeline-image {
        flex: 0 0 100%;
        width: 100%;
    }

    .timeline-image img {
        /* height: 300px; */
    }
}

@media (max-width: 767px) {
    .year {
        font-size: 20px;
        left: -40px;
    }
    .timeline-image {
        padding: 0px 20px;
    }
    .timeline-line:before {
        left: 74px;
    }
  
    .timeline-line{
        padding-left: 0px;
    }
    
    .timeline-content {
        margin-left: 100px;
        margin-top: 20px;
    }
    .content-box h3, .content-box p {
        margin: 0px;
    }
    .content-box {
        padding: 0px 15px 15px;
    }
}

/* Applications Grid Styles */
.applications-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 30px 0;
}

.application-item {
     background: linear-gradient(90deg, #3A4C54 0.22%, #46574C 48.51%, #5B5247 99.79%);
    overflow: hidden;
    transition: transform 0.3s ease;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.application-item:hover {
    transform: translateY(-5px);
}


.application-image img {
    width: 100%;
    object-fit: cover;
    height: 200px !important;
}

.application-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
    min-height: 0;
}

.application-title {
    font-family: var(--e-global-typography-a95a94e-font-family), Sans-serif;
    font-size: var(--e-global-typography-a95a94e-font-size);
    font-weight: var(--e-global-typography-a95a94e-font-weight);
    line-height: var(--e-global-typography-a95a94e-line-height);
    color: var(--e-global-color-text);
    margin: 0 0 15px;
}

.application-description {
    font-family: var(--e-global-typography-a2b23f5-font-family), Sans-serif;
    font-size: var(--e-global-typography-a2b23f5-font-size);
    font-weight: var(--e-global-typography-a2b23f5-font-weight);
    line-height: var(--e-global-typography-a2b23f5-line-height);
    color: #ECECFF;
}

.application-item .learn-more {
    display: inline-block;
    padding: 10px 30px;
    font-family: var(--e-global-typography-dc7e4d8-font-family), Sans-serif;
    font-size: var(--e-global-typography-dc7e4d8-font-size);
    font-weight: var(--e-global-typography-dc7e4d8-font-weight);
    line-height: var(--e-global-typography-dc7e4d8-line-height);
    color: var(--e-global-color-text);
    text-decoration: none;
    border-radius: 33px;
    transition: all 0.3s ease;
}

@media (max-width: 992px) {
    .applications-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .applications-grid {
        grid-template-columns: 1fr;
    }
}

/* Publications Grid Styles */
.publications-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 30px 0;
    max-width: 1320px;
    margin: 0 auto;
}

.publication-item {
    background: linear-gradient(90deg, #3A4C54 0.22%, #46574C 48.51%, #5B5247 99.79%);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.publication-item:hover {
    transform: translateY(-5px);
}


.publication-image img {
    width: 100%;
    max-height: 200px;
    height: 200px;
    object-fit: cover;
}
.publication-content{
    padding: 20px;
    display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between;
        height: 100%;
        min-height: 0;
}

.publication-title {
    font-family: var(--e-global-typography-a95a94e-font-family), Sans-serif;
    font-size: var(--e-global-typography-a95a94e-font-size);
    font-weight: var(--e-global-typography-a95a94e-font-weight);
    line-height: var(--e-global-typography-a95a94e-line-height);
    color: var(--e-global-color-text);
    margin: 0 0 20px;
}


.publication-description {
    font-family: var(--e-global-typography-a2b23f5-font-family), Sans-serif;
    font-size: var(--e-global-typography-a2b23f5-font-size);
    font-weight: var(--e-global-typography-a2b23f5-font-weight);
    line-height: var(--e-global-typography-a2b23f5-line-height);
    color: #ECECFF;
}

.publication-read-more{
    text-decoration: underline !important;
    font-family: var(--e-global-typography-dc7e4d8-font-family), Sans-serif;
    font-size: var(--e-global-typography-dc7e4d8-font-size);
    font-weight: var(--e-global-typography-dc7e4d8-font-weight);
    line-height: var(--e-global-typography-dc7e4d8-line-height);
    color: var(--e-global-color-text);
}
.publications-pagination,.applications-pagination{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.pagination-btn{
    min-height: 32px;
    background: #ff000000;
    border-width: 0px;
    margin-right: 10px;
    font-family: var(--e-global-typography-a1cfbf4-font-family), Sans-serif;
    font-size: var(--e-global-typography-a1cfbf4-font-size);
    font-weight: var(--e-global-typography-a1cfbf4-font-weight);
    line-height: var(--e-global-typography-a1cfbf4-line-height);
}
.pagination-btn.active{
    color: var(--e-global-color-7046cfa);
}

@media (max-width: 992px) {
    .publications-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .publication-item {
        flex-direction: column;
    }

    .publication-image {
        flex: 0 0 200px;
    }


}


.applications-gallery {
    max-width: 1200px;
    margin: 0 auto;
}
.applications-gallery .main-image {
    width: 100%;
    margin-bottom: 20px;
}
.applications-gallery .main-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.3s ease;
    border-radius: 8px;
}
.applications-gallery .thumbnail-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-top: 20px;
}
.applications-gallery .thumbnail {
    cursor: pointer;
    transition: transform 0.3s ease;
    border-radius: 8px;
}
.applications-gallery .thumbnail:hover {
    transform: translateY(-5px);
}
.applications-gallery .thumbnail.active {
    border: 2px solid #038CCA;
}
.applications-gallery .thumbnail img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

.applications-second-gallery-section{
    padding: 100px 30px;
}

.applications-second-gallery {
    max-width: 1320px;
    margin: 0 auto;
}
.applications-second-gallery .gallery-item{
    margin-top: 0px;
}
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
}
.weboost_application_loop_item img{
    aspect-ratio: 1 / 1;
    background-size: cover;
}

.gallery-image img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 8px;
}
@media (max-width: 1024px) {
    .applications-second-gallery-section{
        padding: 50px 30px;
    }
}

@media (max-width: 992px) {
    .gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .applications-second-gallery-section{
        padding: 30px 15px;
    }
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Product Performance Cards Styles */
.product-performance-section {
    padding: 60px 30px;
}
.product-performance {
    max-width: 1320px;
    margin: 0 auto;
}
.product-performance-title{
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    color: var(--e-global-color-text);
    margin-bottom: 60px;
}

.performance-description {
    margin-bottom: 80px;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    /* line-height: 1.5 !important; */
    color: var(--e-global-color-text);
}

.performance-description p,.performance-description span,.performance-description a,.performance-description ul,.performance-description li,.performance-description h1,.performance-description h2,.performance-description h3,.performance-description h4,.performance-description h5,.performance-description h6,.performance-description strong,.performance-description div{
    /* line-height: 1.5 !important; */
}
.performance-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.performance-card {
    background: #2A2A2A;
    overflow: hidden;
    transition: transform 0.3s ease;
    border-radius: 8px;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}


.performance-card-image img {
    width: 100%;
    /* height: 200px !important; */
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.performance-card:hover .performance-card-image img {
    /* transform: scale(1.05); */
}

.performance-card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 100%;
}

.performance-card-title {
    font-family: var(--e-global-typography-a95a94e-font-family), Sans-serif;
    font-size: var(--e-global-typography-a95a94e-font-size);
    font-weight: var(--e-global-typography-a95a94e-font-weight);
    line-height: var(--e-global-typography-a95a94e-line-height);
    color: var(--e-global-color-text);
    margin: 0 0 15px;
}

.performance-card-description {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

.learn-more-btn,.applications-learn-more-btn {
    background-color: #02010100;
    font-family: var(--e-global-typography-a1cfbf4-font-family), Sans-serif;
    font-size: var(--e-global-typography-a1cfbf4-font-size);
    font-weight: var(--e-global-typography-a1cfbf4-font-weight);
    line-height: var(--e-global-typography-a1cfbf4-line-height);
    fill: var(--e-global-color-7046cfa);
    color: var(--e-global-color-7046cfa);
    padding: 0px 0px 0px 0px;
    margin-top: 15px;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
}


.learn-more-btn svg,.applications-learn-more-btn svg{
    height: 1em;
    width: 1em;
}


/* Popup Modal Styles */
.performance-popup-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.performance-popup-modal.active {
    display: flex;
    opacity: 1;
}

.performance-popup-content {
    position: relative;
    background: #2A2A2A;
    width: 90%;
    max-width: 800px;
    margin: auto;
    border-radius: 10px;
    overflow: hidden;
    transform: translateY(-20px);
    transition: transform 0.3s ease;
}

.performance-popup-modal.active .performance-popup-content {
    transform: translateY(0);
}
.performance-popup-content img{
    width: 100%;
}

.close-popup {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 30px;
    color: var(--e-global-color-text);
    cursor: pointer;
    z-index: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.close-popup:hover {
    background: rgba(0, 0, 0, 0.8);
}

.popup-content {
    padding: 30px;
}

.performance-popup-content .popup-title {
    font-family: var(--e-global-typography-d3b1190-font-family), Sans-serif;
    font-size: var(--e-global-typography-d3b1190-font-size);
    font-weight: var(--e-global-typography-d3b1190-font-weight);
    line-height: var(--e-global-typography-d3b1190-line-height);
    color: var(--e-global-color-text);
    margin: 0 0 20px;
}

.popup-description {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

body.modal-open {
    overflow: hidden;
}

@media (max-width: 1024px) {
    .product-performance-section {
        padding: 50px 30px;
    }
    .performance-description {
        margin-bottom: 50px;
    }
    .performance-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-performance-section {
        margin: 0 auto 50px auto;
    }
    .product-performance-title{
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .product-performance-section {
        padding: 30px 15px;
    }

    .popup-image {
        height: 300px;
    }
    .performance-description {
        margin-bottom: 30px;
    }
    .popup-content {
        padding: 20px;
    }
    
    .performance-cards-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Applications Cards Styles */
.applications-cards-section {
    padding: 60px 30px;
    background: linear-gradient(90deg, #011824 0.22%, #082413 48.51%, #2B1C0B 99.79%);
}
.applications-cards-inner{
    max-width: 1320px;
    margin: 0 auto;
}
.applications-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.applications-card {
    background: #2A2A2A;
    overflow: hidden;
    transition: transform 0.3s ease;
    border-radius: 8px;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}


.applications-card-image img {
    width: 100%;
    /* height: 200px !important; */
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.applications-card:hover .applications-card-image img {
    /* transform: scale(1.05); */
}

.applications-card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 100%;
}

.applications-card-title {
    font-family: var(--e-global-typography-a95a94e-font-family), Sans-serif;
    font-size: var(--e-global-typography-a95a94e-font-size);
    font-weight: var(--e-global-typography-a95a94e-font-weight);
    line-height: var(--e-global-typography-a95a94e-line-height);
    color: var(--e-global-color-text);
    margin: 0 0 15px;
}

.applications-card-description {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

@media (max-width: 1024px) {
    .applications-cards-section {
        padding: 50px 30px;
    }
}

@media (max-width: 992px) {
    .applications-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .applications-cards-section {
        padding: 30px 15px;
    }
    .applications-cards-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .applications-cards-section {
        padding: 20px;
    }
}

/* Applications Popup Modal Styles */
.applications-popup-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.applications-popup-modal.active {
    display: flex;
    opacity: 1;
}

.applications-popup-content {
    position: relative;
    background: #2A2A2A;
    width: 90%;
    max-width: 800px;
    margin: auto;
    border-radius: 10px;
    overflow: hidden;
    transform: translateY(-20px);
    transition: transform 0.3s ease;
}

.applications-popup-modal.active .applications-popup-content {
    transform: translateY(0);
}

.applications-popup-modal .popup-image {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.applications-popup-modal .popup-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 992px) {
    .applications-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .applications-cards-grid {
        grid-template-columns: 1fr;
    }
    
    .applications-cards-section {
        padding: 20px;
    }
    
    .applications-popup-modal .popup-image {
        height: 300px;
    }
}

/* Customer Success Section Styles */
.customer-success-section{
    padding: 100px 30px;
    background: linear-gradient(90deg, #3A4C54 0.22%, #46574C 48.51%, #5B5247 99.79%);
}
.customer-success-inner{
    max-width: 1320px;
    margin: 0 auto;
}
.customer-success-title{
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    color: var(--e-global-color-text);
    margin-bottom: 60px;
}
.customer-success-heading {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    color: var(--e-global-color-text);
    margin-bottom: 40px;
}

.customer-video-wrapper {
    margin-bottom: 60px;
    max-width: 80%;
    border-radius: 8px;
    overflow: hidden;
}
.customer-voice-title{
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
    color: var(--e-global-color-text);
}
.customer-video {
    position: relative;
    width: 100%;
    background: #000;
    overflow: hidden;
}
.customer-video-youtube{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background: #000;
    overflow: hidden;
}
.customer-video-youtube iframe,
.customer-video-youtube embed,
.customer-video-youtube object{
  position: absolute;
  inset: 0;         /* 等价于 top:0; right:0; bottom:0; left:0 */
  width: 100%;
  height: 100%;
  border: 0;
}
.customer-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.video-caption {
    margin-top: 20px;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

.customer-voice-wrapper {
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 30px;
}


.customer-voice-content {
    font-family: var(--e-global-typography-f55dabe-font-family), Sans-serif;
    font-size: var(--e-global-typography-f55dabe-font-size);
    font-weight: var(--e-global-typography-f55dabe-font-weight);
    line-height: var(--e-global-typography-f55dabe-line-height);
    color: var(--e-global-color-text);
    max-width: 60%;
}

.customer-name {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
    color: var(--e-global-color-text);
}

@media (max-width: 1024px) {
    .customer-success-section {
        padding: 50px 30px;
    }
    .customer-success-title{
        margin-bottom: 30px;
    }
}   

@media (max-width: 992px) {
    .customer-success-section {
        padding: 40px 20px;
    }

    .customer-success-heading {
        font-size: 36px;
    }

  
}

@media (max-width: 767px) {
    .customer-success-section {
        padding: 30px 15px;
    }
    .customer-voice-content,.customer-video-wrapper{
        max-width: 100%;
    }
    .customer-success-section {
        padding: 30px 15px;
    }
    .customer-video-wrapper{
        margin-bottom: 30px;
    }
    .customer-success-heading {
        font-size: 28px;
    }

  

    .customer-voice-wrapper {
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
    }
}

/* Specification and Download Tabs Styles */
.specifications-download-section{
    padding: 60px 30px;
    background: linear-gradient(90deg, #011824 0.22%, #082413 48.51%, #2B1C0B 99.79%);
}

.spec-download-tabs {
    max-width: 1320px;
    margin: 0 auto;
}

.tab-buttons {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.tab-button {
    padding: 15px 30px;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
    color: var(--e-global-color-text);
    background: transparent;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    border: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    text-align: center;
}

.tab-button:focus {
    outline: none;
    box-shadow: none;
}

.tab-button:active {
    outline: none;
    box-shadow: none;
}

.tab-button:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    /* background: linear-gradient(90deg, #E79436 0.22%, #038CCA 99.79%); */
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.tab-button.active:after {
    transform: scaleX(1);
}


.tab-pane {
    display: none;
    padding: 20px 0;
}

.tab-pane.active {
    display: block;
}

.specification-content {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}
.specification-content img{
    border-radius: 8px;
    max-width: 1000px;
}

.download-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.download-item {
    background: #2A2A2A;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.download-item:hover {
    transform: translateY(-5px);
}

.download-link {
    display: block;
    padding: 20px;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    color: var(--e-global-color-text);
    text-decoration: none;
    transition: all 0.3s ease;
}

@media (max-width: 1024px) {
    .specifications-download-section {
        padding: 50px 30px;
    }
}

@media (max-width: 767px) {
    .specifications-download-section {
        padding: 30px 15px;
    }
    .spec-download-tabs {
        padding: 20px;
    }

    .tab-buttons {
        gap: 10px;
    }

    .tab-button {
        padding: 10px 20px;
    }
}
.weboost_shop_card_section .weboost_view_product_button{
    display: none;
}
.weboost_product_card .etheme-product-grid-item{
    background: linear-gradient(90deg, #3A4C54 0.22%, #46574C 48.51%, #5B5247 99.79%);
}
.weboost_product_card .etheme-product-grid-image img {
    height: 310px;
    object-fit: cover;
    object-position: center center;
}
.weboost_product_card .button,.weboost_view_product_button{
    /* background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
    border-radius: 33px; */
    background: #02010100 !important;
    font-family: var(--e-global-typography-a1cfbf4-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-a1cfbf4-font-size) !important;
    font-weight: var(--e-global-typography-a1cfbf4-font-weight) !important;
    line-height: var(--e-global-typography-a1cfbf4-line-height) !important;
    fill: var(--e-global-color-7046cfa) !important;
    color: var(--e-global-color-7046cfa) !important;
    padding: 0px 0px 0px 0px;
}

.weboost_product_card .button svg,.weboost_view_product_button svg{
    margin-bottom: -2px;
    margin-left: 2px;
    width: 1em;
    height: 1em;
}

.etheme-product-grid-content{
padding: 20px;
}

.etheme-product-grid-image footer{
    display: none;
}

.weboost_light_word{
    color: #fffce6;
    text-shadow: 
        0 0 5px rgba(255, 246, 143, 0.6),
        0 0 10px rgba(255, 246, 143, 0.5),
        0 0 15px rgba(255, 246, 143, 0.4),
        0 0 20px rgba(255, 218, 69, 0.3),
        0 0 35px rgba(255, 218, 69, 0.2),
        0 0 40px rgba(255, 218, 69, 0.1);
    font-weight: 500;
    letter-spacing: 0.5px;
    /* animation: glow 1.5s ease-in-out infinite alternate; */
}

@keyframes glow {
    from {
        text-shadow: 
            0 0 5px rgba(255, 246, 143, 0.6),
            0 0 10px rgba(255, 246, 143, 0.5),
            0 0 15px rgba(255, 246, 143, 0.4),
            0 0 20px rgba(255, 218, 69, 0.3),
            0 0 35px rgba(255, 218, 69, 0.2),
            0 0 40px rgba(255, 218, 69, 0.1);
    }
    to {
        text-shadow: 
            0 0 10px rgba(255, 246, 143, 0.7),
            0 0 20px rgba(255, 246, 143, 0.6),
            0 0 30px rgba(255, 246, 143, 0.5),
            0 0 40px rgba(255, 218, 69, 0.4),
            0 0 50px rgba(255, 218, 69, 0.3),
            0 0 60px rgba(255, 218, 69, 0.2);
    }
}


.etheme-elementor-pagination ul .page-numbers{
    border-width: 0px;
    border-radius: 33px;
}
.etheme-elementor-pagination ul .page-numbers.next{
    border-width: 1px;
    border-radius: 33px;
    border-color: white;
}
.etheme-elementor-pagination ul .page-numbers.prev{
    border-width: 1px;
    border-radius: 33px;
    border-color: white;
}

.product_detail_related img{
    border-radius: 8px;
}
.product-attributes {
    margin: 10px 0;
    font-size: 14px;
    color: var(--e-global-color-text);
}

.product-attribute {
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.attribute-name,
.attribute-value  {
    font-family: var(--e-global-typography-a2b23f5-font-family), Sans-serif;
    font-size: var(--e-global-typography-a2b23f5-font-size);
    font-weight: var(--e-global-typography-a2b23f5-font-weight);
    line-height: var(--e-global-typography-a2b23f5-line-height);
    color: #8e9ca3;
}
.etheme-product-grid-image {
    margin-bottom:0px;
}
.learn-more-button,.weboost-product-buttons .add_to_cart_button {
    font-family: var(--e-global-typography-a1cfbf4-font-family), Sans-serif;
    font-size: var(--e-global-typography-a1cfbf4-font-size);
    font-weight: var(--e-global-typography-a1cfbf4-font-weight);
    line-height: var(--e-global-typography-a1cfbf4-line-height);
    color: var(--e-global-color-text);
    padding: 3px 10px;
    text-align: center;
    align-content: center;
    height: auto;
    border-radius: 33px;
    display: inline-block;
    transition: all 0.3s ease;
}
.weboost_product_card .weboost-product-buttons{
    display: none;
}
.weboost_product_card .add_to_cart_button{
    display: none;
}
.weboost-product-buttons{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}
.etheme-product-grid-item{
    z-index: 22;
    border-radius: 8px;
    overflow: hidden;
}
.weboost-product-buttons{
    position: relative;
    z-index: 22;
}

.etheme-product-grid-item .woocommerce-product-details__short-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.5em; /* 作为备用，约为3行文本高度 */
    line-height: 1.5;
}

.weboost_shop_search_bar .etheme-search-form:not([type=separated]) .etheme-search-form-submit{
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
    position: relative;
    background-clip: padding-box;
    border: 2px solid transparent;
}
.etheme-search-form-button-wrapper{
    position: relative;
    background-clip: padding-box;
    border: 2px solid transparent;
}
.etheme-search-form-button-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    margin: -2px;
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
}
.weboost_shop_search_bar {
    
}
.etheme-search-input-form-wrapper{
    border-width: 0px !important;
}
.etheme-search-input-wrapper {
    position: relative;
    background: #021d1d; 
    background-clip: padding-box;
    border: 2px solid transparent;
}
.etheme-search-input-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    margin: -2px;
    background: linear-gradient(90deg, #E79436 0.22%, #14A65B 48.51%, #038CCA 99.79%);
}

/* Product Live Image Section */
.product-live-image-section {
    position: relative;
    width: 100%;
    height: 40vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-end;
}

.live-image-wrapper{
    max-width: 1380px;
    margin: 0px auto 100px;
    width: 100%;
    padding: 0px 30px;
}


.content-product {
    margin-bottom: 0px;
}
.content-product .product-image-wrapper{
    margin-bottom: 0px;
}
.live-image-content {
    padding: 10px 20px 10px 20px;
    background-image: linear-gradient(120deg, var(--e-global-color-secondary) 0%, #00000000 100%);
    border-radius: 8px 8px 8px 8px;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 10px 20px;
    box-sizing: border-box;
    width: fit-content;
}

.product-live-image-section .product-title {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    color: var(--e-global-color-text);
    width: fit-content;
}

.live-image-description {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    max-width: 70%;
}
@media (max-width: 1024px) {
    .product-live-image-section {
        height: 40vh;
    }
    
    .live-image-content{
        padding-left: 30px;
        padding-right: 30px;
    }
    .learn-more-button,.weboost-product-buttons .add_to_cart_button {
 width: 100%;
    }
}
@media (max-width: 767px) {
    .live-image-wrapper{
        margin: 0px auto 80px;
        padding: 0px 15px;
    }
    .product-live-image-section {
        height: 55vh;
    }
    .etheme-modal-popup-content{
     padding: 55px 15px 20px;
    }
    .etheme-modal-popup-content .etheme-modal-popup-inner{
        padding: 0px;
        margin: 0px;
    }
    
    .live-image-description {
        max-width: 100%;
        font-size: 14px;
    }
    .live-image-content{
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Product Buttons Shortcode Style */
.weboost-product-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 20px 0;
}

.weboost-product-action-buttons .add_to_cart_button,
.weboost-product-action-buttons .download-catalog-button {
    font-family: var(--e-global-typography-62454f7-font-family), Sans-serif;
    font-size: var(--e-global-typography-62454f7-font-size);
    font-weight: var(--e-global-typography-62454f7-font-weight);
    line-height: var(--e-global-typography-62454f7-line-height);
    color: var(--e-global-color-text);
    padding: 12px 25px;
    text-align: center;
    border-radius: 33px;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    min-width: 180px;
}

.weboost-product-action-buttons .add_to_cart_button {
    background: linear-gradient(90deg, #038CCA 0.22%, #14A65B 48.51%, #E79436 99.79%);
}

.weboost-product-action-buttons .download-catalog-button {
    position: relative;
    background-clip: padding-box;
}



@media (max-width: 767px) {
    .weboost-product-action-buttons {
        flex-direction: column;
    }
    
    .weboost-product-action-buttons .add_to_cart_button,
    .weboost-product-action-buttons .download-catalog-button {
        width: 100%;
    }
}

/* Product Second Image Section */
.product-second-image-section {
    position: relative;
    width: 100%;
    height: 40vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.second-image-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    z-index: 1;
}

.second-image-text {
    font-family: var(--e-global-typography-d3b1190-font-family), Sans-serif;
    font-size: var(--e-global-typography-d3b1190-font-size);
    line-height: var(--e-global-typography-d3b1190-line-height);
    color: var(--e-global-color-text);
    max-width: 70%;
}

.second-image-text h3 {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    color: var(--e-global-color-text);
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .product-second-image-section {
        height: 50vh;
    }
    
    .second-image-content {
        padding: 20px;
    }
    
    .second-image-text {
        max-width: 100%;
    }
}

.second-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.2));
    z-index: 0;
}
.related_product_title{
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    color: var(--e-global-color-text);
}
.elementor-widget-woocommerce-product-etheme_related .product-title,.elementor-widget-woocommerce-product-etheme_related .price,.elementor-widget-woocommerce-product-etheme_related .button{
display: none !important;
}

/* Product Specifications Table Styles */
.product-specifications-section{
    padding: 60px 30px;
    width: 100%;
}

.product-specifications-inner{
    max-width: 1320px;
    margin: 0 auto;
}

.specifications-heading {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    color: var(--e-global-color-text);
    text-align: left;
    margin-bottom: 60px;
}
.specifications-title {
    font-family: var(--e-global-typography-d3b1190-font-family), Sans-serif;
    font-size: var(--e-global-typography-d3b1190-font-size);
    line-height: var(--e-global-typography-d3b1190-line-height);
    color: var(--e-global-color-text);
    margin-bottom: 20px;
}
.specifications-description {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    /* line-height: 1.5 !important; */
    color: var(--e-global-color-text);
    margin-bottom: 40px;
}
.specifications-description p,.specifications-description span,.specifications-description a,.specifications-description ul,.specifications-description li,.specifications-description h1,.specifications-description h2,.specifications-description h3,.specifications-description h4,.specifications-description h5,.specifications-description h6,.specifications-description strong,.specifications-description div{
    /* line-height: 1.5 !important; */
}
.specification-image {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 40px;

}
.specification-image img{
    border-radius: 8px;
}
@media (max-width: 1024px) {
    .specifications-heading {
        margin-bottom: 30px;
    }
    .product-specifications-section,.product-toggle-section {
        padding: 50px 30px;
    }
}
@media (max-width: 767px) {
    .product-specifications-section,.product-toggle-section {
        padding: 30px 15px;
    }
    .specification-title {
        font-size: 16px;
        padding: 6px 0;
    }

}
.applications-cards-title{
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    color: var(--e-global-color-text);
    margin-bottom: 60px;
}


@media (max-width: 1024px) {
  
    .applications-cards-title{
        margin-bottom: 30px;
    }
}


.accordion-search-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: stretch;
}
.accordion-search-input {
    background-color: #082414 !important;
    transition: all 0.3s ease;
}
.accordion-search-input:focus {
    outline: none;
    border-color: #038CCA;
    box-shadow: 0 0 5px rgba(3, 140, 202, 0.3);
}
.accordion-search-container .etheme-search-form-button-wrapper {
    padding:0px 9px;
}

::selection {
    background-color: #06de69;
    color: var(--e-global-color-text);
}

::-moz-selection {
    background-color: #06de69;
    color: var(--e-global-color-text);
}

.elementor-flip-box{
  border-radius: 8px;
}

/* Login Required Popup Styles */
.login-required-popup {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.login-required-popup.active {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.login-required-content {
    background:linear-gradient(90deg, #3A4C54 0.22%, #46574C 48.51%, #5B5247 99.79%);
    padding: 30px;
    border-radius: 8px;
    max-width: 500px;
    width: 90%;
    position: relative;
    text-align: center;
    transform: translateY(-20px);
    transition: transform 0.3s ease;
}

.login-required-popup.active .login-required-content {
    transform: translateY(0);
}

.login-required-content h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 24px;
    color: var(--e-global-color-text);
}

.login-required-content p {
    margin-bottom: 25px;
    font-size: 16px;
    color: var(--e-global-color-text);
}

.login-required-content .bt-style-2 {
    display: inline-block;
    margin-top: 10px;
    font-family: var(--e-global-typography-dc7e4d8-font-family), Sans-serif;
    font-size: var(--e-global-typography-dc7e4d8-font-size);
    font-weight: var(--e-global-typography-dc7e4d8-font-weight);
    line-height: var(--e-global-typography-dc7e4d8-line-height);
    color: var(--e-global-color-text);
    padding: 9px 40px;
    border-radius: 33px;
    transition: all 0.3s ease;
}

.close-popup {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
    font-weight: bold;
    color: var(--e-global-color-text);
    cursor: pointer;
    transition: color 0.2s ease;
}



@media (max-width: 767px) {
    .login-required-content {
        padding: 25px 20px;
        width: 85%;
    }
    
    .login-required-content h3 {
        font-size: 20px;
    }
    
    .login-required-content p {
        font-size: 14px;
    }
}

/* Floating Button and Popup Styles */
.floating-button {
    position: fixed;
    right: 29px;
    z-index: 999;
    cursor: pointer;
    transition: transform 0.3s ease;
    bottom: 243px;
}

.floating-button:hover {
    transform: scale(1.1);
}

.floating-button img {
    width: 52.8px;
}

.side-popup-wrapper {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    height: 100vh;
    background: #fff;
    z-index: 1000;
    transition: right 0.3s ease;
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
    overflow-y: auto;
}

.side-popup-wrapper.active {
    right: 0;
}

.chr-close-btn {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1001;
    background: #00000000;
    border-width: 0px;
}

.chr-close-btn:before,
.chr-close-btn:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--e-global-color-text);
    transform-origin: center;
}

.chr-close-btn:before {
    transform: rotate(45deg);
}

.chr-close-btn:after {
    transform: rotate(-45deg);
}

.side-popup-wrapper-inner {
    display: flex;
    height: 100%;
    background: #000000;
}

.left-part {
    flex: 2;
    overflow: hidden;
    display: flex;
    padding: 40px;
    position: relative;
    background: url(/wp-content/uploads/2025/06/Laser-Fabrication.jpg) no-repeat center center;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
}

.left-part img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.right-part {
    flex: 3;
    padding: 40px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(90deg, #011824 0.22%, #082413 48.51%, #2B1C0B 99.79%);
}

.popup-header {
    margin-bottom: 30px;
}

.popup-title {
    font-family: var(--e-global-typography-f55dabe-font-family), Sans-serif;
    font-size: var(--e-global-typography-f55dabe-font-size);
    font-weight: var(--e-global-typography-f55dabe-font-weight);
    line-height: var(--e-global-typography-f55dabe-line-height);
    color: var(--e-global-color-text);
    margin-bottom: 30px;
}
.gform-theme--foundation .ginput_counter{
    color: var(--e-global-color-text) !important;
}
.popup-subtitle {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
    margin-bottom: 10px;
}

.contact-info {
    padding: 40px;
    border-radius: 8px;
    z-index: 2;
    background: linear-gradient(90deg, #011824d4 0.22%, #082413d4 48.51%, #2B1C0Bd4 99.79%);
}

.contact-info h3 {
    margin-bottom: 15px;
    font-family: var(--e-global-typography-f55dabe-font-family), Sans-serif;
    font-size: var(--e-global-typography-f55dabe-font-size);
    font-weight: var(--e-global-typography-f55dabe-font-weight);
    line-height: var(--e-global-typography-f55dabe-line-height);
    color: var(--e-global-color-text);
}

.contact-info p {
    margin: 8px 0;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

.contact-info .company-name {
    font-family: var(--e-global-typography-dc7e4d8-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-dc7e4d8-font-size) !important;
    font-weight: var(--e-global-typography-dc7e4d8-font-weight) !important;
    line-height: var(--e-global-typography-dc7e4d8-line-height) !important;
}

.contact-info .email,
.contact-info .phone {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-info svg{
    height: var(--e-icon-list-icon-size, 1em);
    width: var(--e-icon-list-icon-size, 1em);
    fill: var(--e-global-color-text);
    transition: fill 0.3s;
}

.contact-info a {
    color: var(--e-global-color-text);
    text-decoration: none;
    transition: color 0.3s ease;
}




@media (max-width: 1024px) {
    .contact-info {
        position: relative;
        bottom: auto;
        margin-bottom: 20px;
    }
    .side-popup-wrapper {
        width: 100%;
    }

    .side-popup-wrapper-inner {
        flex-direction: column;
        overflow-y: auto;
    }

    .left-part {
        height: 100%;
        overflow: unset;
    }

    .right-part {
        padding:40px 20px;
        overflow-y: unset;
    }
  
}
@media (max-width: 767px) {
    .left-part {
        padding: 30px 15px;
    }
    .contact-info {
        margin-bottom: 0px;
    }
    .contact-info{
        padding: 15px;
    }
}

.woocommerce-account .product-detail-popup{
    display: none;
}
.product-detail-popup.active {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 20px;
    z-index: 333;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100vh;
    background: #000000bd;
    left: 0px;
}
.product-detail-popup.active .popup-content {
    display: block;
}
.product-detail-popup .popup-content {
    background: linear-gradient(90deg, #011824 0.22%, #082413 48.51%, #2B1C0B 99.79%);
    max-width: 1200px;
    width: 90%;
    position: fixed;
    padding: 50px;
    border-radius: 8px;
    top: 50%;
    transform: translateY(-50%);
    overflow-y: auto;
    display: none;
    max-height: 80vh;
}

.product-detail-popup .close-popup {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 1;
}

.product-detail-popup .close-popup:before,
.product-detail-popup .close-popup:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background: var(--e-global-color-text);
    top: 50%;
    left: 50%;
}

.product-detail-popup .close-popup:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.product-detail-popup .close-popup:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.product-detail-popup .popup-title {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    line-height: var(--e-global-typography-primary-line-height);
    color: var(--e-global-color-text);
    margin-bottom: 40px;
}

.product-detail-popup .popup-columns {
    display: grid;
    row-gap: 20px;
    column-gap: 50px;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 1024px) {
    .product-detail-popup .popup-columns {
        grid-template-columns: repeat(1, 1fr);
    }
}



.product-detail-popup .product-description {
    margin-bottom: 20px;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

.product-detail-popup .product-images {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.product-detail-popup .main-image {
    width: 100%;
}

.product-detail-popup .main-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
}

.product-detail-popup .gallery-thumbnails {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    width: 100%;
}

.product-detail-popup .gallery-thumb {
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    margin: 0 5px 5px 0;
    position: relative;
    display: inline-block;
    /* max-width: 60px; */
    opacity: 1;
}

.product-detail-popup .gallery-thumb img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
}

.product-detail-popup .image-caption {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
    text-align: center;
    padding: 0 5px;
}
@media (max-width: 1024px) {
    .product-detail-popup .popup-content {
        padding: 20px;
        height: 90vh;
    }
    .product-detail-popup .popup-title{
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .product-detail-popup .popup-left-column{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .product-detail-popup .popup-left-column .product-description,    .product-detail-popup .popup-left-column .product-images{
        width: 100%;
        flex: 1;
    }
    .product-detail-popup .popup-columns {
        flex-direction: column;
    }
    .product-detail-popup .popup-left-column,
    .product-detail-popup .popup-right-column {
        width: 100%;
        flex: 1;
    }
}
@media (max-width: 767px) {
   
    .product-detail-popup .popup-left-column,
    .product-detail-popup .popup-right-column {
        width: 100%;
        flex: 1;
    }

    .product-detail-popup .popup-columns {
        flex-direction: column;
    }
    .product-detail-popup .popup-left-column .product-description,    .product-detail-popup .popup-left-column .product-images{
        width:100%;
        flex: auto;
    }
    .product-detail-popup .popup-left-column,
    .product-detail-popup .popup-right-column {
        width: 100%;
    }

    .product-detail-popup .gallery-thumbnails {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .product-detail-popup .gallery-thumb img {
        height: 100px;
    }
}

@media (max-width: 480px) {
    .product-detail-popup .gallery-thumbnails {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .product-detail-popup .gallery-thumb img {
        height: 80px;
    }

    .product-detail-popup .image-caption {
        font-size: 11px;
    }
}

.job-slider, .collaborate-applications-slider {
    position: relative;
}

.job-slider .slick-slider, .collaborate-applications-slider .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.job-slider .slick-list, .collaborate-applications-slider .slick-list {
    overflow: hidden;
    padding: 20px 0;
}


.job-slider .slide-item, .collaborate-applications-slider .slide-item {
    padding: 0 15px;
    height: auto;
}

.job-card, .collaborate-application-card {
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    justify-content: flex-end;
}
.job-image img, .collaborate-application-image img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.job-content, .collaborate-application-content   {
    display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        padding: 20px;
}

.job-title, .collaborate-application-title   {
    margin-bottom: 0px;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
    color: var(--e-global-color-text);
}
.job-slider .slick-prev, .collaborate-applications-slider .slick-prev {
    left: -35px;
}
.job-content svg, .collaborate-application-content svg {
    height: 1em;
    width: 1em;
}
.job-content svg path, .collaborate-application-content svg path{
    fill: var(--e-global-color-text);
}
.read-more-job, .read-more-collaborate-application {
    color: var(--e-global-color-text);
}

/* Featured Products Slider */
.featured-products-slider  .slick-list{
    height: 100% !important;
}

.featured-products-slider {
    position: relative;
    margin: 30px 0;
}

.featured-products-slider .product-slide {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    align-items: start;
    justify-items: start;
}

.featured-products-slider .product-image {
    flex: 0 0 50%;
    position: relative;
}

.featured-products-slider .main-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 15px;
}

.featured-products-slider .thumbnail-gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-top: 15px;
}

.featured-products-slider .thumbnail {
    width: 100%;
    cursor: pointer;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
}

.featured-products-slider .thumbnail.active {
    border: 1px solid var(--e-global-color-text);
}

.featured-products-slider .thumbnail img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.featured-products-slider .product-info {
    flex: 0 0 50%;
}

.featured-products-slider .product-info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}



.featured-products-slider .product-description {
    margin-bottom: 20px;
}

.featured-products-slider .description-content {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
    transition: height 0.3s ease;
}

.featured-products-slider .read-more-btn {
    background: none;
    border: none;
    background-color: #02010100;
    font-family: var(--e-global-typography-dc7e4d8-font-family), Sans-serif;
    font-size: var(--e-global-typography-dc7e4d8-font-size);
    font-weight: var(--e-global-typography-dc7e4d8-font-weight);
    line-height: var(--e-global-typography-dc7e4d8-line-height);
    fill: var(--e-global-color-7046cfa);
    color: var(--e-global-color-7046cfa);
    padding: 0px 0px 0px 0px;
    margin-top: 15px;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
}

.featured-products-slider .read-more-btn svg{
    height: 1em;
    width: 1em;
}

.featured-products-slider .bt-style-1{
    background: #000000 !important;
    background-clip: padding-box !important;
    font-family: var(--e-global-typography-62454f7-font-family), Sans-serif;
    font-size: var(--e-global-typography-62454f7-font-size);
    font-weight: var(--e-global-typography-62454f7-font-weight);
    line-height: var(--e-global-typography-62454f7-line-height);
    color: var(--e-global-color-text);
    padding: 4px 40px;
    text-align: center;
    align-content: center;
    height: auto;
    border-radius: 33px;
    display: inline-block;
    transition: all 0.3s ease;
    margin-bottom: 10px;
}

@media (max-width: 1024px) {
    .featured-products-slider .product-slide {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 768px) {
    .featured-products-slider .product-slide {
        flex-direction: column;
    }
    
    .featured-products-slider .product-image,
    .featured-products-slider .product-info {
        flex: 0 0 100%;
        width: 100%;
    }

}

/* Job Popup Modal Styles */
.job-popup-modal,.collaborate-application-popup-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.apply-now-btn{
    background: #3e5052;
    background-clip: padding-box;
}
.job-popup-modal.active, .collaborate-application-popup-modal.active {
    display: flex;
    opacity: 1;
}

.job-popup-content, .collaborate-application-popup-content {
    position: relative;
    background: linear-gradient(90deg, #3A4C54 0.22%, #46574C 48.51%, #5B5247 99.79%);
    width: 90%;
    max-width: 800px;
    margin: auto;
    border-radius: 10px;
    overflow: hidden;
    transform: translateY(-20px);
    transition: transform 0.3s ease;
    padding: 40px;
    max-height: 90vh;
    overflow-y: auto;
}

.job-popup-modal.active .job-popup-content, .collaborate-application-popup-modal.active .collaborate-application-popup-content {
    transform: translateY(0);
}

.job-popup-content .close-popup, .collaborate-application-popup-content .close-popup {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 30px;
    color: var(--e-global-color-text);
    cursor: pointer;
    z-index: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.job-popup-content .close-popup:hover, .collaborate-application-popup-content .close-popup:hover {
    background: rgba(0, 0, 0, 0.8);
}

.job-popup-content .popup-title, .collaborate-application-popup-content .popup-title {
    font-family: var(--e-global-typography-d3b1190-font-family), Sans-serif;
    font-size: var(--e-global-typography-d3b1190-font-size);
    font-weight: var(--e-global-typography-d3b1190-font-weight);
    line-height: var(--e-global-typography-d3b1190-line-height);
    color: var(--e-global-color-text);
    margin: 0 0 20px;
}

.job-popup-content .popup-excerpt, .collaborate-application-popup-content .popup-excerpt {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
    margin-bottom: 20px;
}

.job-popup-content .popup-description, .collaborate-application-popup-content .popup-description,.collaborate-application-popup-content .popup-right-description,.collaborate-application-popup-content .popup-project-description-2,.collaborate-application-popup-content .popup-project-description-3 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
    margin-bottom: 30px;
}

.job-popup-content .apply-now-btn{
    font-family: var(--e-global-typography-62454f7-font-family), Sans-serif;
    font-size: var(--e-global-typography-62454f7-font-size);
    font-weight: var(--e-global-typography-62454f7-font-weight);
    line-height: var(--e-global-typography-62454f7-line-height);
    color: var(--e-global-color-text);
    padding: 9px 40px;
    border-radius: 33px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.popup-full-image{
    margin-bottom: 20px;
}

.collaborate-application-popup-inner-1{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

@media (max-width: 767px) {
    .job-popup-content, .collaborate-application-popup-content {
        padding: 20px;
        width: 95%;
    }
    .collaborate-application-popup-inner-1{
        grid-template-columns: repeat(1, 1fr);
    }
    .job-popup-content .popup-title, .collaborate-application-popup-content .popup-title {
        font-size: 20px;
    }
    
    .job-popup-content .popup-excerpt, .collaborate-application-popup-content .popup-excerpt,
    .job-popup-content .popup-description, .collaborate-application-popup-content .popup-description {
        font-size: 14px;
    }
    
    .job-popup-content .apply-now-btn {
        width: 100%;
        text-align: center;
    }
}

.account_product_view_history {
    margin: 0px 0px 50px;
}
.training-courses-container{
    margin-top: 50px;
}

.view-history-grid {
    display: grid;
}

.history-item {
    display: grid;
    grid-template-columns: 100px 1fr 100px;
    align-items: center;
    gap: 15px;
    padding: 15px 0;
    border-top: 1px solid #8e9ca3;
}

.product-image img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.product-info a,.package-title a ,.weboost_account_notice,[data-mode=dark] #cboxClose, [data-mode=dark] .dokan-info .button, [data-mode=dark] .dokan-info strong, [data-mode=dark] .etheme-sticky-cart, [data-mode=dark] .mc4wp-alert, [data-mode=dark] .mc4wp-alert .button, [data-mode=dark] .mc4wp-alert a, [data-mode=dark] .mc4wp-alert p, [data-mode=dark] .mc4wp-alert strong, [data-mode=dark] .mfp-close, [data-mode=dark] .product-content .price, [data-mode=dark] .select2-container--default .select2-results__option--highlighted[aria-selected], [data-mode=dark] .select2-container--default .select2-results__option--highlighted[data-selected], [data-mode=dark] .select2-container--default .select2-selection--single .select2-selection__rendered, [data-mode=dark] .shop_attributes th, [data-mode=dark] .shop_table .amount, [data-mode=dark] .view-switcher .switcher-active>a, [data-mode=dark] .widget_rss li a, [data-mode=dark] .woocommerce-error .button, [data-mode=dark] .woocommerce-info .button, [data-mode=dark] .woocommerce-message .button, [data-mode=dark] label{
    text-decoration: none;
    font-family: var(--e-global-typography-a2b23f5-font-family), Sans-serif;
    font-size: var(--e-global-typography-a2b23f5-font-size);
    font-weight: var(--e-global-typography-a2b23f5-font-weight);
    line-height: var(--e-global-typography-a2b23f5-line-height);
    color: var(--e-global-color-text);
}
.package-title a{
    text-decoration: underline;
}

.view-date,.product-date {
    text-align: right;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

.view-all-history {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .history-item {
        grid-template-columns: 80px 1fr 80px;
        gap: 10px;
        padding: 10px;
    }
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard{
    display: none;
}

.w3eden .card {
    border: 0px solid #e5e5e5;
}
.w3eden .card-body {
    background: #000000;
    padding: 0px;
}
.w3eden .list-group-item {
    background-color: #ffffff00;
}
.w3eden .img-48,.w3eden .text-muted{
    display: none;
}

.link-template-default .media .ml-3{
    display: none;
}
.w3eden .package-title{
    position: relative;
    padding-left: 1.2em !important;
}
.w3eden .package-title:before {
    content: '\2022'; /* Unicode for bullet • */
    position: absolute;
    left: 0;
    top: 0.1em;
    color: white; /* 可根据需要调整颜色 */
    font-size: 1.2em;
    line-height: 1;
}
.w3eden .btn-link {
    line-height: 23px;
}
.w3eden .card-header {
    padding: 0px;
    background-color: rgb(0 0 0);
}
.w3eden .nav-tabs .nav-item.show .nav-link, .w3eden .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}
.bbp-breadcrumb a, .bbp-breadcrumb a:hover, .breadcrumbs a, .breadcrumbs a:hover, .woocommerce-breadcrumb a, .woocommerce-breadcrumb a:hover {
    color: #ffffff;
}
.weboost_account_title_1,.weboost_account_title_6,.woocommerce-account .u-columns h2{
    font-family: var(--e-global-typography-d3b1190-font-family), Sans-serif;
    font-size: var(--e-global-typography-d3b1190-font-size);
    font-weight: var(--e-global-typography-d3b1190-font-weight);
    line-height: var(--e-global-typography-d3b1190-line-height);
    color: var(--e-global-color-text);
}
.weboost_account_title_1,.woocommerce-account .u-columns h2{
    margin-bottom:30px;
}
.weboost_account_title_6{
    margin-bottom: 0px;
}
.weboost_account_title_2{   
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-7046cfa);
}

.weboost_account_title_3{
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
    color: var(--e-global-color-text);
}

.weboost_account_title_4,.weboost_account_change_password{
    font-family: var(--e-global-typography-fc13879-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-fc13879-font-size) !important;
    font-weight: var(--e-global-typography-fc13879-font-weight) !important;
    line-height: var(--e-global-typography-fc13879-line-height) !important;
    color: var(--e-global-color-7046cfa) !important;
}
.woocommerce-MyAccount-navigation-wrapper li a{
    font-family: var(--e-global-typography-fc13879-font-family), Sans-serif;
    font-size: var(--e-global-typography-fc13879-font-size);
    font-weight: var(--e-global-typography-fc13879-font-weight);
    line-height: var(--e-global-typography-fc13879-line-height);
}

.weboost_account_notice{
    padding: 10px;
    background-color:#202020;
    border-radius: 8px;
}

.weboost_account_change_password{
    margin-bottom: 30px;
}

.weboost_account_title_5,#account_display_name_description em,.woocommerce-privacy-policy-text p{
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: #8e9ca3;
}

fieldset {
    border-radius: 8px;
    padding: 20px;
}
input.dokan-form-control, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url],select{
    border-radius: 8px;
    width: 100%;
}
select{
    color: var(--et_dark-2-white);
    font-size: 1.14rem;
}
.woocommerce-MyAccount-navigation-wrapper li.is-active a {
    color: var(--e-global-color-7046cfa);
}
.weboost_account_change_password_fieldset {
    display: none;
}

.weboost_account_login_page_button{
    padding: 0px;
    background-color: #ff000000 !important;
    background: #ff000000 !important;
    color: var(--e-global-color-7046cfa) !important;
    text-align: left;
    display: flex;
    align-items: center;
}
.weboost_account_login_page_button svg {
    height: 1em;
    width: 1em;
    color: var(--e-global-color-7046cfa) ;
    margin-left: 10px;
}
.weboost_account_login_page_button svg path{
    fill: var(--e-global-color-7046cfa) ;
}
#customer_login>div{
    padding: 0px;
    border: 0px;
}
form.login .lost_password a{
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

/* Product Image Hover Title Overlay */
.content-product .product-image-wrapper {
    position: relative;
    overflow: hidden;
}

.content-product .product-image-wrapper .hover-title-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 3;
    padding: 20px;
    text-align: center;
}

.content-product .product-image-wrapper:hover .hover-title-overlay {
    opacity: 1;
}

.content-product .product-image-wrapper .hover-title-overlay span {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

@media (max-width: 767px) {
    .content-product .product-image-wrapper .hover-title-overlay span {
        font-size: 14px;
    }
}

.product-toggle-bars .toggle-bar{
    background-color: #8A8A8A33;
    margin-bottom: 20px;
    border-radius: 8px;
}
.product-toggle-bars .toggle-bar.active{
    background-color: #8A8A8A91;
}

.product-toggle-bars .toggle-bar-title{
    padding: 20px 50px 10px 37px;
    display: flex;
    flex-direction: row;
}
.product-toggle-bars .toggle-icon{
    margin-right: 20px;
}
.product-toggle-bars .toggle-bar-description{
    background-color: #8A8A8A57;
    padding: 20px 50px 10px 68px;
}
.product-toggle-bars .toggle-bar-title h3{
    font-family: var(--e-global-typography-dc7e4d8-font-family), Sans-serif;
    font-size: var(--e-global-typography-dc7e4d8-font-size);
    font-weight: var(--e-global-typography-dc7e4d8-font-weight);
    line-height: var(--e-global-typography-dc7e4d8-line-height);
    color: var(--e-global-color-text);
}
.product-toggle-bars .toggle-bar-description p{
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

.etheme-post-date-label{
    display: none;
}
.elementor-widget-post-related_etheme_posts_carousel .etheme-post-content{
    position: absolute;
    margin: 0px;
    top: 0%;
    left: 0%;
    background: rgba(0, 0, 0, 0.7);
    box-shadow: unset;
    width: 100%;
    height: 100%;
    align-content: center;
    display: none;
}
.elementor-widget-post-related_etheme_posts_carousel article:hover>.etheme-post-content{
    display: block;
}

.elementor-widget-post-related_etheme_posts_carousel .etheme-post-content h3,.elementor-widget-post-related_etheme_posts_carousel .etheme-post-content a,.elementor-widget-post-related_etheme_posts_carousel .etheme-post-content p{
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
    text-align: center;
}


#opening-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 999911111111199;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

#opening-animation.fade-out {
    opacity: 0;
}

.animation-container {
    max-width: 80%;
    max-height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.animation-container img {
    max-width: 100%;
    max-height: 100%;
}

body.animation-active {
    overflow: hidden;
}

.animation-container video {
    max-width: 100%;
    max-height: 100%;
}



.support_card{
    transition: transform 0.3s ease;
}

.support_card:hover{
    transform: translateY(-10px);
}

.weboost_form_register_notice{

}

.subscribe-popup-wrapper {
    -webkit-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
    position: fixed;
    z-index: 2222;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100dvh - var(--wp-admin--admin-bar--height, .001px));
    background-color:  var(--et_dark-2-white-03);
    -webkit-transition: background-color .4s, -webkit-transform 0s;
    transition: background-color .4s, -webkit-transform 0s;
    transition: background-color .4s, transform 0s;
    transition: background-color .4s, transform 0s, -webkit-transform 0s;
    text-align: start;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease;
}

.subscribe-popup-wrapper.active {
    visibility: visible;
    opacity: 1;
}

.subscribe-popup-content {
    position: fixed;
    left:  auto;
    right:  -370px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 200px;
    width:  370px;
    max-width: 100%;
    -webkit-transition: .3s;
    transition: right .3s ease;
    padding: 6% 30px 20px;
    color:  var(--et_dark-2-white);
    font-size: 14px;
    background-color: var(--et_white-2-dark);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.subscribe-popup-wrapper.active .subscribe-popup-content {
    right: 0;
}

.subscribe-close-btn {
    position: absolute;
    top: 30px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #1f1f1f;
    z-index: 10;
    right: calc(100% + 15px);
    background-color:  #fff;
    border-radius: 50%;
    padding: 0px;
    line-height: 17px;
    margin-bottom: 0;
    width: 35px;
    height: 35px;
}
.subscribe-message-text-error,.subscribe-message-text-success{
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
}
.subscribe-message-text-error{
    color:red;
}
.subscribe-message-text-success{
    color:#14A65B;
}

.subscribe-popup-inner {
    padding-top: 20px;
}

.subscribe-form {
    margin-top: 20px;
}

.subscribe-checkbox-wrapper {
    display: flex;
    align-items: center;
    margin: 20px 0;
    cursor: pointer;
    font-family: var(--e-global-typography-a2b23f5-font-family), Sans-serif;
    font-size: var(--e-global-typography-a2b23f5-font-size);
    font-weight: var(--e-global-typography-a2b23f5-font-weight);
    line-height: var(--e-global-typography-a2b23f5-line-height);
    color: var(--e-global-color-text);
}

.subscribe-checkbox-wrapper input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.2);
    margin-top: 0px;
}

.subscribe-submit-btn {
    font-family: var(--e-global-typography-a1cfbf4-font-family), Sans-serif;
    font-size: var(--e-global-typography-a1cfbf4-font-size);
    font-weight: var(--e-global-typography-a1cfbf4-font-weight);
    line-height: var(--e-global-typography-a1cfbf4-line-height);
    fill: var(--e-global-color-7046cfa);
    color: var(--e-global-color-7046cfa);
    padding: 0px;
    background: #ff000000;
    border: 0px;
    display: flex;
        align-items: center;
        gap: 5px;
        flex-direction: row;
}
.subscribe-submit-btn:hover {
    color: var(--e-global-color-7046cfa);
    background: #ff000000;
}
.subscribe-submit-btn svg{
    height: 1em;
    width: 1em;
    color: var(--e-global-color-7046cfa) ;
}
.subscribe-login-btn {
    display: inline-block;
    margin-top: 15px;
    padding: 12px 24px;
    text-decoration: none;
}
.subscribe-title{
    font-family: var(--e-global-typography-a95a94e-font-family), Sans-serif;
    font-size: var(--e-global-typography-a95a94e-font-size);
    font-weight: var(--e-global-typography-a95a94e-font-weight);
    line-height: var(--e-global-typography-a95a94e-line-height);
    color: var(--e-global-color-text);
    margin-bottom: 20px;

}

.subscribe-already-subscribed p {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

.subscribe-not-logged p {
    color: #666;
    margin-bottom: 15px;
}

.subscribe-message {
    margin-top: 15px;
}

@media (max-width: 480px) {
    .subscribe-popup-wrapper {
        width: 100%;
    }
    
    .subscribe-popup-content {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .subscribe-popup-wrapper {
        width: 100%;
    }
    
    .subscribe-popup-content {
        padding: 20px;
        width: 100%;
        right: -100%;
    }
    
    .subscribe-popup-wrapper.active .subscribe-popup-content {
        right: 0;
    }
}