/*----*****---- << Text Selector >> ----*****----*/

body { text-rendering: optimizeSpeed; }
::selection { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }

/*----*****---- << PopUp Overflow scroll fix >> ----*****----*/

html:has(> body > .wdt-popup-box-window) { overflow: hidden; }

/*----*****---- << Safari CSS Hack >> ----*****----*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .wdt-icon-box-holder .wdt-content-item .wdt-content-media-group .wdt-content-icon-wrapper:only-child .wdt-content-icon span i, 
    .wdt-icon-box-holder .wdt-content-item .wdt-content-media-group .wdt-content-icon-wrapper:only-child .wdt-content-icon span i > svg { 
        height: intrinsic; } 
} 


/*----*****---- << Common Styles >> ----*****----*/

.wdt-bg-blur { backdrop-filter: blur(4px); }


/*----*****---- << Woocommerce Styles >> ----*****----*/

/* Elementor Overwrite Styles */

.elementor-widget.elementor-widget-wdt-shop-product-single-summary { --container-widget-width: 100% !important; }

/* Elementor Overwrite Styles */

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button { overflow: hidden !important; }


/*----*****---- << Input And Input Focus Style >> ----*****----*/

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, input.text, .select2-container.select2-container--default .select2-selection--single, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    background-image: linear-gradient(45deg, rgba(var(--wdtTertiaryColorRgb), 0.3),rgba(var(--wdtTertiaryColorRgb), 0.3));
    background-size: 100% 200%,100% 100%; background-position: 100% 25%,100% 100%; background-repeat: no-repeat; 
    -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); backdrop-filter: blur(4px); 
    backface-visibility: hidden; will-change: transform; isolation: isolate; }

.wdt-dark-bg input[type="text"], .wdt-dark-bg input[type="email"], .wdt-dark-bg input[type="url"], .wdt-dark-bg input[type="password"], .wdt-dark-bg input[type="search"], .wdt-dark-bg input[type="number"], .wdt-dark-bg input[type="tel"], .wdt-dark-bg input[type="date"], .wdt-dark-bg input[type="month"], .wdt-dark-bg input[type="week"], .wdt-dark-bg input[type="time"], .wdt-dark-bg input[type="datetime"], .wdt-dark-bg input[type="datetime-local"], .wdt-dark-bg input[type="color"], .wdt-dark-bg textarea, .wdt-dark-bg input.text, .wdt-dark-bg .select2-container.select2-container--default .select2-selection--single, .wdt-dark-bg .woocommerce form .form-row input.input-text, .wdt-dark-bg .woocommerce form .form-row textarea { 
    background-image: linear-gradient(45deg, rgba(var(--wdtTertiaryColorRgb), 0.1),rgba(var(--wdtTertiaryColorRgb), 0.1)); }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, input.text:focus, .select2-container.select2-container--default .select2-selection--single:focus, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {
    background-position: 100% -120%,100% 100%; }


/*----*****---- << Common Button Style >> ----*****----*/

/*==== Input Styles ====*/

.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, input[type="submit"], body #back-to-top, input[type="submit"], input[type="reset"], .wp-block-search .wp-block-search__button, .wdt-infinite-portfolio-load-more, #wpsl-stores li > p ~ .wpsl-directions {
    position: relative; background-color: transparent !important; 
    background-image: linear-gradient(0deg, rgba(var(--wdtPrimaryColorRgb), 1), rgba(var(--wdtPrimaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtPrimaryColorRgb), 1), rgba(var(--wdtPrimaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtPrimaryColorRgb), 1), rgba(var(--wdtPrimaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtPrimaryColorRgb), 1), rgba(var(--wdtPrimaryColorRgb), 1)); 
    background-repeat: no-repeat; background-size: calc(100% + 50px) 1px, 1px calc(100% + 50px); 
    background-position: 80% calc(0% + 0px), calc(100% + 0px) 80%, 25% calc(100% + 0px), calc(0% + 0px) 25%; 
    display: inline-flex; align-items: center; justify-content: center; border: 8px solid transparent !important; 
    -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); 
    transition-behavior: allow-discrete; backface-visibility: hidden; will-change: transform; 
    isolation: isolate; z-index: 1; margin: -8px;
}

.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, input[type="submit"]:focus, input[type="submit"]:hover, body #back-to-top:focus, body #back-to-top:hover, input[type="reset"]:hover, [role="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="reset"]:focus, [role="button"]:focus, .wp-block-search .wp-block-search__button:focus, .wdt-infinite-portfolio-load-more:focus, #wpsl-stores li > p ~ .wpsl-directions:focus {
    background-color: transparent !important; background-image: linear-gradient(0deg, rgba(var(--wdtSecondaryColorRgb), 1), rgba(var(--wdtSecondaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtSecondaryColorRgb), 1), rgba(var(--wdtSecondaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtSecondaryColorRgb), 1), rgba(var(--wdtSecondaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtSecondaryColorRgb), 1), rgba(var(--wdtSecondaryColorRgb), 1)); background-size: calc(100% + 0px) 1px, 1px calc(100% + 0px);
}


/*==== Uncontrollable Button Styles ====*/

.woocommerce-checkout #payment div.form-row.place-order > #place_order, .woocommerce a.button:not([class*="yith-"]), 
.woocommerce button.button, .woocommerce a.button.alt:not([class*="yith-"]), .woocommerce button.button.alt, 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], 
.woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt[disabled]:disabled, 
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt[disabled]:disabled, 
.woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a, 
.woocommerce-page .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, .woocommerce-page .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button, .woocommerce-page .wp-block-woocommerce-cart .wc-block-components-button:not(.is-link),
.woocommerce-page .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-button.wc-block-components-totals-coupon__button, .woocommerce-page .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:not(.swiper-button-lock),
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination > button, .error404 .wdt-button, .wp-block-button .wp-block-button__link {
    position: relative; background-color: transparent !important; 
    background-image: linear-gradient(0deg, rgba(var(--wdtPrimaryColorRgb), 1), rgba(var(--wdtPrimaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtPrimaryColorRgb), 1), rgba(var(--wdtPrimaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtPrimaryColorRgb), 1), rgba(var(--wdtPrimaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtPrimaryColorRgb), 1), rgba(var(--wdtPrimaryColorRgb), 1)); 
    background-repeat: no-repeat; background-size: calc(100% + 50px) 1px, 1px calc(100% + 50px); 
    background-position: 80% calc(0% + 0px), calc(100% + 0px) 80%, 25% calc(100% + 0px), calc(0% + 0px) 25%; 
    display: inline-flex; align-items: center; justify-content: center; border: 8px solid transparent !important; 
    -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); 
    transition-behavior: allow-discrete; backface-visibility: hidden; will-change: transform; 
    isolation: isolate; z-index: 1; margin: -8px; }

.woocommerce-checkout #payment div.form-row.place-order > #place_order:focus, .woocommerce a.button:not([class*="yith-"]):focus, 
.woocommerce button.button:focus, .woocommerce a.button.alt:not([class*="yith-"]):focus, .woocommerce button.button.alt:focus, 
.woocommerce a.button.disabled:focus, .woocommerce a.button:disabled:focus, .woocommerce a.button:disabled[disabled]:focus, 
.woocommerce button.button.disabled:focus, .woocommerce button.button:disabled:focus, .woocommerce button.button:disabled[disabled]:focus, 
.woocommerce a.button.alt.disabled:focus, .woocommerce a.button.alt:disabled:focus, .woocommerce a.button.alt[disabled]:disabled:focus, 
.woocommerce button.button.alt.disabled:focus, .woocommerce button.button.alt:disabled:focus, 
.woocommerce button.button.alt[disabled]:disabled:focus, .woocommerce-page .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus, 
.woocommerce-page .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:focus, 
.woocommerce-page .wp-block-woocommerce-cart .wc-block-components-button:not(.is-link):focus,
.woocommerce-page .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-button.wc-block-components-totals-coupon__button:focus, .woocommerce-page .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:focus,

.woocommerce-checkout #payment div.form-row.place-order > #place_order:hover, .woocommerce a.button:not([class*="yith-"]):hover, 
.woocommerce button.button:hover, .woocommerce a.button.alt:not([class*="yith-"]):hover, .woocommerce button.button.alt:hover, 
.woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled:hover, 
.woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a:hover, .woocommerce-page .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover, .woocommerce-page .wp-block-woocommerce-cart .wc-block-components-button:not(.is-link):hover,
.woocommerce-page .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-button.wc-block-components-totals-coupon__button:hover, .woocommerce-page .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover,
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:not(.swiper-button-lock):hover,
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination > button:hover, .error404 .wdt-button:hover,
.wp-block-button .wp-block-button__link:hover {
    background-color: transparent !important; background-image: linear-gradient(0deg, rgba(var(--wdtSecondaryColorRgb), 1), rgba(var(--wdtSecondaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtSecondaryColorRgb), 1), rgba(var(--wdtSecondaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtSecondaryColorRgb), 1), rgba(var(--wdtSecondaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtSecondaryColorRgb), 1), rgba(var(--wdtSecondaryColorRgb), 1)); background-size: calc(100% + 0px) 1px, 1px calc(100% + 0px); }


/* Before Color Scheme */

.woocommerce a.button, .woocommerce button.button, .woocommerce-page .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { 
    position: relative; overflow: hidden; }

.woocommerce a.button::before, #back-to-top::before, .woocommerce button.button::before,
.woocommerce-page .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link::before,
.woocommerce-page .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button::before,
.woocommerce-page .wp-block-woocommerce-cart .wc-block-components-button:not(.is-link)::before,
.woocommerce-page .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-button.wc-block-components-totals-coupon__button::before,
.woocommerce-page .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button::before,
.comment-form > p.form-submit::before, 
.woocommerce #review_form #respond > .comment-form p.form-submit::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 div.product form.cart div.quantity ~ .button.alt.disabled.wc-variation-is-unavailable::before,
.wpcf7-form .with-spinner::after, .wdt-registration-form form p.submit::before,
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination > button::before, .error404 .wdt-button::before,
.widget.widget_block .has-login-form.wp-block-loginout form > p.login-submit::before,
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button::before, .wp-block-button .wp-block-button__link::before {
    content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; 
    background-color: var(--wdtPrimaryColor); -webkit-transition: inherit; transition: inherit; z-index: -1; margin: auto; }

.woocommerce a.button:hover::before, #back-to-top:hover::before, .woocommerce button.button:hover::before,
.woocommerce-page .wp-block-woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover::before,
.woocommerce-page .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:hover::before,
.woocommerce-page .wp-block-woocommerce-cart .wc-block-components-button:not(.is-link):hover::before,
.woocommerce-page .wp-block-woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-button.wc-block-components-totals-coupon__button:hover::before,
.woocommerce-page .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover:before,
.comment-form > p.form-submit:hover::before, 
.woocommerce #review_form #respond > .comment-form p.form-submit: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 div.product form.cart div.quantity ~ .button.alt.disabled.wc-variation-is-unavailable:hover::before,
.wpcf7-form .with-spinner:hover::after, .wdt-registration-form form p.submit:hover::before, .wdt-registration-form form p.submit:focus::before,
.wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination > button:hover::before, .error404 .wdt-button:hover::before,
.widget.widget_block .has-login-form.wp-block-loginout form > p.login-submit:hover::before,
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover::before, .wp-block-button .wp-block-button__link:hover::before { 
    background-color: var(--wdtSecondaryColor); }


/*==== Not mandotry Button Styles ====*/

.woocommerce ul.products li.product .product-thumb .product-thumb-content .product-buttons-wrapper.product-button .wc_btn_inline a.button {
    background-image: none !important; border: none !important; margin: 0; }

.woocommerce ul.products li.product .product-thumb .product-thumb-content .product-buttons-wrapper.product-button .wc_btn_inline a.button::before {
    display: none !important; }


/*----*****---- << Controllable Buttons Style >> ----*****----*/

.wdt-button-holder.wdt-button-style-default:has(> .wdt-button-outer),
.wdt-mailchimp-form-holder .wdt-mailchimp-subscription-button-holder:has(> .wdt-button-outer),
.wdt-pricing-table-holder[class*='-template-default'] .wdt-content-button:has(> .wdt-button-outer),
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-button:has(> .wdt-button-outer),
.wdt-sc-roofing-wrapper .wdt-roofing-btn-wrapper:has(> .wdt-button-outer) {
    clear: both; will-change: transform; backface-visibility: hidden; 
    display: inline-grid; align-items: center; margin: 8px 0; }

.wdt-button-holder.wdt-button-style-default .wdt-button-outer,
.wdt-mailchimp-form-holder .wdt-mailchimp-subscription-button-holder .wdt-button-outer,
.wdt-pricing-table-holder[class*='-template-default'] .wdt-content-button .wdt-button-outer,
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-button .wdt-button-outer,
.wdt-sc-roofing-wrapper .wdt-roofing-btn-wrapper .wdt-button-outer {
    grid-area: 1/-1; clear: both; will-change: transform; backface-visibility: hidden; pointer-events: none; 
    display: grid; align-items: center; width: 100%; height: 100%; z-index: 1; }

.wdt-button-holder.wdt-button-style-default .wdt-button-outer span,
.wdt-mailchimp-form-holder .wdt-mailchimp-subscription-button-holder .wdt-button-outer span,
.wdt-pricing-table-holder[class*='-template-default'] .wdt-content-button .wdt-button-outer span,
.wdt-image-box-holder.wdt-rc-template-modern .wdt-button-outer span,
.wdt-sc-roofing-wrapper .wdt-roofing-btn-wrapper .wdt-button-outer span {
    grid-area: 1/-1; clear: both; will-change: transform; backface-visibility: hidden; position: absolute; 
    top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; 
    border: 1px solid var(--wdtPrimaryColor); -webkit-transition: var(--wdt-Livi-Transition); 
    transition: var(--wdt-Livi-Transition); margin: auto; }

.wdt-button-holder.wdt-button-style-default .wdt-button-outer:has( + .wdt-button:hover) span,
.wdt-mailchimp-form-holder .wdt-mailchimp-subscription-button-holder .wdt-button-outer:has( + button:hover) span,
.wdt-pricing-table-holder[class*='-template-default'] .wdt-button-outer:has( + a:hover) span,
.wdt-image-box-holder.wdt-rc-template-modern .wdt-button-outer:has( + a:hover) span,
.wdt-sc-roofing-wrapper .wdt-roofing-btn-wrapper .wdt-button-outer:has( + a:hover) span {
    border-color: var(--wdtSecondaryColor); }

.wdt-dark-bg .wdt-button-holder.wdt-button-style-default .wdt-button-outer:has( + .wdt-button:hover) span,
.wdt-dark-bg .wdt-mailchimp-form-holder .wdt-mailchimp-subscription-button-holder .wdt-button-outer:has( + button:hover) span,
.wdt-dark-bg .wdt-pricing-table-holder[class*='-template-default'] .wdt-button-outer:has( + a:hover) span,
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-modern .wdt-button-outer:has( + a:hover) span,
.wdt-dark-bg .wdt-sc-roofing-wrapper .wdt-roofing-btn-wrapper .wdt-button-outer:has( + a:hover) span {
    border-color: var(--wdtAccentTxtColor); }

.wdt-button-holder.wdt-button-style-default .wdt-button-outer span.wdt-top-bottom,
.wdt-mailchimp-form-holder .wdt-mailchimp-subscription-button-holder .wdt-button-outer span.wdt-top-bottom,
.wdt-pricing-table-holder[class*='-template-default'] .wdt-content-button .wdt-button-outer span.wdt-top-bottom,
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-button .wdt-button-outer span.wdt-top-bottom,
.wdt-sc-roofing-wrapper .wdt-roofing-btn-wrapper .wdt-button-outer span.wdt-top-bottom {
    width: calc(100% + 15px); left: -50%; right: -50%; border-width: 1px 0; -webkit-transform: scaleX(1); 
    transform: scaleX(1); -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); }

.wdt-button-holder.wdt-button-style-default .wdt-button-outer span.wdt-left-right,
.wdt-mailchimp-form-holder .wdt-mailchimp-subscription-button-holder .wdt-button-outer span.wdt-left-right,
.wdt-pricing-table-holder[class*='-template-default'] .wdt-content-button .wdt-button-outer span.wdt-left-right,
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-button .wdt-button-outer span.wdt-left-right,
.wdt-sc-roofing-wrapper .wdt-roofing-btn-wrapper .wdt-button-outer span.wdt-left-right {
    height: calc(100% + 15px); top: -50%; bottom: -50%; border-width: 0 1px; -webkit-transform: scaleY(1); 
    transform: scaleY(1); -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); }

.wdt-button-holder.wdt-button-style-default .wdt-button-outer + .wdt-button,
.wdt-mailchimp-form-holder .wdt-mailchimp-subscription-button-holder .wdt-button-outer + button,
.wdt-pricing-table-holder[class*='-template-default'] .wdt-content-button .wdt-button-outer + a,
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-button .wdt-button-outer + a,
.wdt-sc-roofing-wrapper .wdt-roofing-btn-wrapper .wdt-button-outer + a { 
    grid-area: 1/-1; clear: both; will-change: transform; backface-visibility: hidden; }


/*** On Hover */

/* Top & Bottom Group */
.wdt-button-holder.wdt-button-style-default .wdt-button-outer:has( + .wdt-button:hover) span.wdt-top-bottom,
.wdt-mailchimp-form-holder .wdt-mailchimp-subscription-button-holder .wdt-button-outer:has( + button:hover) span.wdt-top-bottom,
.wdt-pricing-table-holder[class*='-template-default'] .wdt-button-outer:has( + a:hover) span.wdt-top-bottom,
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-button .wdt-button-outer:has( + a:hover) span.wdt-top-bottom,
.wdt-sc-roofing-wrapper .wdt-roofing-btn-wrapper .wdt-button-outer:has( + a:hover) span.wdt-top-bottom {
    -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }

/* Top & Bottom Group */
.wdt-button-holder.wdt-button-style-default .wdt-button-outer:has( + .wdt-button:hover) span.wdt-left-right,
.wdt-mailchimp-form-holder .wdt-mailchimp-subscription-button-holder .wdt-button-outer:has( + button:hover) span.wdt-left-right,
.wdt-pricing-table-holder[class*='-template-default'] .wdt-button-outer:has( + a:hover) span.wdt-left-right,
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-button .wdt-button-outer:has( + a:hover) span.wdt-left-right,
.wdt-sc-roofing-wrapper .wdt-roofing-btn-wrapper .wdt-button-outer:has( + a:hover) span.wdt-left-right {
    -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }


/*----*****---- << Product Button Icon >> ----*****----*/

body.woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a::after, 
body.woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button::after, 
body.woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button::after, 
body.woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button::after, 
body.woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button::after,

.woocommerce ul.products.product-style-default li.product .product-thumb .product-buttons-wrapper.product-button a::after, 
.woocommerce ul.products.product-style-default li.product .product-thumb .product-buttons-wrapper.product-button a.button::after, 
.woocommerce ul.products.product-style-default li.product .product-thumb .product-buttons-wrapper.product-button button::after, 
.woocommerce ul.products.product-style-default li.product .product-thumb .product-buttons-wrapper.product-button button.button::after, 
.woocommerce ul.products.product-style-default li.product .product-thumb .product-buttons-wrapper.product-button .button::after {
    background-color: currentColor !important; mask-image: var(--wdt-arrow-mask); 
    mask-repeat: no-repeat; mask-size: 100%; mask-position: center center; }


/*----*****---- << Image Shape Hover Animations >> ----*****----*/

/* For Default */
.woocommerce ul.products.product-style-default li.product .product-wrapper .product-thumb,
.wdt-post-entry.wdt-simple-style .blog-entry, .wdt-service-item.wdt-type-1,
.wdt-service-item.wdt-type-2 .wdt-service-media-group,
.wdt-service-item.wdt-type-2 .wdt-service-media-group .wdt-service-image a img,
.elementor-widget-wdt-pricing-table:has( > .elementor-widget-container .wdt-pricing-table-holder[class*='-template-default']),
.wdt-team-holder.wdt-rc-template-standard .wdt-content-item {
    -webkit-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0 100%, 0 0); 
    clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0 100%, 0 0);
    backface-visibility: hidden; isolation: isolate; will-change: transform; clear: both;
    -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); }

/* For Hover */
.woocommerce ul.products.product-style-default li.product:hover .product-wrapper .product-thumb,
.wdt-post-entry.wdt-simple-style .blog-entry:hover, .wdt-service-item.wdt-type-1:hover,
.wdt-service-item.wdt-type-2:hover .wdt-service-media-group,
.wdt-service-item.wdt-type-2:hover .wdt-service-media-group .wdt-service-image a img,
.wdt-active.elementor-widget-wdt-pricing-table:has( > .elementor-widget-container .wdt-pricing-table-holder[class*='-template-default']),
.elementor-widget-wdt-pricing-table:has( > .elementor-widget-container .wdt-pricing-table-holder[class*='-template-default']:hover),
.wdt-team-holder.wdt-rc-template-standard .wdt-content-item:hover {
    -webkit-clip-path: polygon(85% 0, 100% 15%, 100% 100%, 0 100%, 0 0); 
    clip-path: polygon(85% 0, 100% 15%, 100% 100%, 0 100%, 0 0); }


/*----*****---- << Container Shape Style >> ----*****----*/

.wdt-container-shape-style-a.e-flex {
    -webkit-clip-path: polygon(95% 0, 100% 25%, 100% 100%, 0 100%, 0 0); 
    clip-path: polygon(95% 0, 100% 25%, 100% 100%, 0 100%, 0 0); }


/*----*****---- << Text Editor - Underline Common Styles >> ----*****----*/

.elementor-widget-text-editor p, .elementor-widget-text-editor span { 
    text-underline-offset: 2px; text-decoration-color: rgba(var(--wdtHeadAltColorRgb), 0.6) !important; }

.wdt-dark-bg .elementor-widget-text-editor p, .wdt-dark-bg .elementor-widget-text-editor span { 
    text-decoration-color: rgba(var(--wdtAccentTxtColorRgb), 0.6) !important; }


/*----*****---- << Icon List Inline Styles For Common >> ----*****----*/

/* Text Styles */

.elementor-icon-list-items .elementor-icon-list-item a { color: var(--wdtLinkColor); }
.elementor-icon-list-items .elementor-icon-list-item a:hover { color: var(--wdtLinkHoverColor); }

.wdt-dark-bg .elementor-icon-list-items .elementor-icon-list-item a { color: var(--wdtAccentTxtColor); }
.wdt-dark-bg .elementor-icon-list-items .elementor-icon-list-item a:hover { color: var(--wdtLinkHoverColor); }

#header .wdt-dark-bg .elementor-icon-list-items .elementor-icon-list-item a:hover { 
    color: rgba(var(--wdtAccentTxtColorRgb), 0.85); }


/* Inline Item Styles */

.elementor-widget-icon-list .elementor-icon-list-items.elementor-inline-items {
    margin-top: -7px; margin-bottom: -7px; }
.elementor-widget-icon-list .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item.elementor-inline-item {
    margin-top: 7px; margin-bottom: 7px; }


/* Icon Styles */

.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon svg,
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
    color: var(--wdtHeadAltColor); }

.wdt-dark-bg .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon svg,
.wdt-dark-bg .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
    color: var(--wdtAccentTxtColor); }


/*----*****---- << Contact Forms >> ----*****----*/

/*===== Common Styles =====*/

div[class*='contact-form-'] > div .select2-container { width: 100% !important; }
div[class*='contact-form-'] div .wpcf7-form-control-wrap input[type="text"]::placeholder, 
div[class*='contact-form-'] div .wpcf7-form-control-wrap input[type="email"]::placeholder, 
div[class*='contact-form-'] div .wpcf7-form-control-wrap input[type="tel"]::placeholder,
div[class*='contact-form-'] div .wpcf7-form-control-wrap textarea::placeholder,
div[class*='contact-form-'] > div .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { 
    color: var(--wdtBodyTxtColor); opacity: 1; }
div[class*='contact-form-'] div .wpcf7-form-control-wrap input[type="email"]:focus, 
div[class*='contact-form-'] div .wpcf7-form-control-wrap input[type="text"]:focus, 
div[class*='contact-form-'] div .wpcf7-form-control-wrap input[type="tel"]:focus, 
div[class*='contact-form-'] div .wpcf7-form-control-wrap .select2-container--default .select2-selection--single:focus, 
div[class*='contact-form-'] div .select2-container.select2-container--default .select2-selection--single:focus,
div[class*='contact-form-'] div .select2-container.select2-container--default .select2-selection--single:has(> .select2-selection__rendered:focus) { 
    border-color: var(--wdtPrimaryColor) !important; }
div[class*='contact-form-'] > div p > br { display: none; }
div[class*='contact-form-'] > div:not(:last-child) { width: 100%; max-width: 100%; min-width: 100%; }
div[class*='contact-form-'] > div p { position: relative; display: block; }


/*===== Contact Form Style A =====*/

.wdt-container-shape-style-form.e-flex {
    -webkit-clip-path: polygon(95% 0, 100% 25%, 100% 100%, 0 100%, 0 0); 
    clip-path: polygon(95% 0, 100% 25%, 100% 100%, 0 100%, 0 0); }

div[class*='contact-form-style-a'] {     
    display: grid; grid-template-columns: repeat(5, 1fr); align-items: end; 
    gap: clamp(0.9375rem, 0.7707rem + 0.9202vw, 1.875rem); /*30px - 15px*/ }
div[class*='contact-form-style-a'] div > p { margin-bottom: 0; }
div[class*='contact-form-style-a'] div label {     
    display: block; font-family: var(--wdtFontTypo_Alt); 
    font-size: clamp(1rem, 0.9778rem + 0.1227vw, 1.125rem); /*18px - 16px*/ 
    font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Alt); 
    text-transform: capitalize; color: var(--wdtHeadAltColor); margin-bottom: 12px; }
div[class*='contact-form-style-a'] div > p.with-spinner { display: block; margin-top: 5px; }
div[class*='contact-form-style-a'] div > p.with-spinner input[type="submit"] { width: calc(100% + 16px); }
div[class*='contact-form-style-a'] div > p.with-spinner:focus::after { background-color: var(--wdtSecondaryColor); }

/*===== Contact Form Style B =====*/

.wdt-container-shape-style-form-b.e-flex {
    -webkit-clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0 100%, 0 0); 
    clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0 100%, 0 0); }

div[class*='contact-form-style-b'] div .wpcf7-form-control-wrap input[type="text"], 
div[class*='contact-form-style-b'] div .wpcf7-form-control-wrap input[type="email"], 
div[class*='contact-form-style-b'] div .wpcf7-form-control-wrap input[type="tel"],
div[class*='contact-form-style-b'] div.upload-files .wpcf7-form-control-wrap input[type="file"],
div[class*='contact-form-style-b'] div .wpcf7-form-control-wrap textarea,
div[class*='contact-form-style-b'] > div .select2-container.select2-container--default .select2-selection--single {
    background-image: none !important; backdrop-filter: none; border-color: rgba(var(--wdtAccentTxtColorRgb), 0.8) !important; 
    backface-visibility: hidden; isolation: isolate; will-change: transform; }
div[class*='contact-form-style-b'] div .wpcf7-form-control-wrap input[type="email"]:focus, 
div[class*='contact-form-style-b'] div .wpcf7-form-control-wrap input[type="text"]:focus, 
div[class*='contact-form-style-b'] div .wpcf7-form-control-wrap input[type="tel"]:focus,
div[class*='contact-form-style-b'] div .wpcf7-form-control-wrap textarea:focus, 
div[class*='contact-form-style-b'] div .wpcf7-form-control-wrap .select2-container--default .select2-selection--single:focus, 
div[class*='contact-form-style-b'] div .select2-container.select2-container--default .select2-selection--single:focus { 
    border-color: rgba(var(--wdtAccentTxtColorRgb), 0.5) !important; }
div[class*='contact-form-style-b'] div .wpcf7-form-control-wrap input[type="text"]::placeholder, 
div[class*='contact-form-style-b'] div .wpcf7-form-control-wrap input[type="email"]::placeholder, 
div[class*='contact-form-style-b'] div .wpcf7-form-control-wrap input[type="tel"]::placeholder,
div[class*='contact-form-style-b'] div .wpcf7-form-control-wrap textarea::placeholder,
div[class*='contact-form-style-b'] > div .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { 
    color: var(--wdtAccentTxtColor); opacity: 0.8; }

div[class*='contact-form-style-b'] {     
    display: grid; grid-template-columns: repeat(2, 1fr); align-items: end; 
    gap: clamp(0.9375rem, 0.7707rem + 0.9202vw, 1.875rem); /*30px - 15px*/ }
div[class*='contact-form-style-b'] div > p { margin-bottom: 0; }
div[class*='contact-form-style-b'] div label {     
    display: block; font-family: var(--wdtFontTypo_Alt); 
    font-size: clamp(1rem, 0.9778rem + 0.1227vw, 1.125rem); /*18px - 16px*/ 
    font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Alt); 
    text-transform: capitalize; color: var(--wdtHeadAltColor); margin-bottom: 12px; }
.wdt-dark-bg div[class*='contact-form-style-b'] div label { color: var(--wdtAccentTxtColor); }
div[class*='contact-form-style-b'] div.text-area,
div[class*='contact-form-style-b'] div.submit-button { grid-column: 1 / 3; }
div[class*='contact-form-style-b'] div > p.with-spinner { margin-top: 5px; }
div[class*='contact-form-style-b'] div > p.with-spinner::after { background-color: var(--wdtAccentTxtColor); }
div[class*='contact-form-style-b'] div > p.with-spinner:hover:after { background-color: var(--wdtSecondaryColor); }
div[class*='contact-form-style-b'] div.submit-button input[type="submit"] {
    background-image: linear-gradient(0deg, rgba(var(--wdtAccentTxtColorRgb), 1), rgba(var(--wdtAccentTxtColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtAccentTxtColorRgb), 1), rgba(var(--wdtAccentTxtColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtAccentTxtColorRgb), 1), rgba(var(--wdtAccentTxtColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtAccentTxtColorRgb), 1), rgba(var(--wdtAccentTxtColorRgb), 1));
    color: var(--wdtHeadAltColor); transition-behavior: allow-discrete; }
div[class*='contact-form-style-b'] div.submit-button input[type="submit"]:hover {
    background-image: linear-gradient(0deg, rgba(var(--wdtSecondaryColorRgb), 1), rgba(var(--wdtSecondaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtSecondaryColorRgb), 1), rgba(var(--wdtSecondaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtSecondaryColorRgb), 1), rgba(var(--wdtSecondaryColorRgb), 1)), linear-gradient(0deg, rgba(var(--wdtSecondaryColorRgb), 1), rgba(var(--wdtSecondaryColorRgb), 1));
    color: var(--wdtAccentTxtColor); }


/*===== Careers Form Style =====*/

div[class*='careers-form-style'] div .wpcf7-form-control-wrap input[type="text"], 
div[class*='careers-form-style'] div .wpcf7-form-control-wrap input[type="email"], 
div[class*='careers-form-style'] div .wpcf7-form-control-wrap input[type="tel"],
div[class*='careers-form-style'] div.upload-files .wpcf7-form-control-wrap input[type="file"],
div[class*='careers-form-style'] div .wpcf7-form-control-wrap textarea,
div[class*='careers-form-style'] > div .select2-container.select2-container--default .select2-selection--single {
    background-image: linear-gradient(45deg, rgba(var(--wdtAccentTxtColorRgb), 1),rgba(var(--wdtAccentTxtColorRgb), 1)); }
div[class*='careers-form-style'] div:not(:last-child) { margin-bottom: 15px; }
div[class*='careers-form-style'] div:not(:last-child) > p { margin-bottom: 0; }
div[class*='careers-form-style'] div.text-area .wpcf7-form-control-wrap textarea { height: 120px; margin: 0; }
div[class*='careers-form-style'] div.upload-files .wpcf7-form-control-wrap::after {
    content: ''; position: absolute; display: inline-block; height: 20px; width: 20px; 
    top: 0; right: 0; bottom: 0; left: auto; background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M29.6,39.6L45.2,24v48.5c0,2.7,2.2,4.8,4.8,4.8c2.7,0,4.8-2.2,4.8-4.8c0,0,0,0,0,0V24l15.6,15.6c1.7,2,4.8,2.2,6.8,0.5 c2-1.7,2.2-4.8,0.5-6.8c-0.1-0.2-0.3-0.3-0.5-0.5L50,5.5L22.8,32.8c-1.9,1.9-1.9,4.9,0,6.8S27.7,41.5,29.6,39.6L29.6,39.6 L29.6,39.6z'/%3E%3Cpath d='M92.7,64.6c-2.7,0-4.8,2.2-4.8,4.8v15.4H12.2V69.4c0.1-2.7-1.9-4.9-4.6-5.1s-4.9,1.9-5.1,4.6c0,0.2,0,0.3,0,0.5v25.1h95 V69.4C97.5,66.8,95.4,64.6,92.7,64.6C92.7,64.6,92.7,64.6,92.7,64.6z'/%3E%3C/g%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M29.6,39.6L45.2,24v48.5c0,2.7,2.2,4.8,4.8,4.8c2.7,0,4.8-2.2,4.8-4.8c0,0,0,0,0,0V24l15.6,15.6c1.7,2,4.8,2.2,6.8,0.5 c2-1.7,2.2-4.8,0.5-6.8c-0.1-0.2-0.3-0.3-0.5-0.5L50,5.5L22.8,32.8c-1.9,1.9-1.9,4.9,0,6.8S27.7,41.5,29.6,39.6L29.6,39.6 L29.6,39.6z'/%3E%3Cpath d='M92.7,64.6c-2.7,0-4.8,2.2-4.8,4.8v15.4H12.2V69.4c0.1-2.7-1.9-4.9-4.6-5.1s-4.9,1.9-5.1,4.6c0,0.2,0,0.3,0,0.5v25.1h95 V69.4C97.5,66.8,95.4,64.6,92.7,64.6C92.7,64.6,92.7,64.6,92.7,64.6z'/%3E%3C/g%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; margin: auto 20px; }
div[class*='careers-form-style'] div.upload-files .wpcf7-form-control-wrap input[type="file"] {
    cursor: pointer; width: 100%; max-width: 100%; padding: var(--wdtInputPadding); 
    padding-right: 60px; border: 1px solid var(--wdtBorderColor); }
div[class*='careers-form-style'] div.upload-files .wpcf7-form-control-wrap input[type="file"]:focus {
    border-color: var(--wdtPrimaryColor); }
div[class*='careers-form-style'] div.upload-files .wpcf7-form-control-wrap input[type="file"]::file-selector-button {
    display: none !important; }
div[class*='careers-form-style'] div.upload-files .upload-files-info-text { display: block; margin-top: 8px; }
div[class*='careers-form-style'] div.submit-button .with-spinner { margin-top: 12px; }


/*===== Date & Time Plugin =====*/

.xdsoft_datetimepicker { -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); margin-top: 8px; }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: var(--wdtPrimaryColor); box-shadow: none; font-family: var(--wdtFontTypo_Alt); }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { font-family: var(--wdtFontTypo_Alt); }
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { background: var(--wdtPrimaryColor) !important; box-shadow: none !important; }
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { margin-top: 18px; margin-bottom: 0; }
.xdsoft_datetimepicker .xdsoft_calendar table { font-family: var(--wdtFontTypo_Alt); }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current { background: var(--wdtPrimaryColor); box-shadow: none; }
.xdsoft_datetimepicker .xdsoft_calendar td:hover { background: var(--wdtPrimaryColor) !important; box-shadow: none !important; }
.xdsoft_datetimepicker .xdsoft_calendar th, .xdsoft_datetimepicker .xdsoft_calendar td { font-size: 11px; text-align: center; }
.xdsoft_datetimepicker .xdsoft_calendar td > div { padding: 0; }
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: var(--wdtPrimaryColor); }
.xdsoft_datetimepicker .xdsoft_month { width: 80px; }
.xdsoft_datetimepicker .xdsoft_label { font-family: var(--wdtFontTypo_Alt); font-size: 13px; }


/*===== Wdt Date & Time Picker =====*/

/* Month */
.flatpickr-calendar .flatpickr-months {     
    height: 38px; font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); color: var(--wdtHeadAltColor); }
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .flatpickr-calendar .flatpickr-months .flatpickr-next-month { line-height: 32px; }

/* Date */
body .flatpickr-calendar.animate:not(.open) { position: fixed; }
body .flatpickr-calendar .flatpickr-day, body .flatpickr-calendar * {
    -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); }
body .flatpickr-calendar::before, body .flatpickr-calendar::after { opacity: 0; }
body .flatpickr-calendar {     
    width: 100%; max-width: 330px; padding: 10px; -webkit-box-shadow: unset; box-shadow: unset; margin-top: 12px; border: none; 
    -webkit-box-shadow: 0 0 8px 3px rgba(var(--wdtHeadAltColorRgb),0.08); box-shadow: 0 0 8px 3px rgba(var(--wdtHeadAltColorRgb),0.08); -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X); }
body .flatpickr-current-month, body .flatpickr-calendar .flatpickr-current-month span.cur-month, body .flatpickr-current-month input.cur-year { 
    font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Ext); text-transform: uppercase; color: var(--wdtHeadAltColor); }
.flatpickr-calendar .flatpickr-innerContainer,
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer,
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days,
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer { width: 100%; max-width: 100%; }
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays { 
    width: 100%; max-width: 100%; gap: 5px; margin-top: 5px; }
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays span.flatpickr-weekday {     
    width: 100%; height: 100%; font-size: 85%; font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Alt); 
    display: flex; align-items: center; justify-content: center; background-color: var(--wdtPrimaryColor); color: var(--wdtHeadAltColor); -webkit-border-radius: var(--wdtRadius_1X); border-radius: var(--wdtRadius_1X); padding: 6px; margin: 2px; }
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days { margin-top: 5px; }
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer { gap: 5px; }
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {     
    max-width: 35px; height: 35px; line-height: 32px; font-weight: var(--wdtFontWeight_Ext); }
body .flatpickr-day.today:hover, body .flatpickr-day.today:focus, body .flatpickr-day.selected, body .flatpickr-day.startRange, body .flatpickr-day.endRange, body .flatpickr-day.selected.inRange, body .flatpickr-day.startRange.inRange, body .flatpickr-day.endRange.inRange, body .flatpickr-day.selected:focus, body .flatpickr-day.startRange:focus, body .flatpickr-day.endRange:focus, body .flatpickr-day.selected:hover, body .flatpickr-day.startRange:hover, body .flatpickr-day.endRange:hover, body .flatpickr-day.selected.prevMonthDay, body .flatpickr-day.startRange.prevMonthDay, body .flatpickr-day.endRange.prevMonthDay, body .flatpickr-day.selected.nextMonthDay, body .flatpickr-day.startRange.nextMonthDay, body .flatpickr-day.endRange.nextMonthDay { border-color: var(--wdtPrimaryColor); background: var(--wdtPrimaryColor); color: var(--wdtHeadAltColor); }
body .flatpickr-calendar .flatpickr-day.today { background: var(--wdtPrimaryColor); color: var(--wdtHeadAltColor); border-color: transparent; }
body .flatpickr-calendar .flatpickr-innerContainer { padding-bottom: 10px; }
body .flatpickr-calendar .flatpickr-innerContainer ~ .flatpickr-time { 
    height: 100%; line-height: 100%; max-height: 100%; padding-top: 10px; }

/* Time */
body .flatpickr-calendar .flatpickr-time .numInputWrapper { height: 100%; }
.numInputWrapper:hover { background: none; }
body .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { border: none; margin-top: 5px; }
body .flatpickr-calendar .flatpickr-time input { 
    height: 100%; font-weight: var(--wdtFontWeight_Ext); padding: .6em; border: 1px solid var(--wdtBorderColor); }
body .flatpickr-calendar .flatpickr-time .flatpickr-time-separator { 
    display: flex; align-items: center; justify-content: center; margin: 0 7px; }
body .flatpickr-calendar .numInputWrapper span { border: 0; width: 16px; padding: 0; }
body .flatpickr-calendar .numInputWrapper span:hover { background: none; }
body .flatpickr-calendar .numInputWrapper span::after { top: 0; bottom: 0; margin: 2px; }
body .flatpickr-calendar .numInputWrapper span:hover::after { border-bottom-color:var(--wdtLinkHoverColor); }

/* Over All Color */
body .flatpickr-calendar .flatpickr-day.inRange, body .flatpickr-calendar .flatpickr-day.prevMonthDay.inRange, body .flatpickr-calendar .flatpickr-day.nextMonthDay.inRange, body .flatpickr-calendar .flatpickr-day.today.inRange, body .flatpickr-calendar .flatpickr-day.prevMonthDay.today.inRange, body .flatpickr-calendar .flatpickr-day.nextMonthDay.today.inRange, body .flatpickr-calendar .flatpickr-day:hover, body .flatpickr-calendar .flatpickr-day.prevMonthDay:hover, body .flatpickr-calendar .flatpickr-day.nextMonthDay:hover, body .flatpickr-calendar .flatpickr-day:focus, body .flatpickr-calendar .flatpickr-day.prevMonthDay:focus, body .flatpickr-calendar .flatpickr-day.nextMonthDay:focus { 
    background: var(--wdtPrimaryColor); color: var(--wdtHeadAltColor); border-color: transparent; }



/*--------------------------------------------------------------
	Responsive
--------------------------------------------------------------*/

@media only screen and (max-width: 1280px) {
    div[class*='contact-form-style-a'] { grid-template-columns: repeat(2, 1fr); }
    .wdt-container-shape-style-form.e-flex {
    -webkit-clip-path: polygon(90% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(90% 0, 100% 20%, 100% 100%, 0 100%, 0 0); }
}

@media only screen and (max-width: 767px) {
    .wdt-container-shape-style-form.e-flex {
    -webkit-clip-path: polygon(90% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(90% 0, 100% 15%, 100% 100%, 0 100%, 0 0); }
}

@media only screen and (max-width: 480px) {
    div[class*='contact-form-style-a'], div[class*='contact-form-style-b'] { 
        display: flex; flex-direction: column; align-items: flex-start; }
    .wdt-container-shape-style-form.e-flex {
        -webkit-clip-path: polygon(85% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(85% 0, 100% 10%, 100% 100%, 0 100%, 0 0); }
}