/*═══════════════════════════════════════════════════════════════════════════ */
/*                                 Links style                                */
/*═══════════════════════════════════════════════════════════════════════════ */
.commentlist li.comment .reply 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 {
  padding: 0;
  font-size: inherit;
  line-height: var(--wdtLineHeight_Ext);
  color: currentColor;
  border: 0;
  position: relative;
  width: fit-content;
  display: inline;
  text-decoration: none;
  box-shadow: none;
  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;
  background-color: transparent;
}

 /* ---------------------------------- 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 {
  color: var(--wdtLinkHoverColor);
  background-color: transparent;
  background-size: 0 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;
}

/* underline button link style */
.wdt-button-holder.wdt-button-style-underline .wdt-button .wdt-button-text {
  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;
  background-color: transparent;
}
.wdt-button-holder.wdt-button-style-underline .wdt-button:hover .wdt-button-text {
  background-size: 0 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, 
/* 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_Zero);
  border-radius: var(--wdtRadius_Zero);
  background: 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);
}

/* ---------------------------------- 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,
/* 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: var(--wdtBtnHoverBg);
  color: var(--wdtBtnHoverTxt);
  border-color: transparent;
  outline: none;
}

/* ---------------------------------- 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,
/* 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: var(--wdtBtnHoverBg);
  color: var(--wdtBtnHoverTxt);
  border-color: transparent;
}

 /* ---------------------------- 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: var(--wdtPrimaryColor);
  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);
  display: block;
  margin: 0;
  padding: var(--wdtInputPadding);
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: var(--wdtRadius_Zero);
  border-radius: var(--wdtRadius_Zero);
  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_Zero);
  border-radius: var(--wdtRadius_Zero);
  color: var(--wdtHeadAltColor);
  font-size: var(--wdtFontSize_Base);
  font-family: var(--wdtFontTypo_Base);
  font-weight: var(--wdtFontWeight_Base);
  transition:var(--wdtAltTransition);
}
/* 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_Zero);
  border-radius:var(--wdtRadius_Zero);
}
.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,
.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,
.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.15);
  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_Zero);
  border-radius: var(--wdtRadius_Zero);
  transform: translateY(-0.075em);
  display: inline-grid;
  place-content: center;
  background: rgba(var(--wdtBodyBGColorRgb), 0.5);
  padding: 0 0 !important;
  margin: 0 11px 0 0 !important;
  cursor: pointer;
  outline: none;
}
/* ---------------------------------- 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 {
  display: flex;
  gap: 10px;
  margin-top: 30px;
  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-"],
 .blog-single-entry div[class*="entry-thumb"].single-preview-img .bx-has-controls-direction .bx-controls-direction a[class*="bx-"] {
  background: var(--wdtPrimaryColor);
  color: var(--wdtAccentTxtColor);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 45px;
  height: 45px;
  font-size: var(--wdtFontSize_H5);
  margin: 0;
  padding: 0;
  -webkit-border-radius: var(--wdtRadius_Zero);
  border-radius: var(--wdtRadius_Zero);
  transition: var(--wdtAltTransition);
  z-index: 1;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
}
 /* ---------------------------------- 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,
.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(--wdtBtnHoverBg);
}
/* 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: var(--wdtAccentTxtColor);
  color: var(--wdtHeadAltColor);
}
 /* ------------------------------ 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(--wdtPrimaryColor);
  color: var(--wdtAccentTxtColor);
}

/* ----------------------------- 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: "theme-icons";
  font-style: normal;
  font-size: var(--wdtFontSize_H6);
  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: "\e800";
}
/* 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: "\e803";
  border-radius: inherit;
}

/* 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.5 !important;
  cursor: not-allowed !important;    
  background:var(--wdtPrimaryColor) !important;
  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: 10px;
  line-height: normal;
  margin: 6px;
  opacity: 1;
  padding: 0;
  position: relative;
  text-decoration: none;
  text-transform: none;
  vertical-align: top;
  width: 10px;
  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;
  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: transparent;
  color: var(--wdtHeadAltColor);
  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: 3px;
  padding: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  width: 45px;
  -webkit-border-radius: var(--wdtRadius_Zero);
  border-radius: var(--wdtRadius_Zero);
}
/* ------------------------------ 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-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: var(--wdtPrimaryColor);
  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;
}

/* 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,
.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 {
    background: rgba(var(--wdtHeadAltColorRgb), 0.75);    
    height: auto;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: auto;
    cursor: default;
    opacity: 1;
}

/* ------------------------------ close button ------------------------------ */
.wdt-popup-box-window .wdt-popup-box-content-holder .mfp-close, 
.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_Zero);
  -webkit-transform: none;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  position: relative;
  top: 0;
  right: 0;
  cursor: pointer;
}

/* ----------------------------- 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,
.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: 18px;
  height: 1.5px;
  background-color: currentColor;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: var(--wdt-Ad-Transition);
  transition: var(--wdt-Ad-Transition);
}
.wdt-popup-box-window.wdt-fade-zoom.mfp-ready.mfp-close-btn-in .mfp-close:after,
.wdt-popup-box-window .mfp-close: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, 
.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{
  background-color: var(--wdtBtnHoverBg);  
  -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,
.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{ 
  -webkit-transform: rotate(-135deg); 
  transform: rotate(-135deg); 
}
.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,
.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{ 
  -webkit-transform: rotate(135deg); 
  transform: rotate(135deg); 
}
/* 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;
}
}


/* ═══════════════════════════════════════════════════════════════════════════ */
/*                                 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: 1.25em auto;
  mask-size: 1.25em auto;     
  background-color: var(--wdtPrimaryColor);
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  text-align: center;
  width: 50px;   
  height: 50px;
}

.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) ;
}