/*═══════════════════════════════════════════════════════════════════════════ */
/*                                 Links style                                */
/*═══════════════════════════════════════════════════════════════════════════ */
.commentlist li.comment .reply a,.lost_password>a,
#respond h3#reply-title small a,
.woocommerce.tinv-wishlist .wishlist_item .product-action>.button,
.woocommerce.woocommerce-page form.login .woocommerce-LostPassword.lost_password a,
.woocommerce.woocommerce-page form.login .forgetmenot a,
.woocommerce-account.woocommerce-page .woocommerce-MyAccount-content a:not(.button),
.woocommerce.woocommerce-page div.product form.variations_form .variation-swatches .attribute-swatches:has(> div.wdt-swatches-container .product_swatch.selected)~.clear_swatchespro,
.woocommerce.woocommerce-page .woocommerce-error .button,
.woocommerce.woocommerce-page .woocommerce-info .button,
.woocommerce.woocommerce-page .woocommerce-message .button,
.wdt-terms-and-condition-holder .wdt-terms-condition-lbl a,
.elementor-widget-text-editor a,
.wdt-content-item .wdt-content-description p>a,
.wdt-accordion-toggle-description p>a,
.wdt-rc-template-standard .wdt-content-item .wdt-content-button>a,
.wp-block-query-pagination a.wp-block-query-pagination-next,
.wp-block-query-pagination a.wp-block-query-pagination-previous,
.suggested-product-list .suggested-product-data .suggested-product-link,
.comment-form>p.logged-in-as>a,
.woocommerce-page .woocommerce .woocommerce-info>a,
.wdt-portfolio-wrapper.wdt-type-2 .wdt-portfolio-content-item .wdt-portfolio-button,
.blog-single-entry.post-minimal .single-entry-body p>a,
.wp-block-comment-reply-link .comment-reply-link,
.comment-content p>a,
.woocommerce form.login .woocommerce-LostPassword.lost_password a,
.woocommerce form.login .forgetmenot a,
.tinv-wishlist .wishlist_item .product-name a,
.dt-sc-appointment-wrapper.type-3 .frm-group a,
.dt-sc-book-btn,
.woocommerce-page .wc-block-components-checkbox__label a,
.wc-block-components-address-card__edit,
.dt-sc-reserve-appointment.type1  .cancellation-policy-content .dt-sc-dynamic-link-policy,
.dt-sc-reserve-appointment.type1  .chkterms-holder .dt-sc-dynamic-link-terms,
.dt-sc-appointment-wrapper.type-4 .input-wrap  a{
  padding: 0;
  font-size: inherit;
  font-family: var(--wdtFontTypo_Base);
  font-weight: var(--wdtFontWeight_Ext);
  line-height: var(--wdtLineHeight_Base);
  color: currentColor;
  border: 0;
  position: relative;
  width: fit-content;
  display: inline;
  text-decoration: none;
  box-shadow: none;
  border-radius: var(--wdtRadius_Zero);
  background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%);
  background-position: left bottom;
  background-size: 0% 1px;
  background-repeat: no-repeat;
  transition:
    background-size 0.3s ease-in-out,
    color 0.3s ease-in-out;
  background-color: transparent;
  text-transform:capitalize;
}
.wc-block-components-address-card__edit{
   padding: 0;
  font-size: inherit;
  font-family: var(--wdtFontTypo_Base);
  font-weight: var(--wdtFontWeight_Ext);
  line-height: var(--wdtLineHeight_Base);
  color: currentColor;
  border: 0;
  position: relative;
  width: fit-content;
  display: inline;
  text-decoration: none;
  box-shadow: none;
  border-radius: var(--wdtRadius_Zero);
  background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%);
  background-position: left bottom;
  background-size: 0% 1px;
  background-repeat: no-repeat;
  transition:
    background-size 0.3s ease-in-out,
    color 0.3s ease-in-out;
  background-color: transparent;
  text-transform:capitalize;
}

.tinv-wishlist .wishlist_item .product-name a {
  background-size: 0% 1px;
}

/* ---------------------------------- hover --------------------------------- */
.commententries .comment-reply-link:hover,
.commententries .commentlist li.comment .reply a:hover,
#respond h3#reply-title small a:hover,
.woocommerce.tinv-wishlist .wishlist_item .product-action>.button:hover,
.woocommerce.woocommerce-page form.login .woocommerce-LostPassword.lost_password a:hover,
.woocommerce.woocommerce-page form.login .forgetmenot a:hover,
.woocommerce-account.woocommerce-page .woocommerce-MyAccount-content a:not(.button):hover,
.woocommerce.woocommerce-page div.product form.variations_form .variation-swatches .attribute-swatches:has(> div.wdt-swatches-container .product_swatch.selected)~.clear_swatchespro:hover,
.woocommerce.woocommerce-page .woocommerce-error .button:hover,
.woocommerce.woocommerce-page .woocommerce-info .button:hover,
.woocommerce.woocommerce-page .woocommerce-message .button:hover,
.wdt-terms-and-condition-holder .wdt-terms-condition-lbl a:hover,
.elementor-widget-text-editor a:hover,
.wdt-content-item .wdt-content-description p>a:hover,
.wdt-accordion-toggle-description p>a:hover,
.wdt-rc-template-standard .wdt-content-item .wdt-content-button>a:hover,
.wp-block-query-pagination a.wp-block-query-pagination-next:hover,
.wp-block-query-pagination a.wp-block-query-pagination-previous:hover,
.suggested-product-list .suggested-product-data .suggested-product-link:hover,
.comment-form>p.logged-in-as>a:hover,
.woocommerce-page .woocommerce .woocommerce-info>a:hover,
.wdt-portfolio-wrapper.wdt-type-2 .wdt-portfolio-content-item .wdt-portfolio-button:hover,
.blog-single-entry.post-minimal .single-entry-body p>a:hover,
.wp-block-comment-reply-link .comment-reply-link:hover,
.comment-content p>a:hover,
.woocommerce form.login .woocommerce-LostPassword.lost_password a:hover,
.woocommerce form.login .forgetmenot a:hover,
.tinv-wishlist .wishlist_item .product-name a:hover,
.dt-sc-book-btn:hover,
.dt-sc-appointment-wrapper.type-3 .frm-group a:hover,
.woocommerce-page .wc-block-components-checkbox__label a:hover,
.wc-block-components-address-card__edit:hover,
.dt-sc-reserve-appointment.type1  .cancellation-policy-content .dt-sc-dynamic-link-policy:hover,
.dt-sc-reserve-appointment.type1  .chkterms-holder .dt-sc-dynamic-link-terms:hover,
.dt-sc-appointment-wrapper.type-4 .input-wrap  a:hover,
.lost_password>a:hover {
  color: rgba(var(--wdtPrimaryColorRgb), 0.75);
  background-color: transparent;
  background-size: 100% 1px;
  background-position: right bottom;
  background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%);
  background-repeat: no-repeat;
  transition:
    background-size 0.3s ease-in-out,
    color 0.3s ease-in-out;
  text-decoration:none;
}

.wc-block-components-address-card__edit:hover{
    color: rgba(var(--wdtPrimaryColorRgb), 0.75);
  background-color: transparent;
  background-size: 100% 1px;
  background-position: right bottom;
  background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%);
  background-repeat: no-repeat;
  transition:
    background-size 0.3s ease-in-out,
    color 0.3s ease-in-out;
  text-decoration:none;
}
.tinv-wishlist .wishlist_item .product-name a:hover {
  background-size: 100% 1px;
}

/* underline button link style */

.widget_product_categories.woocommerce ul.product-categories li a,
.woocommerce form .woocommerce-privacy-policy-text p a.woocommerce-privacy-policy-link,
.wdt-button-holder.wdt-button-style-underline .wdt-button .wdt-button-text .wdt-button-subtext {
  background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%);
  background-position: left bottom;
  background-size: 0% 1px;
  width: fit-content;
  background-repeat: no-repeat;
  transition:
    background-size 0.3s ease-in-out,
    color 0.3s ease-in-out;
  background-color: transparent;
  font-weight: var(--wdtFontWeight_Ext);
  letter-spacing: 0;
}

.widget_product_categories.woocommerce ul.product-categories li a:hover,
.woocommerce form .woocommerce-privacy-policy-text p a.woocommerce-privacy-policy-link:hover,
.wdt-button-holder.wdt-button-style-underline .wdt-button:hover .wdt-button-text .wdt-button-subtext {
  background-size: 100% 1px;
  background-position: right bottom;
}

/* Add dark-bg here if needed */

/*═══════════════════════════════════════════════════════════════════════════ */
/*                               Buttons Styles                               */
/*═══════════════════════════════════════════════════════════════════════════ */
button,
.button,
a.button,
.wdt-button,
.wdt-button-holder .wdt-button,
.wdt-content-item .wdt-content-button>a,
.wdt-thumb-slider-info div.wdt-thumb-slider-button>a,
.wdt-pricing-table-holder div[class*='-table-footer'] .wdt-content-button>a,
.wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type='submit'],
input[type="submit"],
input[type="reset"],
input[type="button"],
button[type="button"],
*[role="button"],
.elementor-button.wdt-elementor-button,
.elementor-element .elementor-button,
.elementor-widget-button .elementor-button,
.yith-wcwl-add-to-wishlist a,
.yith-wcqv-button,
.wdt-wcsg-button,
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button a,
.wdt-horizontal-scroll .wdt-horizontal-scroll-button a,
.wdt-service-item .wdt-service-button>a,
.wdt-post-entry .blog-entry .entry-button a.wdt-button,
.wdt-pricing-slider-holder[class*='-template-'] .wdt-pricing-slider-footer .wdt-content-button>a,
.wdt-pricing-calc-holder .wdt-total-button a.wdt-calc-btn,
.wdt-device-slider .wdt-btn,
.pagination div[class*="-posts"] a,
.wdt-widget-advanced-button a,
.widget.widget_shopping_cart .widget_shopping_cart_content .buttons a,
/* WooCommerce Buttons */
.woocommerce ul.products li.product .product-buttons-wrapper.product-button a,
.wdt-pagination.wdt-ajax-pagination.wdt-loadmore-pagination a,
.woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a,
.woocommerce.woocommerce-page a.button,
.woocommerce.woocommerce-page button.button,
.woocommerce-page .woocommerce button.button,
.tinv-wishlist.woocommerce button.button,
.woocommerce.woocommerce-page input.button,
.woocommerce.woocommerce-page #respond input#submit,
.woocommerce.woocommerce-page a.button.alt,
.woocommerce.woocommerce-page button.button.alt,
.woocommerce.woocommerce-page input.button.alt,
.woocommerce.woocommerce-page #respond input#submit.alt,
.woocommerce.woocommerce-page a.button.disabled,
.woocommerce.woocommerce-page a.button:disabled,
.woocommerce.woocommerce-page a.button:disabled[disabled],
.woocommerce.woocommerce-page button.button.disabled,
.woocommerce.woocommerce-page button.button:disabled,
.woocommerce.woocommerce-page button.button:disabled[disabled],
.woocommerce.woocommerce-page input.button.disabled,
.woocommerce.woocommerce-page input.button:disabled,
.woocommerce.woocommerce-page input.button:disabled[disabled],
.woocommerce.woocommerce-page #respond input#submit.disabled,
.woocommerce.woocommerce-page #respond input#submit:disabled,
.woocommerce.woocommerce-page #respond input#submit:disabled[disabled],
.woocommerce.woocommerce-page a.button.alt.disabled,
.woocommerce.woocommerce-page a.button.alt:disabled,
.woocommerce.woocommerce-page a.button.alt[disabled]:disabled,
.woocommerce.woocommerce-page button.button.alt.disabled,
.woocommerce.woocommerce-page button.button.alt:disabled,
.woocommerce.woocommerce-page button.button.alt[disabled]:disabled,
.woocommerce.woocommerce-page input.button.alt.disabled,
.woocommerce.woocommerce-page input.button.alt:disabled,
.woocommerce.woocommerce-page input.button.alt[disabled]:disabled,
.woocommerce.woocommerce-page #respond input#submit.alt.disabled,
.woocommerce.woocommerce-page #respond input#submit.alt:disabled,
.woocommerce.woocommerce-page #respond input#submit.alt[disabled]:disabled,
.yith-wcwl-add-to-wishlist a,
.yith-wcqv-button,
.wdt-wcsg-button,
.woocommerce.woocommerce-page .wishlist_table .add_to_cart.button,
.woocommerce.woocommerce-page .yith-wcwl-popup-button a.add_to_wishlist,
.woocommerce.woocommerce-page .wishlist_table a.ask-an-estimate-button,
.woocommerce.woocommerce-page .wishlist-title a.show-title-form,
.woocommerce.woocommerce-page .hidden-title-form a.hide-title-form,
.woocommerce.woocommerce-page .hidden-title-form a.save-title-form,
.woocommerce.woocommerce-page .wishlist_manage_table a.create-new-wishlist,
.woocommerce.woocommerce-page a.added_to_cart,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button a,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button a.button,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button button,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button button.button,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button .button,
.woocommerce-page .wp-block-woocommerce-cart .wc-block-components-button:not(.is-link),
.woocommerce-cart.woocommerce-page .wp-block-woocommerce-cart .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .c-block-cart-item__remove-link,
.woocommerce-cart.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-cart.woocommerce-page .wdt-cart-coupon-holder .coupon>button,
.woocommerce-cart.woocommerce-page .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart.woocommerce-page .wdt-cart-button button[type="submit"],
.woocommerce-checkout-header .woocommerce-checkout-header-coupon .checkout_coupon .form-row-last .button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .tinv-lists-nav a.button {
  font-size: var(--wdtFontSize_Base);
  padding: var(--wdtPadding_Btn);
  font-family: var(--wdt-elementor-typo-text-font-family);
  font-weight: var(--wdtFontWeight_Ext);
  line-height: var(--wdtLineHeight_Alt);
  -webkit-border-radius: var(--wdtRadius_2X);
  border-radius: var(--wdtRadius_2X);
  background-color: var(--wdtPrimaryColor);
  color: var(--wdtAccentTxtColor);
  text-transform: capitalize;
  display: inline-block;
  border: 0;
  border-color: transparent;
  margin: 0;
  outline: none;
  -webkit-transition: var(--wdtAltTransition);
  transition: var(--wdtAltTransition);
}

.wdt-post-entry .blog-entry .entry-button a.wdt-button {
  padding: 0;
  border-radius: var(--wdtRadius_Zero);
  background-color: transparent;
  color: var(--wdtHeadAltColor);
  display: inline;
  background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%);
  background-position: left bottom;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out;
}

/* ---------------------------------- hover --------------------------------- */
button:hover,
.button:hover,
a.button:hover,
.wdt-button:hover,
.wdt-button-holder .wdt-button:hover,
.wdt-pagination.wdt-ajax-pagination.wdt-loadmore-pagination a:hover,
.wdt-content-item .wdt-content-button>a:hover,
.wdt-thumb-slider-info div.wdt-thumb-slider-button>a:hover,
.wdt-pricing-table-holder div[class*='-table-footer'] .wdt-content-button>a:hover,
.wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type='submit']:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button[type="button"]:hover,
*[role="button"]:hover,
.elementor-button.wdt-elementor-button:hover,
.elementor-element .elementor-button:hover,
.elementor-widget-button .elementor-button:hover,
.yith-wcwl-add-to-wishlist a:hover,
.yith-wcqv-button:hover,
.wdt-wcsg-button: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,
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details:hover,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button a:hover,
.wdt-horizontal-scroll .wdt-horizontal-scroll-button a:hover,
.wdt-service-item .wdt-service-button>a:hover,
.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover,
.wdt-pricing-slider-holder[class*='-template-'] .wdt-pricing-slider-footer .wdt-content-button>a:hover,
.wdt-pricing-calc-holder .wdt-total-button a.wdt-calc-btn:hover,
.wdt-device-slider .wdt-btn:hover,
.pagination div[class*="-posts"] a:hover,
.wdt-widget-advanced-button a:hover,
.widget.widget_shopping_cart .widget_shopping_cart_content .buttons a:hover,
/* WooCommerce Buttons hover*/
.woocommerce ul.products li.product .product-buttons-wrapper.product-button a:hover,
.woocommerce.woocommerce-page a.button:hover,
.woocommerce.woocommerce-page button.button:hover,
.tinv-wishlist.woocommerce button.button:hover,
.woocommerce.woocommerce-page input.button:hover,
.woocommerce.woocommerce-page #respond input#submit:hover,
.woocommerce.woocommerce-page a.button.alt:hover,
.woocommerce.woocommerce-page button.button.alt:hover,
.woocommerce.woocommerce-page input.button.alt:hover,
.woocommerce.woocommerce-page #respond input#submit.alt:hover,
.woocommerce.woocommerce-page a.button.disabled:hover,
.woocommerce.woocommerce-page a.button:disabled:hover,
.woocommerce.woocommerce-page a.button:disabled[disabled]:hover,
.woocommerce.woocommerce-page button.button.disabled:hover,
.woocommerce.woocommerce-page button.button:disabled:hover,
.woocommerce.woocommerce-page button.button:disabled[disabled]:hover,
.woocommerce.woocommerce-page input.button.disabled:hover,
.woocommerce.woocommerce-page input.button:disabled:hover,
.woocommerce.woocommerce-page input.button:disabled[disabled]:hover,
.woocommerce.woocommerce-page #respond input#submit.disabled:hover,
.woocommerce.woocommerce-page #respond input#submit:disabled:hover,
.woocommerce.woocommerce-page #respond input#submit:disabled[disabled]:hover,
.woocommerce.woocommerce-page a.button.alt.disabled:hover,
.woocommerce.woocommerce-page a.button.alt:disabled:hover,
.woocommerce.woocommerce-page a.button.alt[disabled]:disabled:hover,
.woocommerce.woocommerce-page button.button.alt.disabled:hover,
.woocommerce.woocommerce-page button.button.alt:disabled:hover,
.woocommerce.woocommerce-page button.button.alt[disabled]:disabled:hover,
.woocommerce.woocommerce-page input.button.alt.disabled:hover,
.woocommerce.woocommerce-page input.button.alt:disabled:hover,
.woocommerce.woocommerce-page input.button.alt[disabled]:disabled:hover,
.woocommerce.woocommerce-page #respond input#submit.alt.disabled:hover,
.woocommerce.woocommerce-page #respond input#submit.alt:disabled:hover,
.woocommerce.woocommerce-page #respond input#submit.alt[disabled]:disabled:hover,
.yith-wcwl-add-to-wishlist a:hover,
.yith-wcqv-button:hover,
.wdt-wcsg-button:hover,
.woocommerce.woocommerce-page .wishlist_table .add_to_cart.button:hover,
.woocommerce.woocommerce-page .yith-wcwl-popup-button a.add_to_wishlist:hover,
.woocommerce.woocommerce-page .wishlist_table a.ask-an-estimate-button:hover,
.woocommerce.woocommerce-page .wishlist-title a.show-title-form:hover,
.woocommerce.woocommerce-page .hidden-title-form a.hide-title-form:hover,
.woocommerce.woocommerce-page .hidden-title-form a.save-title-form:hover,
.woocommerce.woocommerce-page .wishlist_manage_table a.create-new-wishlist,
.woocommerce.woocommerce-page a.added_to_cart:hover,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button a:hover,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button a.button:hover,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button button:hover,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button button.button:hover,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button .button:hover,
.woocommerce-page .wp-block-woocommerce-cart .wc-block-components-button:not(.is-link):hover,
.woocommerce-cart.woocommerce-page .wp-block-woocommerce-cart .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover,
.woocommerce-cart.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-cart.woocommerce-page .wdt-cart-coupon-holder .coupon>button:hover,
.woocommerce-cart.woocommerce-page .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart.woocommerce-page .wdt-cart-button button[type="submit"]:hover,
.woocommerce-checkout-header .woocommerce-checkout-header-coupon .checkout_coupon .form-row-last .button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .tinv-lists-nav a.button:hover {
  background-color: rgba(var(--wdtPrimaryColorRgb), 0.75);
  color: var(--wdtAccentTxtColor);
  border-color: transparent;
  outline: none;
}

.wdt-post-entry .blog-entry .entry-button a.wdt-button:hover {
  background-color: transparent;
  color: var(--wdtLinkHoverColor);
  background-position: right bottom;
  background-size: 0% 1px;
}

/* ---------------------------------- focus --------------------------------- */
button:focus,
.button:focus,
a.button:focus,
.wdt-button:focus,
.wdt-button-holder .wdt-button:focus,
.wdt-pagination.wdt-ajax-pagination.wdt-loadmore-pagination a:focus,
.wdt-content-item .wdt-content-button>a:focus,
.wdt-thumb-slider-info div.wdt-thumb-slider-button>a:focus,
.wdt-pricing-table-holder div[class*='-table-footer'] .wdt-content-button>a:focus,
.wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type='submit']:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
button[type="button"]:focus,
*[role="button"]:focus,
.elementor-button.wdt-elementor-button:focus,
.elementor-element .elementor-button:focus,
.elementor-widget-button .elementor-button:focus,
.yith-wcwl-add-to-wishlist a:focus,
.yith-wcqv-button:focus,
.wdt-wcsg-button: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,
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details:focus,
.wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button a:focus,
.wdt-horizontal-scroll .wdt-horizontal-scroll-button a:focus,
.wdt-service-item .wdt-service-button>a:focus,
.wdt-post-entry .blog-entry .entry-button a.wdt-button:focus,
.wdt-pricing-slider-holder[class*='-template-'] .wdt-pricing-slider-footer .wdt-content-button>a:focus,
.wdt-pricing-calc-holder .wdt-total-button a.wdt-calc-btn:focus,
.wdt-device-slider .wdt-btn:focus,
.pagination div[class*="-posts"] a:focus,
.wdt-widget-advanced-button a:focus,
.widget.widget_shopping_cart .widget_shopping_cart_content .buttons a:focus,
/* WooCommerce Buttons focus*/
.woocommerce ul.products li.product .product-buttons-wrapper.product-button a:focus,
.woocommerce-page a.button:focus,
.woocommerce.woocommerce-page button.button:focus,
.tinv-wishlist.woocommerce button.button:focus,
.woocommerce.woocommerce-page input.button:focus,
.woocommerce.woocommerce-page #respond input#submit:focus,
.woocommerce.woocommerce-page a.button.alt:focus,
.woocommerce.woocommerce-page button.button.alt:focus,
.woocommerce.woocommerce-page input.button.alt:focus,
.woocommerce.woocommerce-page #respond input#submit.alt:focus,
.woocommerce.woocommerce-page a.button.disabled:focus,
.woocommerce.woocommerce-page a.button:disabled:focus,
.woocommerce.woocommerce-page a.button:disabled[disabled]:focus,
.woocommerce.woocommerce-page button.button.disabled:focus,
.woocommerce.woocommerce-page button.button:disabled:focus,
.woocommerce.woocommerce-page button.button:disabled[disabled]:focus,
.woocommerce.woocommerce-page input.button.disabled:focus,
.woocommerce.woocommerce-page input.button:disabled:focus,
.woocommerce.woocommerce-page input.button:disabled[disabled]:focus,
.woocommerce.woocommerce-page #respond input#submit.disabled:focus,
.woocommerce.woocommerce-page #respond input#submit:disabled:focus,
.woocommerce.woocommerce-page #respond input#submit:disabled[disabled]:focus,
.woocommerce.woocommerce-page a.button.alt.disabled:focus,
.woocommerce.woocommerce-page a.button.alt:disabled:focus,
.woocommerce.woocommerce-page a.button.alt[disabled]:disabled:focus,
.woocommerce.woocommerce-page button.button.alt.disabled:focus,
.woocommerce.woocommerce-page button.button.alt:disabled:focus,
.woocommerce.woocommerce-page button.button.alt[disabled]:disabled:focus,
.woocommerce.woocommerce-page input.button.alt.disabled:focus,
.woocommerce.woocommerce-page input.button.alt:disabled:focus,
.woocommerce.woocommerce-page input.button.alt[disabled]:disabled:focus,
.woocommerce.woocommerce-page #respond input#submit.alt.disabled:focus,
.woocommerce.woocommerce-page #respond input#submit.alt:disabled:focus,
.woocommerce.woocommerce-page #respond input#submit.alt[disabled]:disabled:focus,
.yith-wcwl-add-to-wishlist a:focus,
.yith-wcqv-button:focus,
.wdt-wcsg-button:focus,
.woocommerce.woocommerce-page .wishlist_table .add_to_cart.button:focus,
.woocommerce.woocommerce-page .yith-wcwl-popup-button a.add_to_wishlist:focus,
.woocommerce.woocommerce-page .wishlist_table a.ask-an-estimate-button:focus,
.woocommerce.woocommerce-page .wishlist-title a.show-title-form:focus,
.woocommerce.woocommerce-page .hidden-title-form a.hide-title-form:focus,
.woocommerce.woocommerce-page .hidden-title-form a.save-title-form:focus,
.woocommerce.woocommerce-page .wishlist_manage_table a.create-new-wishlist,
.woocommerce.woocommerce-page a.added_to_cart:focus,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button a:focus,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button a.button:focus,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button button:focus,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button button.button:focus,
.woocommerce.woocommerce-page ul.products li.product .product-details .product-buttons-wrapper.product-button .button:focus,
.woocommerce-page .wp-block-woocommerce-cart .wc-block-components-button:not(.is-link):focus,
.woocommerce-cart.woocommerce-page .wp-block-woocommerce-cart .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus,
.woocommerce-cart.woocommerce-cart.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-cart.woocommerce-page .wdt-cart-coupon-holder .coupon>button:focus,
.woocommerce-cart.woocommerce-page .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce-cart.woocommerce-page .wdt-cart-button button[type="submit"]:focus,
.woocommerce-checkout-header .woocommerce-checkout-header-coupon .checkout_coupon .form-row-last .button:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .tinv-lists-nav a.button:focus {
  background-color: rgba(var(--wdtPrimaryColorRgb), 0.75);
  color: var(--wdtAccentTxtColor);
  border-color: transparent;
}

.wdt-post-entry .blog-entry .entry-button a.wdt-button:focus {
  background-color: transparent;
  color: var(--wdtLinkHoverColor);
  background-position: right bottom;
  background-size: 0% 1px;
}

/* ---------------------------- Dark-bg buttons ---------------------------- */
.wdt-dark-bg button,
.wdt-dark-bg .button,
.wdt-dark-bg a.button,
.wdt-dark-bg .wdt-button,
.wdt-dark-bg .wdt-button-holder .wdt-button,
.wdt-dark-bg .wdt-content-item .wdt-content-button>a,
.wdt-dark-bg .wdt-thumb-slider-info div.wdt-thumb-slider-button>a,
.wdt-dark-bg .wdt-pricing-table-holder div[class*='-table-footer'] .wdt-content-button>a,
.wdt-dark-bg .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type='submit'],
.wdt-dark-bg input[type="submit"],
.wdt-dark-bg input[type="reset"],
.wdt-dark-bg input[type="button"],
.wdt-dark-bg button[type="button"],
.wdt-dark-bg *[role="button"],
.wdt-dark-bg .elementor-button.wdt-elementor-button,
.wdt-dark-bg .elementor-element .elementor-button,
.wdt-dark-bg .elementor-widget-button .elementor-button,
.wdt-dark-bg.yith-wcwl-add-to-wishlist a,
.wdt-dark-bg .yith-wcqv-button,
.wdt-dark-bg .wdt-wcsg-button,
.wdt-dark-bg .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details,
.wdt-dark-bg .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button a,
.wdt-dark-bg .wdt-horizontal-scroll .wdt-horizontal-scroll-button a,
.wdt-dark-bg .wdt-service-item .wdt-service-button>a,
.wdt-dark-bg .wdt-post-entry .blog-entry .entry-button a.wdt-button,
.wdt-dark-bg .wdt-pricing-slider-holder[class*='-template-'] .wdt-pricing-slider-footer .wdt-content-button>a {
  background: var(--wdtAccentTxtColor);
  color: var(--wdtPrimaryColor);
  border-color: transparent;
}

/* ------------------------------ dark bg buttons hover ----------------------------- */
.wdt-dark-bg button:hover,
.wdt-dark-bg .button:hover,
.wdt-dark-bg a.button:hover,
.wdt-dark-bg .wdt-button:hover,
.wdt-dark-bg .wdt-button-holder .wdt-button:hover,
.wdt-dark-bg .wdt-content-item .wdt-content-button>a:hover,
.wdt-dark-bg .wdt-thumb-slider-info div.wdt-thumb-slider-button>a:hover,
.wdt-dark-bg .wdt-pricing-table-holder div[class*='-table-footer'] .wdt-content-button>a:hover,
.wdt-dark-bg .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form .wdt-mailchimp-subscription-button-holder button[type='submit']:hover,
.wdt-dark-bg input[type="submit"]:hover,
.wdt-dark-bg input[type="reset"]:hover,
.wdt-dark-bg input[type="button"]:hover,
.wdt-dark-bg button[type="button"]:hover,
.wdt-dark-bg *[role="button"]:hover,
.wdt-dark-bg .elementor-button.wdt-elementor-button:hover,
.wdt-dark-bg .elementor-element .elementor-button:hover,
.wdt-dark-bg .elementor-widget-button .elementor-button:hover,
.wdt-dark-bg.yith-wcwl-add-to-wishlist a:hover,
.wdt-dark-bg .yith-wcqv-button:hover,
.wdt-dark-bg .wdt-wcsg-button:hover,
.wdt-dark-bg .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details:hover,
.wdt-dark-bg .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info>div.wdt-flex-banner-button a:hover,
.wdt-dark-bg .wdt-horizontal-scroll .wdt-horizontal-scroll-button a:hover,
.wdt-dark-bg .wdt-service-item .wdt-service-button>a:hover,
.wdt-dark-bg .wdt-post-entry .blog-entry .entry-button a.wdt-button:hover,
.wdt-dark-bg .wdt-pricing-slider-holder[class*='-template-'] .wdt-pricing-slider-footer .wdt-content-button>a:hover {
  background: rgba(var(--wdtSecondaryColorRgb), 0.9);
  color: var(--wdtAccentTxtColor);
  border-color: transparent;
}

/* add before & after here if needed */

/*═══════════════════════════════════════════════════════════════════════════ */
/*                                Input Styles                                */
/*═══════════════════════════════════════════════════════════════════════════ */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="range"],
input[type="date"],
textarea,
input.text,
input[type="search"],
select,
.comment-form>p input[type="checkbox"]~label:before,
.comment-form>p input[type="radio"]~label:before,
.comment-form-wdt-privatepolicy input[type="checkbox"]~label:before,
.woocommerce-form__label-for-checkbox>span:before,
.woocommerce .woocommerce-shipping-methods input[type="radio"]~label:before,
.woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"]~label:before,
.wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form input[type='text'],
.wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form input[type='email'],
/* Woocommerce */
.woocommerce.woocommerce-page input[type="text"],
.woocommerce.woocommerce-page input[type="email"],
.woocommerce.woocommerce-page input[type="password"],
.woocommerce.woocommerce-page textarea,
.woocommerce-account.woocommerce-page input[type="text"],
.woocommerce-account.woocommerce-page input[type="email"],
.woocommerce-account.woocommerce-page input[type="password"],
.woocommerce-account.woocommerce-page textarea,
.woocommerce-cart.woocommerce-page input[type="text"],
.woocommerce-cart.woocommerce-page input[type="email"],
.woocommerce-cart.woocommerce-page input[type="password"],
.woocommerce-cart.woocommerce-page input[type="tel"],
.woocommerce-cart.woocommerce-page input[type="number"],
.woocommerce-cart.woocommerce-page input[type="email"],
.woocommerce-cart.woocommerce-page input[type="password"],
.woocommerce-cart.woocommerce-page textarea,
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form input[type="text"],
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form input[type="email"],
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form input[type="password"],
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form input[type="tel"],
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form input[type="number"],
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form textarea,
.woopay-save-new-user-container .save-details-form.form-row .phone-input.has-error {
  outline: none;
  border: 1px solid var(--wdtBorderColor);
  background-color: var(--wdtBodyBGColor);
  display: block;
  margin: 0;
  padding: var(--wdtInputPadding);
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: var(--wdtRadius_2X);
  border-radius: var(--wdtRadius_2X);
  font-family: var(--wdtFontTypo_Base);
  font-size: var(--wdtFontSize_Base);
  font-weight: var(--wdtFontWeight_Base);
  letter-spacing: 0;
  line-height: var(--wdtLineHeight_Alt);
  text-transform: none;
}

/* ---------------------------------- focus --------------------------------- */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
textarea:focus,
input.text:focus,
input[type="search"]:focus,
select:focus,
.comment-form>p input[type="checkbox"]~label:before:focus,
.comment-form>p input[type="radio"]~label:before:focus,
.comment-form-wdt-privatepolicy input[type="checkbox"]~label:before:focus,
.woocommerce-form__label-for-checkbox>span:before:focus,
.woocommerce .woocommerce-shipping-methods input[type="radio"]~label:before:focus,
.woocommerce-page #payment.woocommerce-checkout-payment ul.payment_methods li input[type="radio"]~label:before:focus,
.wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form input[type='text']:focus,
.wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscribe-form input[type='email']:focus,
/* Woocommerce focus*/
.woocommerce.woocommerce-page input[type="text"]:focus,
.woocommerce.woocommerce-page input[type="email"]:focus,
.woocommerce.woocommerce-page input[type="password"]:focus,
.woocommerce.woocommerce-page textarea:focus,
.woocommerce-account.woocommerce-page input[type="text"]:focus,
.woocommerce-account.woocommerce-page input[type="email"]:focus,
.woocommerce-account.woocommerce-page input[type="password"]:focus,
.woocommerce-account.woocommerce-page textarea:focus,
.woocommerce-cart.woocommerce-page input[type="text"]:focus,
.woocommerce-cart.woocommerce-page input[type="email"]:focus,
.woocommerce-cart.woocommerce-page input[type="password"]:focus,
.woocommerce-cart.woocommerce-page input[type="tel"]:focus,
.woocommerce-cart.woocommerce-page input[type="number"]:focus,
.woocommerce-cart.woocommerce-page textarea:focus,
.woocommerce-checkout.woocommerce-page .wp-block-woocommerce-checkout .wc-block-components-address-form .wc-block-components-text-input input[type="text"]:focus,
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form input[type="email"]:focus,
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form input[type="password"]:focus,
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form input[type="tel"]:focus,
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form input[type="num"]:focus,
.woocommerce-checkout.woocommerce-page form.wc-block-components-form.wc-block-checkout__form textarea:focus,
.woopay-save-new-user-container .save-details-form.form-row .phone-input.has-error:focus {
  border-color: var(--wdtPrimaryColor);
  outline: none;
}

/* Add dark-bg here if needed */


/*═══════════════════════════════════════════════════════════════════════════ */
/*                               Dropdown Styles                              */
/*═══════════════════════════════════════════════════════════════════════════ */
.select2-container.select2-container--default .select2-selection--single,
.select2-container.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  padding: var(--wdtInputPadding);
  padding-right: 50px;
  height: inherit;
  line-height: inherit;
  border: 1px solid var(--wdtBorderColor);
  -webkit-border-radius: var(--wdtRadius_2X);
  border-radius: var(--wdtRadius_2X);
  color: var(--wdtHeadAltColor);
  font-size: var(--wdtFontSize_Base);
  font-family: var(--wdtFontTypo_Base);
  font-weight: var(--wdtFontWeight_Base);
  transition: var(--wdtAltTransition);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  -webkit-border-radius: var(--wdtRadius_2X);
  border-radius: var(--wdtRadius_2X);
}

/* focus */
.select2-container.select2-container--default.select2-container--open .select2-selection--single,
.select2-container.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-color: var(--wdtPrimaryColor);
}

/* Add dark-bg here if needed */
.wdt-dark-bg .select2-container.select2-container--default .select2-selection--single,
.wdt-dark-bg .select2-container.select2-container--default .select2-selection--multiple,
.wdt-dark-bg .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.wdt-dark-bg .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  color: var(--wdtAccentTxtColor);
}

/*═══════════════════════════════════════════════════════════════════════════ */
/*                           Image Animation Styles                           */
/*═══════════════════════════════════════════════════════════════════════════ */
.wdt-content-item .wdt-content-image,
.wdt-content-item .wdt-content-image>a,
.wdt-content-item .wdt-content-image>span,
.wdt-listings-item-wrapper.has-post-thumbnail .wdt-listings-item-top-section .wdt-listings-feature-image-holder,
.blog-entry.has-post-thumbnail div.entry-media-group>div.entry-thumb a,
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail,
.wdt-service-item .wdt-service-image,
.wdt-gallery-item .wdt-gallery-item-image>a,
.wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element,
.wdt-shop-category-listing-item .wdt-shop-category-listing-inner .wdt-shop-category-listing-image>a,
.wdt-timeline-holder .timeline-content-item .wdt-timeline-image,
.widget.widget_media_gallery .gallery-item a,
.blog-single-entry .entry-post-navigation.type1>.post-next-link>.next-post-bgimg,
.blog-single-entry .entry-post-navigation.type1>.post-prev-link>.prev-post-bgimg,
.widget .recent-posts-widget li .thumb {
  overflow: hidden;
  -webkit-border-radius: var(--wdtRadius_2X);
  border-radius: var(--wdtRadius_2X);
}

.wdt-content-item .wdt-content-image img,
.wdt-listings-item-wrapper.has-post-thumbnail .wdt-listings-item-top-section .wdt-listings-feature-image-holder img,
.wdt-default-hover .blog-entry.has-post-thumbnail div.entry-media-group>div.entry-thumb a img,
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail img,
.wdt-service-item .wdt-service-image>a>img,
.wdt-gallery-item[class*="wdt-column-"] img,
.wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element img,
.wdt-shop-category-listing-item .wdt-shop-category-listing-inner .wdt-shop-category-listing-image img,
.wdt-timeline-holder .timeline-content-item .wdt-timeline-image img,
.widget.widget_media_gallery .gallery-item img,
.widget .recent-posts-widget li .thumb img {
  transform: scale(1);
  transition: var(--wdt-Ad-Transition);
}

/* ---------------------------------- hover --------------------------------- */
.wdt-content-item:hover .wdt-content-image img,
.wdt-listings-item-wrapper.has-post-thumbnail .wdt-listings-item-top-section:hover .wdt-listings-feature-image-holder img,
.wdt-default-hover .blog-entry.has-post-thumbnail:hover div.entry-media-group>div.entry-thumb a img,
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail:hover img,
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb-active .wdt-thumb-slider-thumbnail img,
.wdt-service-item:hover .wdt-service-image>a>img,
.wdt-gallery-item[class*="wdt-column-"]:hover img,
.wdt-popup-box-trigger-holder:hover .wdt-popup-box-trigger-element img,
.wdt-shop-category-listing-item:hover .wdt-shop-category-listing-inner .wdt-shop-category-listing-image img,
.wdt-timeline-holder .timeline-content-item:hover .wdt-timeline-image img,
.widget.widget_media_gallery .gallery-item:hover img,
.widget .recent-posts-widget li:hover .thumb img {
  transform: scale(1.02);
  transition: var(--wdt-Ad-Transition);
}

/*═══════════════════════════════════════════════════════════════════════════ */
/*                               Checkbox Styles                              */
/*═══════════════════════════════════════════════════════════════════════════ */
.wpcf7-form-control-wrap input[type="checkbox"],
.wdt-terms-and-condition-holder input[type="checkbox"].wdt-terms-and-conditions,
.comment-form>p input[type="checkbox"],
.woocommerce-page .wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"],
.woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input,
.tinv-wishlist table input[type="checkbox"],
.woocommerce #customer_login.col2-set .col-1 .woocommerce-form__label-for-checkbox input[type="checkbox"],
#loginform label>input[type="checkbox"],
.wdt-pricing-calc-items input[type="checkbox"] {
  top: auto;
  opacity: 1;
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid var(--wdtBorderColor);
  -webkit-border-radius: var(--wdtRadius_1X);
  border-radius: var(--wdtRadius_1X);
  transform: translateY(-0.075em);
  display: inline-grid;
  place-content: center;
  background: rgba(var(--wdtBodyBGColorRgb), 0.5);
  padding: 0 0 !important;
  margin: 0 8px 0 0 !important;
  cursor: pointer;
  outline: none;
}

.woocommerce-account #customer_login.col2-set .col-1 .woocommerce-form__label-for-checkbox input[type="checkbox"] {
  transform: translateY(0.2em);
}

/* ---------------------------------- after --------------------------------- */
.wpcf7-form-control-wrap input[type="checkbox"]::after,
.wdt-terms-and-condition-holder input[type="checkbox"].wdt-terms-and-conditions::after,
.comment-form>p input[type="checkbox"]::after,
.woocommerce-page .wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]::after,
.woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input::after,
.tinv-wishlist table input[type="checkbox"]::before,
.woocommerce #customer_login.col2-set .col-1 .woocommerce-form__label-for-checkbox input[type="checkbox"]::after,
#loginform label>input[type="checkbox"]::after,
.wdt-pricing-calc-items input[type="checkbox"]:after {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--wdtLinkHoverColor);
}

/* --------------------------------- checked -------------------------------- */
.wpcf7-form-control-wrap input[type="checkbox"]:checked::after,
.wdt-terms-and-condition-holder input[type="checkbox"].wdt-terms-and-conditions:checked::after,
.comment-form>p input[type="checkbox"]:checked::after,
.woocommerce-page .wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked::after,
.woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::after,
.tinv-wishlist table input[type="checkbox"]:checked::before,
.woocommerce #customer_login.col2-set .col-1 .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked::after,
#loginform label>input[type="checkbox"]:checked::after,
.wdt-pricing-calc-items input[type="checkbox"]:checked::after {
  transform: scale(1);
}


/* Add dark-bg here if needed */
.wdt-dark-bg .wpcf7-form-control-wrap input[type="checkbox"],
.wdt-dark-bg .wdt-terms-and-condition-holder input[type="checkbox"].wdt-terms-and-conditions,
.tinv-wishlist table th input[type="checkbox"] {
  border-color: var(--wdtAccentTxtColor);
  background: transparent;
}

.wdt-dark-bg .wpcf7-form-control-wrap input[type="checkbox"]::before,
.wdt-dark-bg .wdt-terms-and-condition-holder input[type="checkbox"].wdt-terms-and-conditions::after,
.tinv-wishlist table th input[type="checkbox"]::before {
  box-shadow: inset 1em 1em var(--wdtAccentTxtColor);
}

/*═══════════════════════════════════════════════════════════════════════════ */
/*                              Paginations                                   */
/*═══════════════════════════════════════════════════════════════════════════ */

/* --------------------------------- Arrows --------------------------------- */
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination,
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination,
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination,
div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2,
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"],
.wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination,
.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination,
.dt-carousel-arrow-pagination {
  display: flex;
  gap: 15px;
  margin-top: clamp(3.125rem, 2.4283rem + 3.1847vw, 6.25rem);
  justify-content: center;
}

.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div:not(.swiper-button-lock),
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination>div[class*="wdt-arrow-pagination-"],
.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination button,
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a,
div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a[class*="arrow"],
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a[class*="arrow"],
.wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination>div[class*="wdt-blogslide-"],
.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination>div,
.wdt-temp-default .wdt-timeline-pagination>div[class*="swiper-button-"],
.wdt-showcase-container>div.wdt-showcase-list-wrapper.swiper .wdt-showcase-pagination div[class*="wdt-button-"],
.wdt-device-slider div[class*="swiper-button-"],
.dt-carousel-arrow-pagination div[class*="dt-arrow-pagination-"],
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-"] {
  background: var(--wdtSecondaryColor);
  color: var(--wdtPrimaryColor);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 45px;
  height: 45px;
  font-size: var(--wdtFontSize_H4);
  margin: 0;
  padding: 0;
  -webkit-border-radius: var(--wdtRadius_Full);
  border-radius: var(--wdtRadius_Full);
  transition: var(--wdtAltTransition);
  z-index: 1;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
}

.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div:not(.swiper-button-lock).wdt-arrow-pagination-prev i,
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination>div[class*="wdt-arrow-pagination-"].wdt-arrow-pagination-prev i,
.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination button.wdt-arrow-pagination-prev i,
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a.wdt-arrow-pagination-prev i,
div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a[class*="arrow"].wdt-arrow-pagination-prev i,
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a[class*="arrow"].wdt-arrow-pagination-prev i,
.wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination>div[class*="wdt-blogslide-"].wdt-arrow-pagination-prev i,
.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination>div.wdt-arrow-pagination-prev i,
.wdt-temp-default .wdt-timeline-pagination>div[class*="swiper-button-"].wdt-arrow-pagination-prev i,
.wdt-showcase-container>div.wdt-showcase-list-wrapper.swiper .wdt-showcase-pagination div[class*="wdt-button-"].wdt-arrow-pagination-prev i,
.wdt-device-slider div[class*="swiper-button-"].wdt-arrow-pagination-prev i,
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-"].wdt-arrow-pagination-prev i,
.dt-carousel-arrow-pagination div[class*="dt-arrow-pagination-prev"] i {
  margin-right: 50px;
  pointer-events: none;
  transition: var(--wdtAltTransition);
  display:inline-flex;
}

.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div:not(.swiper-button-lock).wdt-arrow-pagination-next i,
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination>div[class*="wdt-arrow-pagination-"].wdt-arrow-pagination-next i,
.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination button.wdt-arrow-pagination-next i,
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a.wdt-arrow-pagination-next i,
div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a[class*="arrow"].wdt-arrow-pagination-next i,
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a[class*="arrow"].wdt-arrow-pagination-next i,
.wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination>div[class*="wdt-blogslide-"].wdt-arrow-pagination-next i,
.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination>div.wdt-arrow-pagination-next i,
.wdt-temp-default .wdt-timeline-pagination>div[class*="swiper-button-"].wdt-arrow-pagination-next i,
.wdt-showcase-container>div.wdt-showcase-list-wrapper.swiper .wdt-showcase-pagination div[class*="wdt-button-"].wdt-arrow-pagination-next i,
.wdt-device-slider div[class*="swiper-button-"].wdt-arrow-pagination-next i,
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-"].wdt-arrow-pagination-next i,
.dt-carousel-arrow-pagination div[class*="dt-arrow-pagination-next"] i {
  margin-right: -50px;
  pointer-events: none;
  transition: var(--wdtAltTransition);
}

/* ---------------------------------- hover --------------------------------- */
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div:hover,
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination>div[class*="wdt-arrow-pagination-"]:hover,
.dt-carousel-arrow-pagination div[class*="dt-arrow-pagination-"]:hover,
.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination button:hover,
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a:hover,
div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a[class*="arrow"]:hover,
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a[class*="arrow"]:hover,
.wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination>div[class*="wdt-blogslide-"]:hover,
.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination>div:hover,
.wdt-temp-default .wdt-timeline-pagination>div[class*="swiper-button-"]:hover,
.wdt-showcase-container>div.wdt-showcase-list-wrapper.swiper .wdt-showcase-pagination div[class*="wdt-button-"]:hover,
.wdt-device-slider div[class*="swiper-button-"]:hover,
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-"]:hover {
  background: var(--wdtPrimaryColor);
  font-size: var(--wdtFontSize_H5);
  color: var(--wdtAccentTxtColor);
}

.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div:not(.swiper-button-lock).wdt-arrow-pagination-prev:hover i,
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination>div[class*="wdt-arrow-pagination-"].wdt-arrow-pagination-prev:hover i,
.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination button.wdt-arrow-pagination-prev:hover i,
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a.wdt-arrow-pagination-prev:hover i,
div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a[class*="arrow"].wdt-arrow-pagination-prev:hover i,
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a[class*="arrow"].wdt-arrow-pagination-prev:hover i,
.wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination>div[class*="wdt-blogslide-"].wdt-arrow-pagination-prev:hover i,
.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination>div.wdt-arrow-pagination-prev:hover i,
.wdt-temp-default .wdt-timeline-pagination>div[class*="swiper-button-"].wdt-arrow-pagination-prev:hover i,
.wdt-showcase-container>div.wdt-showcase-list-wrapper.swiper .wdt-showcase-pagination div[class*="wdt-button-"].wdt-arrow-pagination-prev:hover i,
.wdt-device-slider div[class*="swiper-button-"].wdt-arrow-pagination-prev:hover i,
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-"].wdt-arrow-pagination-prev:hover i,
.dt-carousel-arrow-pagination div[class*="dt-arrow-pagination-prev"]:hover i {
  margin-right: 0px
}

.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div:not(.swiper-button-lock).wdt-arrow-pagination-next:hover i,
.wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination>div[class*="wdt-arrow-pagination-"].wdt-arrow-pagination-next:hover i,
.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination button.wdt-arrow-pagination-next:hover i,
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a.wdt-arrow-pagination-next:hover i,
div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a[class*="arrow"].wdt-arrow-pagination-next:hover i,
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a[class*="arrow"].wdt-arrow-pagination-next:hover i,
.wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination>div[class*="wdt-blogslide-"].wdt-arrow-pagination-next:hover i,
.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination>div.wdt-arrow-pagination-next:hover i,
.wdt-temp-default .wdt-timeline-pagination>div[class*="swiper-button-"].wdt-arrow-pagination-next:hover i,
.wdt-showcase-container>div.wdt-showcase-list-wrapper.swiper .wdt-showcase-pagination div[class*="wdt-button-"].wdt-arrow-pagination-next:hover i,
.wdt-device-slider div[class*="swiper-button-"].wdt-arrow-pagination-next:hover i,
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-"].wdt-arrow-pagination-next:hover i,
.dt-carousel-arrow-pagination div[class*="dt-arrow-pagination-next"]:hover i {
  margin-right: 0px
}

/* product arrow */
div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a[class*="arrow"] {
  font-size: 0;
  position: absolute;
  transform: none;
}

/* --------------------------------- Dark-bg -------------------------------- */
.wdt-dark-bg .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div:not(.swiper-button-lock),
.wdt-dark-bg .wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination>div[class*="wdt-arrow-pagination-"],
.wdt-dark-bg .wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination button,
.wdt-dark-bg .wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a,
.wdt-dark-bg div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a[class*="arrow"],
.wdt-dark-bg .wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a[class*="arrow"],
.wdt-dark-bg .wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination>div[class*="wdt-blogslide-"],
.wdt-dark-bg .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination>div,
.wdt-dark-bg .wdt-temp-default .wdt-timeline-pagination>div[class*="swiper-button-"],
.wdt-dark-bg .wdt-showcase-container>div.wdt-showcase-list-wrapper.swiper .wdt-showcase-pagination div[class*="wdt-button-"],
.wdt-dark-bg .wdt-device-slider div[class*="swiper-button-"] {
  background: rgba(var(--wdtSecondaryColorRgb), 0.3);
  color: var(--wdtAccentTxtColor);
}

/* ------------------------------ Dark-bg Hover ----------------------------- */
.wdt-dark-bg .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div:not(.swiper-button-lock):hover,
.wdt-dark-bg .wdt-external-pagination-wrapper .wdt-carousel-arrow-pagination>div[class*="wdt-arrow-pagination-"]:hover,
.wdt-dark-bg .wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination button:hover,
.wdt-dark-bg .wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a:hover,
.wdt-dark-bg div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a[class*="arrow"]:hover,
.wdt-dark-bg .wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a[class*="arrow"]:hover,
.wdt-dark-bg .wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination>div[class*="wdt-blogslide-"]:hover,
.wdt-dark-bg .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination>div:hover,
.wdt-dark-bg .wdt-temp-default .wdt-timeline-pagination>div[class*="swiper-button-"]:hover,
.wdt-dark-bg .wdt-showcase-container>div.wdt-showcase-list-wrapper.swiper .wdt-showcase-pagination div[class*="wdt-button-"]:hover,
.wdt-dark-bg .wdt-device-slider div[class*="swiper-button-"]:hover {
  background: var(--wdtBodyBGColor);
  color: var(--wdtPrimaryColor);
}

/* ----------------------------- for snap scroll & others ---------------------------- */
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a,
.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination>button,
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a[class*="arrow"],
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-"] {
  font-size: 0;
}

.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination {
  margin-top: 20px;
  display: inline-flex;
  justify-content: center;
  width: 100%;
  gap: 10px;
}

/* ARROW icon */
.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination>button:before,
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a::before,
div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a[class*="arrow"]:before,
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a[class*="arrow"]::before,
.wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination>div[class*="wdt-blogslide-"] i:before,
.wdt-temp-default .wdt-timeline-pagination>div[class*="swiper-button-"] i:before,
.wdt-showcase-container>div.wdt-showcase-list-wrapper.swiper .wdt-showcase-pagination div[class*="wdt-button-"]:before,
.wdt-device-slider div[class*="swiper-button-"]:after,
.wdt-services-holder .wdt-pagination ul li a.next:before,
.wdt-services-holder .wdt-pagination ul li a.prev:before,
.pagination ul li a.next i:before,
.pagination ul li a.prev i:before,
.woocommerce nav.woocommerce-pagination ul li a.next:before,
.woocommerce nav.woocommerce-pagination ul li a.prev:before,
.wdt-product-pagination .next-post a span:before,
.wdt-product-pagination .prev-post a span:before,
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-"]:before,
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-"]:after {
  position: relative;
 font-family: "dhruva-addon-icon";
  font-style: normal;
  font-size: 0;
  font-weight: var(--wdtFontWeight_Base);
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  width: 100%;
  height: 100%;
  top: 1px;
  bottom: 0;
  -webkit-transition: background-color var(--wdt-Ad-Transition);
  transition: background-color var(--wdt-Ad-Transition);
  margin: auto;
  border-radius: var(--wdtRadius_Part);
  -webkit-transform: none;
  transform: none;
}

/* prev arrow icon */
.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination>.wdt-pagination-prev:before,
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a.wdt-swiper-arrow-prev::before,
div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a.wdt-products-arrow-prev:before,
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a.wdt-blog-arrow-prev::before,
.wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination>div[class*="wdt-blogslide-prev"] i.wdticon-angle-left::before,
.wdt-temp-default .wdt-timeline-pagination>div[class*="swiper-button-prev-"] i:before,
.wdt-showcase-container>div.wdt-showcase-list-wrapper.swiper .wdt-showcase-pagination div[class*="wdt-button-prev"]:before,
.wdt-device-slider div[class*="swiper-button-prev"]:after,
.wdt-services-holder .wdt-pagination ul li a.prev:before,
.pagination ul li a.prev i:before,
.woocommerce nav.woocommerce-pagination ul li a.prev:before,
.wdt-product-pagination .prev-post a span:before,
.blog-single-entry .entry-post-navigation>div.post-prev-link>.nav-title-wrap p a:before,
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-prev"]:before {
    content: '\e809';
  height: 18px;
  width: 35px;
  top: 0px;
  left: -25px;
  transition: var(--wdtAltTransition);
  font-family: "dhruva-addon-icon";
    font-style: normal;
    font-weight: var(--wdtFontWeight_Alt);
    display: inline-block;
    text-decoration: inherit;
   font-size: var(--wdtFontSize_Base);
}

/* next arrow icon */
.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination>.wdt-pagination-next:before,
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a.wdt-swiper-arrow-next::before,
div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a.wdt-products-arrow-next:before,
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a.wdt-blog-arrow-next::before,
.wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination>div[class*="wdt-blogslide-next"] i.wdticon-angle-right::before,
.wdt-temp-default .wdt-timeline-pagination>div[class*="swiper-button-next-"] i:before,
.wdt-showcase-container>div.wdt-showcase-list-wrapper.swiper .wdt-showcase-pagination div[class*="wdt-button-next"]:before,
.wdt-device-slider div[class*="swiper-button-next"]:after,
.wdt-services-holder .wdt-pagination ul li a.next:before,
.pagination ul li a.next i:before,
.woocommerce nav.woocommerce-pagination ul li a.next:before,
.wdt-product-pagination .next-post a span:before,
.blog-single-entry .entry-post-navigation>div.post-next-link>.nav-title-wrap p a:after,
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-next"]:before {
   content: '\e808';
  height: 18px;
  width: 35px;
  top: 0px;
  left: auto;
  right: -25px;
  background-color:transparent;

  transition: var(--wdtAltTransition);
  font-style: normal;
    font-weight: var(--wdtFontWeight_Alt);
    display: inline-block;
    text-decoration: inherit;
    font-size: var(--wdtFontSize_Base);
}

/*----- Hover ---*/
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a:hover,
.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination>button:hover,
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a[class*="arrow"]:hover,
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-"]:hover {
  font-size: 0;
}

.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination>.wdt-pagination-prev:hover:before,
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a.wdt-swiper-arrow-prev:hover:before,
div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a.wdt-products-arrow-prev:hover:before,
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a.wdt-blog-arrow-prev:hover:before,
.wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination>div[class*="wdt-blogslide-prev"] i.wdticon-angle-left:hover:before,
.wdt-temp-default .wdt-timeline-pagination>div[class*="swiper-button-prev-"]:hover i:before,
.wdt-showcase-container>div.wdt-showcase-list-wrapper.swiper .wdt-showcase-pagination div[class*="wdt-button-prev"]:hover:before,
.wdt-device-slider div[class*="swiper-button-prev"]:hover:after,
.wdt-services-holder .wdt-pagination ul li a.prev:hover:before,
.pagination ul li a.prev:hover i:before,
.woocommerce nav.woocommerce-pagination ul li a.prev:hover:before,
.wdt-product-pagination .prev-post a:hover span:before,
/* .blog-single-entry .entry-post-navigation>div.post-prev-link>.nav-title-wrap p a:hover:before, */
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-prev"]:hover:before {
  left: 0px;
  margin: auto;
font-size: var(--wdtFontSize_Ext);
}

/* next arrow Hover icon */
.wdt-column-wrapper.wdt-snap-scroll-enabled~.wdt-snap-scroll-pagination>.wdt-pagination-next:hover:before,
.wdt-swiper-pagination-holder .wdt-swiper-arrow-pagination a.wdt-swiper-arrow-next:hover:before,
div[class*="product"] .swiper-container div[class*="arrow-pagination"]>a.wdt-products-arrow-next:hover:before,
.wdt-posts-list-wrapper.swiper div[class*="arrow-pagination"]>a.wdt-blog-arrow-next:hover:before,
.wdt-blogslides-container div[class*="wdt-blogslides-swiper"] .wdt-pagination-wrapper .wdt-arrow-pagination>div[class*="wdt-blogslide-next"] i.wdticon-angle-right:hover:before,
.wdt-temp-default .wdt-timeline-pagination>div[class*="swiper-button-next-"]:hover i:before,
.wdt-showcase-container>div.wdt-showcase-list-wrapper.swiper .wdt-showcase-pagination div[class*="wdt-button-next"]:hover:before,
.wdt-device-slider div[class*="swiper-button-next"]:hover:after,
.wdt-services-holder .wdt-pagination ul li a.next:hover:before,
.pagination ul li a.next:hover i:before,
.woocommerce nav.woocommerce-pagination ul li a.next:hover:before,
.wdt-product-pagination .next-post a:hover span:before,
.blog-single-entry .entry-post-navigation>div.post-next-link>.nav-title-wrap p a:hover:after,
.blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-next"]:hover:before {
  right: 0px;
  margin: auto;
  font-size: var(--wdtFontSize_Ext);
}

/* arrows disabled */
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div[aria-disabled="true"],
.swiper-button-disabled,
.wdt-snap-scroll-pagination .disabled {
  opacity: 0.75 !important;
  cursor: not-allowed !important;
  background: var(--wdtSecondaryColor) !important;
  color: var(--wdtPrimaryColor) !important;
  pointer-events: auto !important;
}

.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div[aria-disabled="true"]:hover,
.swiper-button-disabled:hover,
.wdt-snap-scroll-pagination .disabled:hover {
  color: var(--wdtAccentTxtColor) !important;
}

.wdt-dark-bg .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div[aria-disabled="true"],
.wdt-dark-bg .swiper-button-disabled,
.wdt-dark-bg .wdt-snap-scroll-pagination .disabled {
  color: var(--wdtAccentTxtColor) !important;
}

.wdt-dark-bg .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div[aria-disabled="true"]:hover,
.wdt-dark-bg .swiper-button-disabled:hover,
.wdt-dark-bg .wdt-snap-scroll-pagination .disabled:hover {
  color: var(--wdtAccentTxtColor) !important;
}

/* ---------------------------------- Dots Pagination ---------------------------------- */
.wdt-carousel-holder.wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet,
.wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet,
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet,
.wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet,
.wdt-device-slider .swiper-pagination-bullet,
div[class*="-output-data-container"] .wdt-swiper-pagination-holder .wdt-swiper-bullet-pagination.swiper-pagination-bullets .swiper-pagination-bullet,
.wdt-related-product-image-gallery-pagination-holder .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet,
.wdt-blog-pagination-holder .wdt-blog-bullet-pagination .swiper-pagination-bullet,
.wdt-blogslides-swiper .wdt-pagination-wrapper .swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: var(--wdtHeadAltColor);
  background-image: none;
  display: inline-flex;
  place-content: center;
  place-items: center;
  letter-spacing: 0;
  height: 12px;
  line-height: normal;
  margin: 5px;
  opacity: 1;
  padding: 0;
  position: relative;
  text-decoration: none;
  text-transform: none;
  vertical-align: top;
  width: 12px;
  z-index: 1;
  -webkit-border-radius: var(--wdtRadius_Part);
  border-radius: var(--wdtRadius_Part);
  -webkit-transition: var(--wdtAltTransition);
  transition: var(--wdtAltTransition);
}

/* ------------------------------ hover & active dots------------------------------ */
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover,
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active,
.wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet:hover,
.wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
div[class*="-output-data-container"] .wdt-swiper-pagination-holder .wdt-swiper-bullet-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active,
.wdt-device-slider .swiper-pagination-bullet:hover,
.wdt-device-slider .swiper-pagination-bullet.swiper-pagination-bullet-active,
div[class*="-output-data-container"] .wdt-swiper-pagination-holder .wdt-swiper-bullet-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover,
.wdt-related-product-image-gallery-pagination-holder .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet.swiper-pagination-bullet-active,
.wdt-related-product-image-gallery-pagination-holder .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover,
div[class*="product"]:hover .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet:hover,
.wdt-blog-pagination-holder .wdt-blog-bullet-pagination .swiper-pagination-bullet:hover,
.wdt-blog-pagination-holder .wdt-blog-bullet-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.wdt-blogslides-swiper .wdt-pagination-wrapper .swiper-pagination-bullets .swiper-pagination-bullet:hover,
.wdt-blogslides-swiper .wdt-pagination-wrapper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  width: 40px;
  background: var(--wdtPrimaryColor);
}

/* Add dark-bg here if needed */
.wdt-dark-bg .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet,
.wdt-dark-bg .wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet,
.wdt-dark-bg .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet,
.wdt-dark-bg .wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet,
.wdt-dark-bg .wdt-device-slider .swiper-pagination-bullet,
.wdt-dark-bg div[class*="-output-data-container"] .wdt-swiper-pagination-holder .wdt-swiper-bullet-pagination.swiper-pagination-bullets .swiper-pagination-bullet,
.wdt-dark-bg .wdt-related-product-image-gallery-pagination-holder .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
.wdt-dark-bg div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet,
.wdt-dark-bg .wdt-blog-pagination-holder .wdt-blog-bullet-pagination .swiper-pagination-bullet,
.wdt-dark-bg .wdt-blogslides-swiper .wdt-pagination-wrapper .swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: var(--wdtAccentTxtColor);
}

/* --------------------------- darkbg hover&active -------------------------- */
.wdt-dark-bg .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover,
.wdt-dark-bg .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active,
.wdt-dark-bg .wdt-external-pagination-wrapper .wdt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.wdt-dark-bg .wdt-device-slider .swiper-pagination-bullet.swiper-pagination-bullet-active,
.wdt-dark-bg div[class*="-output-data-container"] .wdt-swiper-pagination-holder .wdt-swiper-bullet-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active,
.wdt-dark-bg div[class*="-output-data-container"] .wdt-swiper-pagination-holder .wdt-swiper-bullet-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover,
.wdt-dark-bg .wdt-related-product-image-gallery-pagination-holder .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.wdt-dark-bg div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet.swiper-pagination-bullet-active,
.wdt-dark-bg .wdt-related-product-image-gallery-pagination-holder .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover,
.wdt-dark-bg div[class*="product"]:hover .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet:hover,
.wdt-dark-bg .wdt-blog-pagination-holder .wdt-blog-bullet-pagination .swiper-pagination-bullet:hover,
.wdt-dark-bg .wdt-blog-pagination-holder .wdt-blog-bullet-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.wdt-dark-bg .wdt-blogslides-swiper .wdt-pagination-wrapper .swiper-pagination-bullets .swiper-pagination-bullet:hover,
.wdt-dark-bg .wdt-blogslides-swiper .wdt-pagination-wrapper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wdtPrimaryColor);
}

/* before & after if needed 

/* ---------------------------- Number pagination --------------------------- */
div.pagination ul,
.woocommerce nav.woocommerce-pagination ul,
.wdt-services-holder .wdt-pagination ul {
  margin: -3px;
}

/* ------------------------ Number pagination button ------------------------ */
.page-link a,
.pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li a,
.page-link>span,
.pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li span,
.wdt-services-holder .wdt-pagination ul li a,
.wdt-services-holder .wdt-pagination ul li span,
.wdt-product-pagination ul li span,
.wdt-product-pagination ul li a,
.wdt-product-pagination .next-post a,
.wdt-pagination.wdt-ajax-pagination .prev-post a,
.wdt-pagination.wdt-ajax-pagination .next-post a,
.wdt-pagination.wdt-ajax-pagination ul.page-numbers li span,
.wdt-pagination.wdt-ajax-pagination ul.page-numbers li a,
.wdt-product-pagination .prev-post a {
  background: var(--wdtSecondaryColor);
  color: var(--wdtPrimaryColor);
  border: 1px solid;
  border-color: var(--wdtBorderColor);
  display: inline-block;
  font-size: var(--wdtFontSize_Base);
  font-weight: var(--wdtFontWeight_Alt);
  height: 45px;
  letter-spacing: 0;
  line-height: 45px;
  margin: 5px;
  padding: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  width: 45px;
  -webkit-border-radius: var(--wdtRadius_Full);
  border-radius: var(--wdtRadius_Full);
}

/* ------------------------------ hover & focus ----------------------------- */
.page-link a:hover,
.page-link a:focus,
.pagination ul li a:hover,
.pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.page-link>span:hover,
.page-link>span:focus,
.page-link>span.current,
.pagination ul li span:hover,
.pagination ul li span:focus,
.woocommerce nav.woocommerce-pagination ul li span:hover,
.woocommerce nav.woocommerce-pagination ul li span:focus,
.woocommerce nav.woocommerce-pagination ul li span.current,
.pagination ul li span:not(.dots),
.wdt-services-holder .wdt-pagination ul li a.current,
.wdt-services-holder .wdt-pagination ul li span.current,
.wdt-services-holder .wdt-pagination ul li a:hover,
.wdt-services-holder .wdt-pagination ul li span:hover,
.wdt-product-pagination ul li span.current,
.wdt-pagination.wdt-ajax-pagination ul.page-numbers li span.current,
.wdt-product-pagination ul li a:hover,
.wdt-product-pagination .next-post a:hover,
.wdt-product-pagination .prev-post a:hover,
.wdt-pagination.wdt-ajax-pagination .prev-post a:hover,
.wdt-pagination.wdt-ajax-pagination .next-post a:hover,
.wdt-pagination.wdt-ajax-pagination ul.page-numbers li span:hover,
.wdt-pagination.wdt-ajax-pagination ul.page-numbers li a:hover,
.wdt-pagination.wdt-ajax-pagination .prev-post a:focus,
.wdt-pagination.wdt-ajax-pagination .next-post a:focus,
.wdt-pagination.wdt-ajax-pagination ul.page-numbers li span:focus,
.wdt-pagination.wdt-ajax-pagination ul.page-numbers li a:focus {
  background: rgba(var(--wdtPrimaryColorRgb), 1);
  color: var(--wdtAccentTxtColor);
  border-color: transparent;
}

/* moreitems dots */
.pagination ul li span.dots {
  background-color: transparent !important;
  color: var(--wdtHeadAltColor);
  align-self: end;
  font-size: var(--wdtFontSize_H5);
  border: 0;
}

.pagination ul li span.dots::before {
  background: transparent;
}

/* ---------------------------- prev/next arrows ---------------------------- */
.wdt-services-holder .wdt-pagination ul li a.next,
.wdt-services-holder .wdt-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next,
.woocommerce nav.woocommerce-pagination ul li a.prev,
.wdt-pagination.wdt-ajax-pagination .prev-post a,
.wdt-pagination.wdt-ajax-pagination .next-post a {
  font-size: 0;
}

.wdt-services-holder .wdt-pagination ul li a.next>i,
.wdt-services-holder .wdt-pagination ul li a.prev>i,
.woocommerce nav.woocommerce-pagination ul li a.next>i,
.woocommerce nav.woocommerce-pagination ul li a.prev>i,
.wdt-pagination.wdt-ajax-pagination .prev-post a>i,
.wdt-pagination.wdt-ajax-pagination .next-post a>i {
  display: none;
}

/* Dark-Bg */
.wdt-dark-bg .page-link a,
.wdt-dark-bg .pagination ul li a,
.wdt-dark-bg .woocommerce nav.woocommerce-pagination ul li a,
.wdt-dark-bg .page-link>span,
.wdt-dark-bg .pagination ul li span,
.wdt-dark-bg .woocommerce nav.woocommerce-pagination ul li span,
.wdt-dark-bg .wdt-services-holder .wdt-pagination ul li a,
.wdt-dark-bg .wdt-services-holder .wdt-pagination ul li span,
.wdt-dark-bg .wdt-product-pagination ul li span,
.wdt-dark-bg .wdt-product-pagination ul li a,
.wdt-dark-bg .wdt-product-pagination .next-post a,
.wdt-dark-bg .wdt-product-pagination .prev-post a {
  background: var(--wdtAccentTxtColor);
  color: var(--wdtHeadAltColor);
}

/* Dark-Bg Hover */
.wdt-dark-bg .page-link a:hover,
.wdt-dark-bg .pagination ul li a:hover,
.wdt-dark-bg .woocommerce nav.woocommerce-pagination ul li a:hover,
.wdt-dark-bg .page-link>span:hover,
.wdt-dark-bg .pagination ul li span:hover,
.wdt-dark-bg .wdt-product-pagination ul li span.current,
.wdt-dark-bg .woocommerce nav.woocommerce-pagination ul li span:hover,
.wdt-dark-bg .wdt-services-holder .wdt-pagination ul li a:hover,
.wdt-dark-bg .wdt-services-holder .wdt-pagination ul li span:hover,
.wdt-dark-bg .wdt-product-pagination ul li span:hover,
.wdt-dark-bg .wdt-product-pagination ul li a:hover,
.wdt-dark-bg .wdt-product-pagination .next-post a:hover,
.wdt-dark-bg .wdt-product-pagination .prev-post a:hover {
  background: var(--wdtPrimaryColor);
  color: var(--wdtAccentTxtColor);
}



/*═══════════════════════════════════════════════════════════════════════════ */
/*                                    Popup                                   */
/*═══════════════════════════════════════════════════════════════════════════ */
/* ------------------------ popup background overlay ------------------------ */
.wdt-popup-box-window.mfp-bg,
.wdt-popup-box-holder.mfp-bg,
body .dt-sc-modal-overlay,
.wdt-portfolio-image-popup-window.mfp-bg,
#yith-quick-view-modal .yith-quick-view-overlay,
.tinv-wishlist .tinv-modal.tinv-modal-open .tinv-overlay,
.dialog-type-lightbox.elementor-lightbox {
 
  height: auto;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  width: auto;
  cursor: default;
  
}

/* ------------------------------ close button ------------------------------ */
.wdt-popup-box-window .wdt-popup-box-content-holder .mfp-close,
.dt-sc-modal-header .close-modal,
.wdt-popup-box-window .mfp-close,
.suggested-product-list .suggested-product-data a.wdt_close,
.mfp-gallery .mfp-image-holder .mfp-close,
.wdt-image-box-popup .mfp-image-holder .mfp-close,
#yith-quick-view-modal .yith-wcqv-wrapper .yith-wcqv-main .yith-wcqv-head .yith-quick-view-close,
body>.wdt-search-form-container .wdt-search-form-close,
.wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a.wdt-shop-cart-widget-close-button,
.wdt-search-form-container .wdt-search-form-close,
.wdt-popup-box-holder .mfp-content .wdt-popup-close-button.mfp-close,
.wdt-video-popup-container .mfp-close.wdt-video-close-btn {
  margin: 0;
  font-size: 0;
  height: 40px;
  width: 40px;
  line-height: 40px;
  background-color: var(--wdtPrimaryColor);
  color: var(--wdtAccentTxtColor);
  border-radius: var(--wdtRadius_Full);
  -webkit-transform: none;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  position: relative;
  top: 0;
  right: 0;
  cursor: pointer;
  overflow: hidden;
  font-family: var(--wdtFontTypo_Alt);
}

/* ----------------------------- before & after Close Button ----------------------------- */
.wdt-popup-box-window.wdt-fade-zoom.mfp-ready.mfp-close-btn-in .mfp-close:before,
.wdt-popup-box-window.wdt-fade-zoom.mfp-ready.mfp-close-btn-in .mfp-close:after,
.dt-sc-modal-header .close-modal:before,
.dt-sc-modal-header .close-modal:after,
.wdt-popup-box-window .mfp-close:before,
.wdt-popup-box-window .mfp-close:after,
.mfp-gallery .mfp-image-holder .mfp-close:before,
.mfp-gallery .mfp-image-holder .mfp-close:after,
.wdt-image-box-popup .mfp-image-holder .mfp-close:before,
.wdt-image-box-popup .mfp-image-holder .mfp-close:after,
.suggested-product-list .suggested-product-data a.wdt_close:before,
.suggested-product-list .suggested-product-data a.wdt_close:after,
#yith-quick-view-modal .yith-wcqv-wrapper .yith-wcqv-main .yith-wcqv-head .yith-quick-view-close:before,
#yith-quick-view-modal .yith-wcqv-wrapper .yith-wcqv-main .yith-wcqv-head .yith-quick-view-close:after,
body>.wdt-search-form-container .wdt-search-form-close:before,
body>.wdt-search-form-container .wdt-search-form-close:after,
.wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a.wdt-shop-cart-widget-close-button:before,
.wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a.wdt-shop-cart-widget-close-button:after,
.wdt-search-form-container .wdt-search-form-close:before,
.wdt-search-form-container .wdt-search-form-close:after,
.wdt-popup-box-holder .mfp-content .wdt-popup-close-button.mfp-close:before,
.wdt-popup-box-holder .mfp-content .wdt-popup-close-button.mfp-close:after,
.wdt-video-popup-container .mfp-close.wdt-video-close-btn:before,
.wdt-video-popup-container .mfp-close.wdt-video-close-btn:after {
  content: "" !important;
  width: 20px;
  height: 2px;
  background-image: linear-gradient(45deg, white 50%, transparent, white 50%);
  position: absolute;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 1;
  -webkit-transition: all 300ms ease-in-out, opacity 0.4s linear;
  transition: all 300ms ease-in-out, opacity 0.4s linear;
}

.wdt-popup-box-window.wdt-fade-zoom.mfp-ready.mfp-close-btn-in .mfp-close:after,
.wdt-popup-box-window .mfp-close:after,
.dt-sc-modal-header .close-modal:after,
.mfp-gallery .mfp-image-holder .mfp-close:after,
.wdt-image-box-popup .mfp-image-holder .mfp-close:after,
#yith-quick-view-modal .yith-wcqv-wrapper .yith-wcqv-main .yith-wcqv-head .yith-quick-view-close:after,
body>.wdt-search-form-container .wdt-search-form-close:after,
.suggested-product-list .suggested-product-data a.wdt_close::after,
.wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a.wdt-shop-cart-widget-close-button::after,
.wdt-search-form-container .wdt-search-form-close::after,
.wdt-popup-box-holder .mfp-content .wdt-popup-close-button.mfp-close::after,
.wdt-video-popup-container .mfp-close.wdt-video-close-btn::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ---------------------------------- hover Close Button --------------------------------- */
.wdt-popup-box-window .wdt-popup-box-content-holder .mfp-close:hover,
.wdt-popup-box-window .mfp-close:hover,
.dt-sc-modal-header .close-modal:hover,
.mfp-gallery .mfp-image-holder .mfp-close:hover,
.wdt-image-box-popup .mfp-image-holder .mfp-close:hover,
#yith-quick-view-modal .yith-wcqv-wrapper .yith-wcqv-main .yith-wcqv-head .yith-quick-view-close:hover,
body>.wdt-search-form-container .wdt-search-form-close:hover,
.suggested-product-list .suggested-product-data a.wdt_close:hover,
.wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a.wdt-shop-cart-widget-close-button:hover,
.wdt-search-form-container .wdt-search-form-close:hover,
.wdt-popup-box-holder .mfp-content .wdt-popup-close-button.mfp-close:hover,
.wdt-video-popup-container .mfp-close.wdt-video-close-btn:hover {
  font-size: 50px;
  font-weight: 300;
  color: var(--wdtAccentTxtColor);
  background-color: rgba(var(--wdtBtnHoverBgRgb), 1);
  -webkit-transform: none;
  transform: none;
  
}

/* -------------------------- hover before & after Close Button -------------------------- */
.wdt-popup-box-window.wdt-fade-zoom.mfp-ready.mfp-close-btn-in .mfp-close:hover:before,
.wdt-popup-box-window .mfp-close:hover:before,
.dt-sc-modal-header .close-modal:hover:before,
.mfp-gallery .mfp-image-holder .mfp-close:hover::before,
.wdt-image-box-popup .mfp-image-holder .mfp-close:hover::before,
#yith-quick-view-modal .yith-wcqv-wrapper .yith-wcqv-main .yith-wcqv-head .yith-quick-view-close:hover:before,
body>.wdt-search-form-container .wdt-search-form-close:hover:before,
.suggested-product-list .suggested-product-data a.wdt_close:hover::before,
.wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a.wdt-shop-cart-widget-close-button:hover::before,
.wdt-search-form-container .wdt-search-form-close:hover:before,
.wdt-popup-box-holder .mfp-content .wdt-popup-close-button.mfp-close:hover::before,
.wdt-video-popup-container .mfp-close.wdt-video-close-btn:hover::before {
  background-image: linear-gradient(45deg, white, transparent, transparent, white);
  width: 70px;
  opacity: 0;
}

.wdt-popup-box-window.wdt-fade-zoom.mfp-ready.mfp-close-btn-in .mfp-close:hover:after,
.wdt-popup-box-window .mfp-close:hover:after,
.dt-sc-modal-header .close-modal:hover:after,
.mfp-gallery .mfp-image-holder .mfp-close:hover:hover::after,
#yith-quick-view-modal .yith-wcqv-wrapper .yith-wcqv-main .yith-wcqv-head .yith-quick-view-close:hover:after,
body>.wdt-search-form-container .wdt-search-form-close:hover:after,
.suggested-product-list .suggested-product-data a.wdt_close:hover::after,
.wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a.wdt-shop-cart-widget-close-button:hover::after,
.wdt-search-form-container .wdt-search-form-close:hover:after,
.wdt-popup-box-holder .mfp-content .wdt-popup-close-button.mfp-close:hover::after,
.wdt-video-popup-container .mfp-close.wdt-video-close-btn:hover::after {
  background-image: linear-gradient(45deg, white, transparent, transparent, white);
  width: 70px;
  opacity: 0;
}

/* close alignments and gaps for various close buttons */
.wdt-popup-box-window .wdt-popup-box-content-holder .mfp-close,
.wdt-popup-box-window .mfp-close,
.wdt-image-box-popup .mfp-image-holder .mfp-close,
body>.wdt-search-form-container .wdt-search-form-close,
.wdt-video-popup-container .mfp-close.wdt-video-close-btn {
  margin: 20px;
}

.mfp-gallery .mfp-image-holder .mfp-close {
  right: -20px;
  top: 20px;
  position: absolute;
}

.wdt-popup-box-window button.mfp-close,
.wdt-image-box-popup .mfp-image-holder .mfp-close,
.wdt-video-popup-container .mfp-close.wdt-video-close-btn {
  right: 0px;
  top: 0px;
  position: absolute;
}

.wdt-popup-box-holder .mfp-content .wdt-popup-close-button.mfp-close {
  right: -20px;
  top: -20px;
  position: absolute;
}

.suggested-product-list .suggested-product-data a.wdt_close:before,
.suggested-product-list .suggested-product-data a.wdt_close:after {
  width: 15px;
}

#yith-quick-view-modal .yith-wcqv-wrapper .yith-wcqv-main .yith-wcqv-head .yith-quick-view-close,
body>.wdt-search-form-container .wdt-search-form-close {
  margin-left: auto;
}

/* shop cart sidebar close button */
.wdt-shop-cart-widget[class*="sidebar"] .wdt-shop-cart-widget-header a.wdt-shop-cart-widget-close-button {
  overflow: hidden;
  right: 0%;
  left: -45px;
  z-index: -1;
  text-indent: -9999px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  position: absolute;
  width: 45px;
  height: 45px
}

.wdt-shop-cart-widget[class*="sidebar"]:hover .wdt-shop-cart-widget-header a.wdt-shop-cart-widget-close-button {
  overflow: hidden;
  right: 0%;
  left: -45px;
  z-index: -1;
  text-indent: -9999px;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.wdt-search-form-container .wdt-search-form-close {
  position: absolute;
  height: 100%;
  width: 50px;
}

.wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner~.mfp-close {
  top: -20px;
  right: -20px;
  margin: 0px;
  position: absolute;
}

@media (max-width:767px) {
  .wdt-popup-box-holder .mfp-content .wdt-popup-close-button.mfp-close {
    right: 10px;
    top: 10px;
  }
  .wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder{ padding:20px; }
}


/* ═══════════════════════════════════════════════════════════════════════════ */
/*                                 Search Icon                                 */
/* ═══════════════════════════════════════════════════════════════════════════ */
#searchform input[type="submit"],
.widget .woocommerce-product-search button[type="submit"],
.widget .wdt-sidebar-search-form button[type="submit"] {
  border-width: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  z-index: 1;
  -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 487.95 487.95' style='enable-background:new 0 0 487.95 487.95;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M481.8,453l-140-140.1c27.6-33.1,44.2-75.4,44.2-121.6C386,85.9,299.5,0.2,193.1,0.2S0,86,0,191.4s86.5,191.1,192.9,191.1 c45.2,0,86.8-15.5,119.8-41.4l140.5,140.5c8.2,8.2,20.4,8.2,28.6,0C490,473.4,490,461.2,481.8,453z M41,191.4 c0-82.8,68.2-150.1,151.9-150.1s151.9,67.3,151.9,150.1s-68.2,150.1-151.9,150.1S41,274.1,41,191.4z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%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 487.95 487.95' style='enable-background:new 0 0 487.95 487.95;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M481.8,453l-140-140.1c27.6-33.1,44.2-75.4,44.2-121.6C386,85.9,299.5,0.2,193.1,0.2S0,86,0,191.4s86.5,191.1,192.9,191.1 c45.2,0,86.8-15.5,119.8-41.4l140.5,140.5c8.2,8.2,20.4,8.2,28.6,0C490,473.4,490,461.2,481.8,453z M41,191.4 c0-82.8,68.2-150.1,151.9-150.1s151.9,67.3,151.9,150.1s-68.2,150.1-151.9,150.1S41,274.1,41,191.4z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 16px auto;
  mask-size: 16px auto;
  background-color: var(--wdtPrimaryColor);
  position: absolute;
  bottom: 5px;
  right: 15px;
  top: 5px;
  text-align: center;
  width: 26px;
  height: auto;
}

.widget .woocommerce-product-search button[type="submit"],
.widget #searchform input[type="submit"],
.widget .wdt-sidebar-search-form button[type="submit"] {
  top: 5px;
}

/* ---------------------------- hover Search Icon --------------------------- */
#searchform input[type="submit"]:hover,
.widget .woocommerce-product-search button[type="submit"]:hover,
.widget .wdt-sidebar-search-form button[type="submit"]:hover {
  background-color: var(--wdtBtnHoverBg);
}



/* ═══════════════════════════════════════════════════════════════════════════ */
/*                                 Unit Test                                 */
/* ═══════════════════════════════════════════════════════════════════════════ */
.wp-block-query-pagination.wp-block-query-pagination-is-layout-flex {
  padding: 10px 0;
}

div.has-small-font-size {
  font-size: var(--wdtFontSize_Base) !important;
}

.wp-block-comment-author-name.has-small-font-size {
  font-weight: calc(var(--wdtFontWeight_Ext) + 200);
}





/* =====================================================================
   Product Loop — "Processing / Loading" dimmed overlay + spinner
   CSS only — no JS changes required.
   ===================================================================== */
ul.products {
    position: relative;
}
/* Soft white wash overlay on top of the grid while it "loads" */
ul.products::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, .6);
    opacity: 0;
    pointer-events: none;
    z-index: 8;
}
/* Spinner, centered over the grid */
ul.products::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    margin: -21px 0 0 -21px;
    border: 4px solid rgba(0, 0, 0, .12);
    border-top-color: #333;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    z-index: 9;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}
/* Continuous rotation — runs the whole time the spinner is visible */
@keyframes wdtSpin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
/* ---------------------------------------------------------------------
   Distinct keyframe NAME per state = the opacity animation reliably
   restarts every click, even though the class swap in JS happens
   instantly/synchronously (no setTimeout between add/remove).
   --------------------------------------------------------------------- */
@keyframes wdtOverlay1 { 0% { opacity: 0; } 15% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
@keyframes wdtOverlay2 { 0% { opacity: 0; } 15% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
@keyframes wdtOverlay3 { 0% { opacity: 0; } 15% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
@keyframes wdtOverlay4 { 0% { opacity: 0; } 15% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
@keyframes wdtOverlay5 { 0% { opacity: 0; } 15% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
@keyframes wdtOverlayList { 0% { opacity: 0; } 15% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
@keyframes wdtOverlayGrid { 0% { opacity: 0; } 15% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
/* Fade the whole grid content down (the "washed out" look) */
@keyframes wdtDim1 { 0% { opacity: 1; } 15% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } }
@keyframes wdtDim2 { 0% { opacity: 1; } 15% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } }
@keyframes wdtDim3 { 0% { opacity: 1; } 15% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } }
@keyframes wdtDim4 { 0% { opacity: 1; } 15% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } }
@keyframes wdtDim5 { 0% { opacity: 1; } 15% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } }
@keyframes wdtDimList { 0% { opacity: 1; } 15% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } }
@keyframes wdtDimGrid { 0% { opacity: 1; } 15% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } }
/* =======================================================================
   Column layout switch (1–5 columns)
   Each ::before rule runs TWO animations at once:
     1) wdtOverlayN   -> fades the spinner in/out (matches overlay timing)
     2) wdtSpin        -> spins continuously the whole time it's visible
   ======================================================================= */
ul.products.wdt-columns-1::after  { animation: wdtOverlay1 .3s ease; }
ul.products.wdt-columns-2::after  { animation: wdtOverlay2 .3s ease; }
ul.products.wdt-columns-3::after  { animation: wdtOverlay3 .3s ease; }
ul.products.wdt-columns-4::after  { animation: wdtOverlay4 .3s ease; }
ul.products.wdt-columns-5::after  { animation: wdtOverlay5 .3s ease; }
ul.products.wdt-columns-1::before { animation: wdtOverlay1 .3s ease, wdtSpin .6s linear infinite; }
ul.products.wdt-columns-2::before { animation: wdtOverlay2 .3s ease, wdtSpin .6s linear infinite; }
ul.products.wdt-columns-3::before { animation: wdtOverlay3 .3s ease, wdtSpin .6s linear infinite; }
ul.products.wdt-columns-4::before { animation: wdtOverlay4 .3s ease, wdtSpin .6s linear infinite; }
ul.products.wdt-columns-5::before { animation: wdtOverlay5 .3s ease, wdtSpin .6s linear infinite; }
ul.products.wdt-columns-1 .wdt-col { animation: wdtDim1 .3s ease; }
ul.products.wdt-columns-2 .wdt-col { animation: wdtDim2 .3s ease; }
ul.products.wdt-columns-3 .wdt-col { animation: wdtDim3 .3s ease; }
ul.products.wdt-columns-4 .wdt-col { animation: wdtDim4 .3s ease; }
ul.products.wdt-columns-5 .wdt-col { animation: wdtDim5 .3s ease; }
/* =======================================================================
   Grid <-> List display switch
   ======================================================================= */
ul.products.list-product-active::after        { animation: wdtOverlayList .3s ease; }
ul.products:not(.list-product-active)::after   { animations: wdtOverlayGrid .3s ease; }
ul.products.list-product-active::before        { animation: wdtOverlayList .3s ease, wdtSpin .6s linear infinite; }
ul.products:not(.list-product-active)::before  { animation: wdtOverlayGrid .3s ease, wdtSpin .6s linear infinite; }
ul.products.list-product-active .wdt-col        { animation: wdtDimList .3s ease; }
ul.products:not(.list-product-active) .wdt-col  { animation: wdtDimGrid .3s ease; }
/* Smooth width/position easing underneath the overlay */
ul.products .wdt-col {
    transition: width .3s ease, flex-basis .3s ease;
}