/* Variables */

:root {

    --container-width: 1640px;

    /* Radius Variables */
    --wdtRadius_Zero: 0;
    --wdtRadius_Part: 2.5em;
    --wdtRadius_Full: 50%;

    --wdtRadius_1X: 3px;
    --wdtRadius_2X: 5px;
    --wdtRadius_3X: 10px;

    --wdtButton_size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); /* Min-14 & Max-16 */

    /* Letter Spacing Variables */
    --wdtLetterSpacing_1X: 1px;
    --wdtLetterSpacing_2X: 2px;
    --wdtLetterSpacing_3X: 3px;
    
    --wdtAdLetterSpaceing: clamp(0rem, -0.0242rem + 0.1077vw, 0.105rem);
    --wdtAdLetterSpaceing_2px: clamp(0rem, -0.0288rem + 0.1282vw, 0.125rem);

    /* Padding Variables */
    --wdtInputPadding: 12px 20px;

    --wdtPadding_Btn: clamp(0.75rem, 0.7212rem + 0.1282vw, 0.875rem) clamp(1.5625rem, 1.375rem + 0.8333vw, 2.375rem); /* 12px to 14px  && 25px to 38px */
    --wdtPadding_MiniBtn: 12px 20px;
    --wdtPadding_MaxiBtn: 18px 40px;

    --wdtBaseTransition: all 0.3s linear 0s;
    --wdtAltTransition: all 0.35s ease-in-out 0s;
    --wdt-Ad-Transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);

    /*=== Transform Hover Zoom-Out Style ===*/
    --wdt-transform-rotateX: 1deg;
    --wdt-transform-perspective: 600px;
    --wdt-transform-rotateY: 0deg;
    --wdt-transform-scale: 0.9;
    --wdt-transform-transition-duration: 400ms;

    /*=== Transform Hover Zoom-In Style ===*/
    --wdt-zoo-transform-rotateX: 0.06deg;
    --wdt-zoo-transform-perspective: 600px;
    --wdt-zoo-transform-rotateY: 0deg;
    --wdt-zoo-transform-scale: 1.2;
    --wdt-zoo-transform-transition-duration: 400ms;

}

/* Typography - Defaults */

    /* Base */
    body, button, input, textarea, select, optgroup { font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); letter-spacing: 0; line-height: var(--wdtLineHeight_Base); text-transform: none; }

    input[type="submit"], input[type="reset"], input[type="button"], button[type="button"], [role="button"]:not(.e-ai-layout-button), button, .button, a.button, .wdt-button, .elementor-button.wdt-elementor-button, .yith-wcwl-add-to-wishlist a, .yith-wcqv-button, .wdt-wcsg-button { line-height: var(--wdtLineHeight_Alt); }


    /* Headings */
    h1 { font-size: var(--wdtFontSize_H1); }
    h2 { font-size: var(--wdtFontSize_H2); }
    h3 { font-size: var(--wdtFontSize_H3); }
    h4 { font-size: var(--wdtFontSize_H4); }
    h5 { font-size: var(--wdtFontSize_H5); }
    h6 { font-size: var(--wdtFontSize_H6); }

    h1, h2, h3, h4, h5, h6 { font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); letter-spacing: 0; line-height: var(--wdtLineHeight_Alt); text-transform: none; }


    /* Menu */
    
    .no-header-menu ul li a { color: var(--wdtHeadAltColor);}
    .wdt-header-menu .wdt-primary-nav li a { color: var(--wdtHeadAltColor); }
    .wdt-header-menu li a { font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Base); }
    .wdt-header-menu ul li ul li > a { font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Base); }


    /* Breadcrumb */
    .main-title-section h1 { font-family: var(--wdtFontTypo_Alt); line-height: 1; }
    .breadcrumb { font-family: var(--wdtFontTypo_Base); }
    .main-title-section-wrapper > .main-title-section-bg:after { background-color: rgba(var(--wdtTertiaryColorRgb),0.01); }


    /* Footer */
    div.footer-widgets .widgettitle, #footer .widgettitle { font-family: var(--wdtFontTypo_Alt); }
    #footer, .footer-copyright, div.footer-widgets .widget { font-family: var(--wdtFontTypo_Base); }



/* Base Colors - Defaults */

    body, .layout-boxed .inner-wrapper { background-color: var(--wdtBodyBGColor); }


    /* Base */
    body { color: var(--wdtBodyTxtColor); }


    /* Links */
    a { color: var(--wdtLinkColor); }
    a:hover { color: var(--wdtLinkHoverColor); }


    /* Headings */
    h1, h2, h3, h4, h5, h6 { color: var(--wdtHeadAltColor); }

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: var(--wdtLinkHoverColor); }

    /* Footer */
    .wdt-no-footer-builder-content.footer-copyright:before, .footer-copyright:before { background-color: var(--wdtTertiaryColor); }

    #footer .widgettitle, div.footer-widgets .widgettitle { color: var(--wdtHeadAltColor); }

    #footer, div.footer-widgets .widget, .footer-copyright { color: var(--wdtBodyTxtColor); }

    #footer a:not(.button):not(.elementor-button), .footer-widgets a:not(.button):not(.elementor-button) { color: var(--wdtLinkColor); }

    #footer a:not(.button):not(.elementor-button):hover, .footer-widgets a:not(.button):not(.elementor-button):hover { color: var(--wdtLinkHoverColor); }

    #footer .wdt-dark-bg a, #footer .wdt-dark-bg .footer-widgets a:not(.button):not(.elementor-button), #footer .wdt-dark-bg a:not(.button):not(.elementor-button) { color: var(--wdtAccentTxtColor); }

    #footer .wdt-dark-bg a:hover, #footer .wdt-dark-bg .footer-widgets a:not(.button):not(.elementor-button):hover, #footer .wdt-dark-bg a:not(.button):not(.elementor-button):hover { color: var(--wdtSecondaryColor); }


/*==== Common Link Style ====*/

.comment-author a:not(:focus), .breadcrumb a, .widget_recent_comments ul li.recentcomments > a,
.elementor-widget-icon-list .elementor-icon-list-item a > .elementor-icon-list-text,
.elementor-text-editor p > a { display: inline; color: var(--wdtLinkColor) !important;
    background-image: linear-gradient(0deg, currentColor, currentColor); -webkit-transition: var(--wdt-Ad-Transition) !important; 
    transition: var(--wdt-Ad-Transition) !important; background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 1px; }

.comment-author a:focus, .comment-author a:hover, .breadcrumb a:focus, .breadcrumb a:hover, 
.widget_recent_comments ul li.recentcomments > a:hover, .widget_recent_comments ul li.recentcomments > a:focus,
.elementor-widget-icon-list .elementor-icon-list-item a:focus > .elementor-icon-list-text, .elementor-text-editor p > a:focus,
.elementor-widget-icon-list .elementor-icon-list-item a:hover > .elementor-icon-list-text, .elementor-text-editor p > a:hover,
.widget.widget_categories ul li > a:hover, .widget.widget_archive ul li > a:hover, .widget.widget_categories ul li > a:focus, .widget.widget_archive ul li > a:focus { 
    background-size: 100% 1px; color: var(--wdtLinkHoverColor) !important; }

/* .widget.widget_categories ul li > a:before, .widget.widget_archive ul li > a:before { background: currentColor;
    content: ""; position: absolute; height: 1px; left: 0; right: 0; bottom: 10px; width: 0px; transition: var(--wdt-Ad-Transition); }
.widget.widget_categories ul li > a:hover:before, .widget.widget_archive ul li > a:hover:before, 
.widget.widget_categories ul li > a:focus:before, .widget.widget_archive ul li > a:focus:before { width: 100%; } */


/*=============== Vou button Style =================*/

.wdt-button-holder[class*="wdt-animation-overline-left"] .wdt-button { border: none; }
.wdt-button-holder[class*="wdt-animation-overline-left"] .wdt-button .wdt-button-text { position: relative; }
.wdt-button-holder[class*="wdt-animation-overline-left"] .wdt-button:focus,  
.wdt-button-holder[class*="wdt-animation-overline-left"] .wdt-button:hover { background-color: var(--wdtPrimaryColor); }
.wdt-button-holder[class*="wdt-animation-overline-left"] .wdt-button:after { background-color: var(--wdtSecondaryColor); height: calc(100% + 4px); }

.wdt-button-holder[class*="wdt-animation-overline-left"] .wdt-button:after { 
    left: -10%; right: -10%; top: -2px; bottom: -2px; width: 120%; -webkit-transform: scaleX(0); transform: scaleX(0); 
    -webkit-transform-origin: bottom right; transform-origin: bottom right;
    -webkit-transition: transform .35s ease-out; transition: transform .35s ease-out;
}
.wdt-button-holder[class*="wdt-animation-overline-left"] .wdt-button:focus:after,
.wdt-button-holder[class*="wdt-animation-overline-left"] .wdt-button:hover:after { 
    left: -10%; right: -10%; top: -2px; bottom: -2px; width: 120%;
    -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: bottom left; transform-origin: bottom left;
}

/* Others button commen */
.wdt-ca-mailchamp-style .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type="submit"],
.wdt-custom-skew-section-style .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container > div.wdt-content-button a,
.woocommerce div.product .wdt-product-summary.summary.wdt-custom-product-summary-style .wdt-single-product-clear ~ .product-buttons-wrapper div.product-buy-now a.quick_buy_now_button {
    position: relative; isolation: isolate; overflow: hidden;
}

.wdt-ca-mailchamp-style .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type="submit"] span {
    position: static; isolation: isolate; }

.wdt-ca-mailchamp-style .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type="submit"]:focus { 
    color: var(--wdtAccentTxtColor); }

body #back-to-top:hover,
.wdt-mailchimp-holder.wdt-template-type6 .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type="submit"]:hover,
.wdt-ca-mailchamp-style .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type="submit"]:hover,
.wdt-custom-skew-section-style .wdt-content-item:hover .wdt-media-image-cover > .wdt-media-image-cover-container > div.wdt-content-button a:hover,
.woocommerce div.product .wdt-product-summary.summary.wdt-custom-product-summary-style .wdt-single-product-clear ~ .product-buttons-wrapper div.product-buy-now a.quick_buy_now_button:hover {
    background-color: var(--wdtPrimaryColor);
}

.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:hover a, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button a:hover, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button a.button:hover, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button button:hover, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button button.button:hover, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button .button:hover { 
    -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); 
    -o-transform: translateY(0); transform: translateY(0); color: var(--wdtAccentTxtColor); }

.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button a, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button a.button, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button button, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button button.button, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button .button { position: relative; }

.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a:after, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button a:after, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button a.button:after, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button button:after, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button button.button:after,
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button .button:after { display: none; }



.wdt-ca-mailchamp-style .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type="submit"] span:before,
.wdt-custom-skew-section-style .wdt-content-item:hover .wdt-media-image-cover > .wdt-media-image-cover-container > div.wdt-content-button a:before,

.woocommerce div.product form.cart div.quantity ~ a:before, 
.woocommerce div.product form.cart div.quantity ~ a.button:before, 
.woocommerce div.product form.cart div.quantity ~ button:before, 
.woocommerce div.product form.cart div.quantity ~ button.button:before, 
.woocommerce div.product form.cart div.quantity ~ .button:before,

.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a:before, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button a:before, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button a.button:before, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button button:before, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button button.button:before,
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button .button:before { 
    content: ""; left: -10%; right: -10%; top: -2px; bottom: -2px; width: 120%; position: absolute; display: block !important;
    z-index: -1; background-color: transparent; background-image: linear-gradient(45deg, var(--wdtPrimaryColor) 50%, transparent 50%);
    background-size: 300%; background-repeat: no-repeat; background-position: right 0px top 0px; transform: none;
    -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition);
}


.wdt-ca-mailchamp-style .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type="submit"]:focus span:before,
.wdt-ca-mailchamp-style .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type="submit"]:hover span:before,
.wdt-custom-skew-section-style .wdt-content-item:hover .wdt-media-image-cover > .wdt-media-image-cover-container > div.wdt-content-button a:focus:before,
.wdt-custom-skew-section-style .wdt-content-item:hover .wdt-media-image-cover > .wdt-media-image-cover-container > div.wdt-content-button a:hover:before,

.woocommerce div.product form.cart div.quantity ~ a:focus:before, 
.woocommerce div.product form.cart div.quantity ~ a.button:focus:before, 
.woocommerce div.product form.cart div.quantity ~ button:focus:before, 
.woocommerce div.product form.cart div.quantity ~ button.button:focus:before, 
.woocommerce div.product form.cart div.quantity ~ .button:focus:before,

.woocommerce div.product form.cart div.quantity ~ a:hover:before, 
.woocommerce div.product form.cart div.quantity ~ a.button:hover:before, 
.woocommerce div.product form.cart div.quantity ~ button:hover:before, 
.woocommerce div.product form.cart div.quantity ~ button.button:hover:before, 
.woocommerce div.product form.cart div.quantity ~ .button:hover:before,

.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:focus a:before, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button a:focus:before, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button a.button:focus:before, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button button:focus:before, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button button.button:focus:before,
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button .button:focus:before,
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:hover a:before, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button a:hover:before, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button a.button:hover:before, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button button:hover:before, 
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button button.button:hover:before,
.woocommerce ul.products.ca-product-temp-default li.product .product-thumb .product-buttons-wrapper.product-button .button:hover:before { 
    background-position: left 0px bottom 0px; }


.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-bgfill .wc_btn_inline a,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-bgfill .wc_btn_inline a.button,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-bgfill .wc_btn_inline button,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-bgfill .wc_btn_inline button.button,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-bgfill .wc_btn_inline .button,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-bgfill .wc_btn_inline .button.alt,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-bgfill .wc_btn_inline .button.disabled,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-bgfill .wc_btn_inline .button[disabled],
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-bgfill .wc_btn_inline .button.alt.disabled,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-bgfill .wc_btn_inline .button.alt[disabled],

.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline a:hover,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline a.button:hover,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline button:hover,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline button.button:hover,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline .button:hover,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline .button.alt:hover,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline .button.disabled:hover,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline .button[disabled]:hover,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline .button.alt.disabled:hover,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline .button.alt[disabled]:hover {
    background-color: var(--wdtPrimaryColor);
}

.woocommerce div.product .wdt-product-summary.summary.wdt-custom-product-summary-style .wdt-single-product-clear ~ .product-buttons-wrapper div.product-buy-now a.quick_buy_now_button:before,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline a:before, 
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline a.button:before, 
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline button:before, 
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline button.button:before,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline .button:before { 
    content: ""; left: -10%; right: -10%; top: -2px; bottom: -2px; width: 120%; position: absolute; display: block !important;
    -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: bottom right; transform-origin: bottom right; 
    z-index: -1; background-color: var(--wdtSecondaryColor); -webkit-transition: transform .35s ease-out; transition: transform .35s ease-out;
}

.woocommerce div.product .wdt-product-summary.summary.wdt-custom-product-summary-style .wdt-single-product-clear ~ .product-buttons-wrapper div.product-buy-now a.quick_buy_now_button:focus:before,
.woocommerce div.product .wdt-product-summary.summary.wdt-custom-product-summary-style .wdt-single-product-clear ~ .product-buttons-wrapper div.product-buy-now a.quick_buy_now_button:hover:before,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline a:focus:before, 
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline a.button:focus:before, 
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline button:focus:before, 
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline button.button:focus:before,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline .button:focus:before,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline .wc_btn_inline:hover a:before, 
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline a:hover:before, 
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline a.button:hover:before, 
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline button:hover:before, 
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline button.button:hover:before,
.woocommerce div.product .wdt-product-summary .product-buttons-wrapper.style-skin-bgfill .wc_btn_inline .button:hover:before { 
    left: -10%; right: -10%; top: -2px; bottom: -2px; width: 120%;
    -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: bottom left; transform-origin: bottom left;
}

/* Woocommere commen and OverAll Button Hover before Style */

.woocommerce-checkout #payment div.form-row.place-order > #place_order:before,
.woocommerce a.button:not([class*="yith-"]):before, .woocommerce button.button:before,
.woocommerce a.button.alt:not([class*="yith-"]):before, .woocommerce button.button.alt:before,

.woocommerce a.button.disabled:before, .woocommerce a.button:disabled:before, .woocommerce a.button:disabled[disabled]:before, 
.woocommerce button.button.disabled:before, .woocommerce button.button:disabled:before, .woocommerce button.button:disabled[disabled]:before,

.woocommerce a.button.alt.disabled:before, .woocommerce a.button.alt:disabled:before, .woocommerce a.button.alt[disabled]:disabled:before, 
.woocommerce button.button.alt.disabled:before, .woocommerce button.button.alt:disabled:before, .woocommerce button.button.alt[disabled]:disabled:before { 
    content: ""; left: -10%; right: -10%; top: -2px; bottom: -2px; width: 120%; position: absolute; display: block !important;
    z-index: -1; background-color: transparent; background-image: linear-gradient(45deg, var(--wdtPrimaryColor) 50%, transparent 50%);
    background-size: 300%; background-repeat: no-repeat; background-position: right 0px top 0px; transform: none;
    -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition);
}

.woocommerce-checkout #payment div.form-row.place-order > #place_order:focus:before,
.woocommerce a.button:not([class*="yith-"]):focus:before, .woocommerce button.button:focus:before,
.woocommerce a.button.alt:not([class*="yith-"]):focus:before, .woocommerce button.button.alt:focus:before,

.woocommerce a.button.disabled:focus:before, .woocommerce a.button:disabled:focus:before, .woocommerce a.button:disabled[disabled]:focus:before, 
.woocommerce button.button.disabled:focus:before, .woocommerce button.button:disabled:focus:before, .woocommerce button.button:disabled[disabled]:focus:before,

.woocommerce a.button.alt.disabled:focus:before, .woocommerce a.button.alt:disabled:focus:before, .woocommerce a.button.alt[disabled]:disabled:focus:before, 
.woocommerce button.button.alt.disabled:focus:before, .woocommerce button.button.alt:disabled:focus:before, 
.woocommerce button.button.alt[disabled]:disabled:focus:before,

.woocommerce-checkout #payment div.form-row.place-order > #place_order:hover:before,
.woocommerce a.button:not([class*="yith-"]):hover:before, .woocommerce button.button:hover:before,
.woocommerce a.button.alt:not([class*="yith-"]):hover:before, .woocommerce button.button.alt:hover:before,

.woocommerce a.button.disabled:hover:before, .woocommerce a.button:disabled:hover:before, .woocommerce a.button:disabled[disabled]:hover:before, 
.woocommerce button.button.disabled:hover:before, .woocommerce button.button:disabled:hover:before, .woocommerce button.button:disabled[disabled]:hover:before,

.woocommerce a.button.alt.disabled:hover:before, .woocommerce a.button.alt:disabled:hover:before, .woocommerce a.button.alt[disabled]:disabled:hover:before, 
.woocommerce button.button.alt.disabled:hover:before, .woocommerce button.button.alt:disabled:hover:before, 
.woocommerce button.button.alt[disabled]:disabled:hover:before { 
    background-position: left 0px bottom 0px; }


/* input button Style */

.wdt-custom-pricing-table .elementor-widget-container .wdt-pricing-table-holder.wdt-template-modern .wdt-pricing-table-footer .wdt-content-button a,

.woocommerce #respond input#submit,
.woocommerce input.button.alt, .woocommerce #respond input#submit.alt,
.woocommerce input.button.disabled, .woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt:disabled, .woocommerce input.button.alt[disabled]:disabled, .woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled,

.woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline a,
.wdt-mailchimp-holder.wdt-template-type6 .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type="submit"],

input[type="submit"], input[type="button"], body #back-to-top,

input[type="submit"], input[type="reset"], input[type="button"], button[type="button"], [role="button"]:not(.e-ai-layout-button), button, .button, a.button, .wp-block-search .wp-block-search__button, .wdt-infinite-portfolio-load-more, 
#wpsl-stores li > p ~ .wpsl-directions { border: none;
    isolation: isolate; background-color: var(--wdtAccentTxtColor); color: var(--wdtPrimaryColor); 
    background-image: -webkit-linear-gradient(45deg, var(--wdtSecondaryColor) 50%, var(--wdtPrimaryColor) 50%) !important; 
    background-image: linear-gradient(45deg, var(--wdtPrimaryColor) 50%, var(--wdtAccentTxtColor) 50%) !important; 
    background-size: 300%; background-repeat: no-repeat; background-position: right 0px top 0px; border: 1px solid var(--wdtPrimaryColor); }


.wdt-custom-pricing-table .elementor-widget-container .wdt-pricing-table-holder.wdt-template-modern .wdt-pricing-table-footer .wdt-content-button a:focus,
.wdt-custom-pricing-table .elementor-widget-container .wdt-pricing-table-holder.wdt-template-modern .wdt-pricing-table-footer .wdt-content-button a:hover,

.woocommerce #respond input#submit:focus,
.woocommerce input.button.alt:focus, .woocommerce #respond input#submit.alt:focus,
.woocommerce input.button.disabled:focus, .woocommerce input.button:disabled:focus, 
.woocommerce input.button:disabled[disabled]:focus, .woocommerce #respond input#submit.disabled:focus, .woocommerce #respond input#submit:disabled:focus, 
.woocommerce #respond input#submit:disabled[disabled]:focus,
.woocommerce input.button.alt.disabled:focus, 
.woocommerce input.button.alt:disabled:focus, .woocommerce input.button.alt[disabled]:disabled:focus, .woocommerce #respond input#submit.alt.disabled:focus, 
.woocommerce #respond input#submit.alt:disabled:focus, .woocommerce #respond input#submit.alt[disabled]:disabled:focus,

.woocommerce #respond input#submit:hover,
.woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover,
.woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled:hover, .woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled:hover,

.woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline a:focus,
.woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline a:hover,

.wdt-mailchimp-holder.wdt-template-type6 .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type="submit"]:focus,
.wdt-mailchimp-holder.wdt-template-type6 .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type="submit"]:hover,

input[type="submit"]:focus, input[type="button"]:focus,
input[type="submit"]:hover, input[type="button"]:hover,

body #back-to-top:focus, body #back-to-top:hover,

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button[type="button"]:hover, [role="button"]:hover, button:hover, 
.button:hover, a.button:hover, .wp-block-search .wp-block-search__button:hover, .wdt-infinite-portfolio-load-more:hover, #wpsl-stores li > p ~ .wpsl-directions:hover,
input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus, button[type="button"]:focus, [role="button"]:focus, button:focus, 
.button:focus, a.button:focus, .wp-block-search .wp-block-search__button:focus, .wdt-infinite-portfolio-load-more:focus, #wpsl-stores li > p ~ .wpsl-directions:focus { 
    background-position: left 0px bottom 0px; color: var(--wdtAccentTxtColor); border-color: var(--wdtPrimaryColor); }

.wdt-google-map-wrapper button { background-image: none !important; }


/* Home Blog Swiper Style */

.home-page-blog-style { padding: 0px clamp(1.875rem, 0.1442rem + 7.6923vw, 9.375rem) !important; }
.home-page-blog-style .tpl-blog-holder.swiper-wrapper { float: none !important; }
.home-page-blog-style .tpl-blog-holder.swiper-wrapper .column { padding: 0px 20px 0px 0px; }
.home-page-blog-style .wdt-post-entry.entry-list-layout .blog-entry { margin: 0px; }

.home-page-blog-style .wdt-magnificent-style.wdt-post-entry.entry-list-layout[class*="one-column"] .blog-entry.has-post-thumbnail .entry-thumb-detail-group { 
    padding: clamp(1.25rem, 0.6731rem + 2.5641vw, 3.75rem) 0px; padding-right: clamp(1.25rem, 0.6731rem + 2.5641vw, 3.75rem); }

@media only screen and (max-width: 767px) {
    .home-page-blog-style .tpl-blog-holder.swiper-wrapper .column { padding: 0px 20px; }
    .home-page-blog-style .wdt-magnificent-style.wdt-post-entry.entry-list-layout[class*="one-column"] .blog-entry.has-post-thumbnail .entry-thumb-detail-group {
        padding: 0 0 20px;
    }
}

/* Home Blog list With Banner  */

.wdt-banner-with-blog .tpl-blog-holder { margin: -20px; }
.wdt-banner-with-blog .tpl-blog-holder .wdt-post-entry.entry-list-layout .blog-entry { margin: 0px; }

.wdt-banner-with-blog .tpl-blog-holder .wdt-magnificent-style.wdt-post-entry.entry-list-layout .has-post-thumbnail .entry-thumb { 
    gap: 30px; grid-template-columns: 1fr 2fr;  }
.wdt-banner-with-blog .tpl-blog-holder .wdt-magnificent-style.wdt-post-entry.entry-list-layout .blog-entry.has-post-thumbnail .entry-thumb-detail-group { 
    padding: 20px 0px; }

.wdt-banner-with-blog .tpl-blog-holder .wdt-magnificent-style.wdt-post-entry.entry-list-layout .blog-entry .entry-title h4 a {
    font-size: clamp(1.75rem, 1.6923rem + 0.2564vw, 2rem); /* Min-28 & Max-32 */ }

@media only screen and (max-width: 767px) {

    .wdt-banner-with-blog .tpl-blog-holder .wdt-magnificent-style.wdt-post-entry.entry-list-layout .has-post-thumbnail .entry-thumb { 
        grid-template-columns: repeat(1, 1fr); gap: 30px; }

}

/* Home Mega Menu Style */

.wdt-home-menu-item .wdt-content-item .wdt-content-title h5 a { font-family: inherit; display: inline !important;
    font-size: clamp(1.5rem, 1.4423rem + 0.2564vw, 1.75rem); background-image: linear-gradient(0deg, currentColor, currentColor);
    -webkit-transition: background-size 345ms ease-out; transition: background-size 345ms ease-out; background-repeat: no-repeat; 
    background-position: 0 100%; background-size: 0% 1px; }

.wdt-home-menu-item .wdt-content-item .wdt-content-title h5 a:hover { background-size: 100% 1px; }

.wdt-home-menu-item .wdt-image-box-holder .wdt-content-item .wdt-content-image { overflow: hidden; }
.wdt-home-menu-item .wdt-image-box-holder .wdt-content-item .wdt-content-image img { box-shadow: 0 0 2px 3px rgba(var(--wdtHeadAltColorRgb),0.07); -webkit-box-shadow: 0 0 2px 3px rgba(var(--wdtHeadAltColorRgb),0.07); transform: scale(1); -webkit-transform: scale(1); transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); }
.wdt-home-menu-item .wdt-image-box-holder .wdt-content-item:hover .wdt-content-image img { transform: scale(1.05); -webkit-transform: scale(1.05); }


/* =========================== New Style =========================== */

.wdt-topbar-marquee-style .wdt-animation-item.text-item .wdt-animation-text { font-weight: var(--wdtFontWeight_Base); 
    font-family: var(--wdtFontTypo_Base); text-transform: capitalize; line-height: normal; font-size: 1rem; }

.wdt-topbar-marquee-style .wdt-animation-item.text-item .wdt-animation-text a { 
    color: inherit; transition: var(--wdt-Ad-Transition); }

.wdt-topbar-marquee-style .wdt-animation-wrapper { position: relative; }
.wdt-topbar-marquee-style .wdt-animation-wrapper:before, .wdt-topbar-marquee-style .wdt-animation-wrapper:after { 
    z-index: 2; pointer-events: none; content: ""; position: absolute; width: 17%; height: 100%; top: 0; }

.wdt-topbar-marquee-style .wdt-animation-wrapper:before { left: 0; background-image: linear-gradient(to right, var(--wdtPrimaryColor), transparent); }
.wdt-topbar-marquee-style .wdt-animation-wrapper:after { right: 0; background-image: linear-gradient(to left, var(--wdtPrimaryColor), transparent); }


/*=== Header with fixed section ===*/

@media (min-width: 1281px) {
    section.wdt-header-with-fixed-section > .elementor-container { height: calc(100vh - var(--header-height)); }

    /* Demo Flex Banner */
    .wdt-fit-height-flex-banner .wdt-flex-banner-options .wdt-flex-banner-option { height: calc(100vh - calc(var(--header-height) + 40px)); }
}


/*==== Fixed Footer Style ====*/

@media (min-width: 1281px) {
    body.wdt-fixed-footer-enabled #header-wrapper { z-index: 2; }
    body.wdt-fixed-footer-enabled #main { z-index: 1; position: relative; background-color: var(--wdtBodyBGColor); margin-bottom: var(--footer-height); }
    body.wdt-fixed-footer-enabled #main:before { content: ""; position: absolute; 
        background: var(--wdtBodyBGColor); top: -50vw; left: 0; right: 0; bottom: 0; z-index: -1; }
    body.wdt-fixed-footer-enabled #main ~ #footer { position: fixed; left: 0; right: 0; top: auto; bottom: 0; z-index: 0; height: var(--footer-height); }

    /*=== Body-Background Image ===*/

    body.wdt-fixed-footer-enabled > .wrapper,
    body.wdt-fixed-footer-enabled > .wrapper > .inner-wrapper,
    body.wdt-fixed-footer-enabled > .wrapper > .inner-wrapper > #main,
    body.wdt-fixed-footer-enabled > .wrapper > .inner-wrapper > #main:before { background: inherit; }
}

    /*--------------------------------------------------------------
        Heading Size - Default-Value
    --------------------------------------------------------------*/

    .elementor-widget-text-editor .elementor-widget-container h1, div h1,
    .wdt-heading-holder h1.wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(2.625rem, 2.3654rem + 1.1538vw, 3.75rem); /* Min-42 & Max-60 */  }
    .elementor-widget-text-editor .elementor-widget-container h2, div h2,
    .wdt-heading-holder h2.wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(1.875rem, 1.6154rem + 1.1538vw, 3rem); /* Min-30 & Max-48 */  }
    .elementor-widget-text-editor .elementor-widget-container h3, div h3,
    .wdt-heading-holder h3.wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(1.75rem, 1.6923rem + 0.2564vw, 2rem); /* Min-28 & Max-32 */  }
    .elementor-widget-text-editor .elementor-widget-container h4, div h4,
    .wdt-heading-holder h4.wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(1.5rem, 1.4423rem + 0.2564vw, 1.75rem); /* Min-24 & Max-28 */ }
    .elementor-widget-text-editor .elementor-widget-container h5, div h5,
    .wdt-heading-holder h5.wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(1.25rem, 1.1923rem + 0.2564vw, 1.5rem); /* Min-20 & Max-24 */ }
    .elementor-widget-text-editor .elementor-widget-container h6, div h6,
    .wdt-heading-holder h6.wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem); /* Min-18 & Max-18 */ }



    /* Theme Improvement work */

    .elementor .elementor-background-video-container { -webkit-clip-path: inset(1px); clip-path: inset(1px); }


    ul.products li.product.product-list-view .product-wrapper .product-thumb-content { display: none; }
    ul.products li.product.product-list-view .product-wrapper .product-details { text-align: left; }

    .wdt-element-product-list.woocommerce ul.products li.product.product-list-view .product-wrapper .product-offers .product-saved-sale, 
    .wdt-element-product-list.woocommerce ul.products li.product.product-list-view .product-wrapper .product-labels > span, 
    .wdt-element-product-list.woocommerce ul.products li.product.product-list-view .product-wrapper .product-labels > span.out-of-stock { 
        height: 100%; line-height: normal; min-height: 1px; padding: 2px 8px; letter-spacing: 0px; }

    .wdt-element-product-list.woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { padding: 8px 20px; }


    .tinvwl-product-in-list.tinvwl-product-make-remove .tinvwl_add_to_wishlist-text, 
    .tinvwl-product-in-list.tinvwl-product-make-remove img.icon-add-on-wishlist, 
    .tinvwl_add_to_wishlist_button.tinvwl-product-in-list .tinvwl_add_to_wishlist-text, 
    .tinvwl_add_to_wishlist_button.tinvwl-product-in-list img.icon-add-on-wishlist { display: block !important; }

    #yith-quick-view-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before,
    #yith-quick-view-content .woocommerce ul.products li.product a.tinvwl-button.tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before,
    #yith-quick-view-content .woocommerce-page ul.products li.product a.tinvwl-button.tinvwl-icon-heart.tinvwl_add_to_wishlist_button:before,
    #yith-quick-view-content a.wishlist_products_counter.top_wishlist-heart:before,
    #yith-quick-view-content span.wishlist_products_counter.top_wishlist-heart:before,
    #yith-quick-view-content a.sidr-class-wishlist_products_counter.sidr-class-top_wishlist-heart:before,
    #yith-quick-view-content .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button:before,
    
    .tinv-wishlist td.product-name a + .variation + .variation { display: none !important; }


    /* @media only screen and (min-width: 1025px) and (max-width: 1280px) { */

    @media only screen and (min-width: 1025px) and (max-width: 1380px) {

        .elementor-widget-wdt-shop-products .wdt-element-product-list.woocommerce ul.products[class*="column-"]:not(.products-apply-isotope, .swiper-wrapper) {
          grid-template-columns: repeat(3,1fr);
        }
        
    }

    @media only screen and (max-width: 767px) {
        .wdt-element-product-list.woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { padding: 22px 0px 0px; }
      }