/* ---------------- Common Class Names ---------------------- */ /* heading With Uppercase */ .wdt-heading-with-uppercase .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title { text-transform: uppercase; } /* title */ .wdt-cus-slider-heading .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(2.5rem, 2.125rem + 1.875vw, 4.375rem); /* Min-40 & Max-70 */ } /* icon aniimation */ @keyframes wdt-icon-push-animation { 0% { transform: scale(1); -webkit-transform: scale(1); } 50% { transform: scale(0.8); -webkit-transform: scale(0.8); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes wdt-icon-push-animation { 0% { transform: scale(1); -webkit-transform: scale(1); } 50% { transform: scale(0.8); -webkit-transform: scale(0.8); } 100% { transform: scale(1); -webkit-transform: scale(1); } } /* Image Fill Height */ .wdt-cus-image-fill-height, .wdt-cus-image-fill-height > div { height: 100%; } .wdt-cus-image-fill-height > div img { height: 100%; object-fit: cover; object-position: center; } /* Description Center Alignment */ .wdt-cus-description-center-alignment .wdt-heading-holder .wdt-heading-content-wrapper {text-wrap: balance;} /* Description Quote Style */ .wdt-cus-heading-description-style .wdt-heading-holder .wdt-heading-content-wrapper { padding: 10px 0 10px 20px; border-style: solid; border-color: var(--wdtPrimaryColor); border-width: 0 0 0 2px; } .wdt-dark-bg .wdt-cus-heading-description-style .wdt-heading-holder .wdt-heading-content-wrapper { border-color: var(--wdtTertiaryColor); } /* Advanced slider issue */ .wdt-advanced-carousel-wrapper.swiper-wrapper > .swiper-slide > .wdt-content-item > .elementor { width: 100%; display: block; } /* list Icon Text Empty */ .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text:empty { display: none; } /* ---------------- Common Class Names ---------------------- */ /* ------------ Header Styles --------------- */ /* contact Block */ .wdt-cus-header-contact-block .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { width: 40px; height: 40px; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); font-size: 24px; line-height: 0; } .wdt-cus-header-contact-block.alternate .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); } .wdt-cus-header-contact-block .wdt-content-item .wdt-content-media-group>div:not(:last-child) { margin-bottom: 0; } .wdt-cus-header-contact-block .wdt-content-item .wdt-content-elements-group > div:not(:last-child) { margin-bottom: 16px; } .wdt-cus-header-contact-block .wdt-content-item .wdt-content-subtitle { font-size: var(--wdtFontSize_Ext); font-family: var(--wdtFontTypo_Alt); letter-spacing: var(--wdtLetterSpacing_1X); } .wdt-cus-header-contact-block .wdt-content-item .wdt-content-title h5 { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); font-family: var(--wdtFontTypo_Base); } .wdt-cus-header-contact-block .wdt-content-item .wdt-content-media-group { display: flex; align-items: center; gap: 16px; } /* contact Icon only list */ .wdt-cus-contact-icon-only-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text:empty { display: none; } /* slide menu */ .wdt-cus-header-slide-menu .wdt-popup-box-trigger-element .wdt-popup-box-trigger-icon { width: 70px; height: 70px; background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); animation: none; -webkit-animation: none; overflow: hidden; } .wdt-cus-header-slide-menu .wdt-popup-box-trigger-element .wdt-popup-box-trigger-icon:hover i { animation: unset; -webkit-animation: unset; } .wdt-popup-box-trigger-icon svg.wdt-side-menu-icon { overflow: visible; } .wdt-popup-box-trigger-icon svg.wdt-side-menu-icon > *[class*="wdt-side-menu-icon-line-"] { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-popup-box-trigger-icon:hover svg.wdt-side-menu-icon > .wdt-side-menu-icon-line-01 { transform: translateX(-100%); -webkit-transform: translateX(-100%); opacity: 0; } .wdt-popup-box-trigger-icon:hover svg.wdt-side-menu-icon > .wdt-side-menu-icon-line-03 { transform: translateX(100%); -webkit-transform: translateX(100%); opacity: 0; } /* ----------- Header Styles --------------*/ /* ------------ Footer Styles -------------- */ /* call center block */ .wdt-cus-footer-call-center-block .wdt-content-item .wdt-content-title h5 { font-size: var(--wdtFontSize_H6); line-height: var(--wdtLineHeight_Alt); margin-right: 6px; pointer-events: none; } .wdt-cus-footer-call-center-block .wdt-content-item .wdt-content-button > a, .wdt-dark-bg.wdt-cus-footer-call-center-block .wdt-content-item .wdt-content-button > a { font-size: var(--wdtFontSize_H6); background: none; padding: 0; border: 0; font-weight: var(--wdtFontWeight_Alt); line-height: var(--wdtLineHeight_Alt); transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } #footer .wdt-cus-footer-call-center-block .wdt-content-item .wdt-content-button > a:hover, #footer .wdt-dark-bg.wdt-cus-footer-call-center-block .wdt-content-item .wdt-content-button > a:hover { color: rgb(var(--wdtAccentTxtColorRgb),.8); background: none; transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } .wdt-cus-footer-call-center-block .wdt-content-item .wdt-content-media-group { display: flex; align-items: center; } .wdt-cus-footer-call-center-block .wdt-content-item>div[class*="group"] > .wdt-content-title { width: auto; } .wdt-cus-footer-call-center-block .wdt-content-item .wdt-content-media-group>div:not(:last-child) { margin-bottom: 0; } /* Social Icon Block */ .wdt-cus-footer-social-icons-list ul.elementor-icon-list-items { gap: 12px; } .wdt-cus-footer-social-icons-list ul.elementor-icon-list-items li.elementor-icon-list-item a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: var(--wdtBorderColor); } #footer .wdt-cus-footer-social-icons-list ul.elementor-icon-list-items li.elementor-icon-list-item a { background-color: var(--wdtTertiaryColor); } .wdt-cus-footer-social-icons-list ul.elementor-icon-list-items li.elementor-icon-list-item a:hover, #footer .wdt-cus-footer-social-icons-list ul.elementor-icon-list-items li.elementor-icon-list-item a:hover { background-color: var(--wdtPrimaryColor); } .wdt-cus-footer-social-icons-list ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-icon svg { margin: 0; } /* Footer hotspot */ .wdt-cus-footer-hotspot .wdt-hotspot-item-trigger { padding: 0; background: none; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); border-color: var(--wdtPrimaryColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-footer-hotspot .wdt-hotspot-item-active .wdt-hotspot-item-trigger { border-color: transparent; background: none; } .wdt-cus-footer-hotspot .wdt-hotspot-item-trigger .wdt-hotspot-item-icon .wdt-content-icon-wrapper .wdt-content-icon span { line-height: 0; font-size:var(--wdtFontSize_Base); width: auto; height: auto; display: block; } .wdt-cus-footer-hotspot .wdt-hotspot-holder .tippy-box .tippy-content { padding: 0; background: none; } .wdt-cus-footer-hotspot .wdt-hotspot-holder .tippy-box .tippy-content p { font-size: var(--wdtFontSize_Base); font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Alt); line-height: var(--wdtLineHeight_Alt); color: var(--wdtAccentTxtColor); } .wdt-cus-footer-hotspot .wdt-hotspot-holder .tippy-box .tippy-content h5 { color: var(--wdtAccentTxtColor); } .wdt-cus-footer-hotspot .wdt-hotspot-ripple:before { -webkit-animation: wdt-cus-hotspot-ripple 4s linear infinite; animation: wdt-cus-hotspot-ripple 4s linear infinite; } .wdt-cus-footer-hotspot .wdt-hotspot-ripple:after { -webkit-animation: wdt-cus-hotspot-ripple 4s linear 3s infinite; animation: wdt-cus-hotspot-ripple 4s linear 3s infinite; } .wdt-cus-footer-hotspot .wdt-hotspot-ripple > div:after { -webkit-animation: wdt-cus-hotspot-ripple 4s linear 1s infinite; animation: wdt-cus-hotspot-ripple 4s linear 1s infinite; } .wdt-cus-footer-hotspot .wdt-hotspot-ripple > div:before { -webkit-animation: wdt-cus-hotspot-ripple 4s linear 2s infinite; animation: wdt-cus-hotspot-ripple 4s linear 2s infinite; } @keyframes wdt-cus-hotspot-ripple { 0% { transform: scale(1); -webkit-transform: scale(1); } 50% { transform: scale(2.5); -webkit-transform: scale(2.5); opacity: 1; } 100% { transform: scale(4); -webkit-transform: scale(4); opacity: 0; } } @-webkit-keyframes wdt-cus-hotspot-ripple { 0% { transform: scale(1); -webkit-transform: scale(1); } 50% { transform: scale(2.5); -webkit-transform: scale(2.5); opacity: 1; } 100% { transform: scale(4); -webkit-transform: scale(4); opacity: 0; } } /* contact Lists */ .wd-cus-footer-contact-lists .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text { text-wrap: balance; } /* Payments icon list */ .wdt-cus-footer-payment-icons ul.elementor-icon-list-items { margin: -5px !important; } .wdt-cus-footer-payment-icons ul.elementor-icon-list-items li.elementor-icon-list-item { margin: 5px !important; } .wdt-cus-footer-payment-icons .elementor-icon-list-items .elementor-icon-list-item a { background-color: var(--wdtAccentTxtColor); width: auto; padding: 3px; /* border-radius: var(--wdtRadius_3X); -webkit-border-radius: var(--wdtRadius_3X); */ } .wdt-cus-footer-payment-icons .elementor-icon-list-items .elementor-icon-list-item a span, .wdt-cus-footer-payment-icons .elementor-icon-list-items .elementor-icon-list-item a span svg { width: inherit; margin: 0; } .wdt-cus-footer-payment-icons.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text { padding: 0; } /* Privacy Policy Text */ .wdt-cus-footer-privacy-policy.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item::after { transform: rotate(26deg); -webkit-transform: rotate(26deg); } /* Contact Lists Bootom */ .wdt-cus-footer-contact-list-icon-box .wdt-content-item { display: flex; } .wdt-cus-footer-contact-list-icon-box .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: 30px; padding: 0; color: var(--wdtAccentTxtColor); margin-right: 20px; } .wdt-cus-footer-contact-list-icon-box .wdt-content-item > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-footer-contact-list-icon-box .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 10px; } .wdt-cus-footer-contact-list-icon-box .wdt-content-item .wdt-content-description { text-wrap: balance; color: rgb(var(--wdtAccentTxtColorRgb),0.8); } #footer .wdt-cus-footer-contact-list-icon-box .wdt-content-item .wdt-content-title h5, #footer .wdt-cus-footer-contact-list-icon-box .wdt-content-item .wdt-content-title h5 a { color: rgb(var(--wdtAccentTxtColorRgb),1); pointer-events: none; } #footer .wdt-cus-footer-contact-list-icon-box .wdt-content-item .wdt-content-button > a { border: 0; background: none; padding: 0; color: rgb(var(--wdtAccentTxtColorRgb),0.8); font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Base); text-transform: none; transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } #footer .wdt-cus-footer-contact-list-icon-box .wdt-content-item .wdt-content-button > a:hover { color: rgb(var(--wdtAccentTxtColorRgb),1); transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } /* Responsive */ /* @media (max-width: 767px) and (min-width: 480px) { .wdt-cus-footer-contact-list-icon-box .wdt-content-item { flex-direction: column; } .wdt-cus-footer-contact-list-icon-box .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { margin-right: 0; margin-bottom: 14px; } } */ @media (max-width: 479px) { .wdt-cus-footer-contact-list-icon-box .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { margin-right: 10px; } } /* ------------ Footer Styles -------------- */ /* --------------------- Common Style Over all ---------------------- */ /* Icon List text filed empty */ .wdt-cus-footer-social-icons-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text:empty { display: none; } /* --------------------- Common Style Over all ---------------------- */ /* --------------- GT translater --------------- */ .gtranslate_wrapper #gt_float_wrapper { display: flex; } .gtranslate_wrapper #gt_float_wrapper .gt_float_switcher { font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Base); line-height: var(--wdtLineHeight_Base); color: var(--wdtBodyTxtColor); box-shadow: unset; -webkit-box-shadow: unset; border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); background: none; width: 100%; } .gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt_options { position: absolute; background: var(--wdtAccentTxtColor); max-height: 200px; width: 220px; transform: translateY(20px); -webkit-transform: translateY(20px); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt_options.gt-open { transform: translateY(4px); -webkit-transform: translateY(4px); } .gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt_options a { color: var(--wdtLinkColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt_options a:hover { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); } .gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang { padding: 0; color: var(--wdtLinkColor); font-weight: var(--wdtFontWeight_Alt); } .gtranslate_wrapper #gt_float_wrapper .gt_float_switcher img { border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); width: 22px; } .gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt-selected { background: none; } .gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow { margin-left: 10px; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow.gt_arrow_rotate { transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); } /* Dark Bg */ .wdt-dark-bg .gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang { color: var(--wdtAccentTxtColor); } .wdt-dark-bg .gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow { filter: brightness(100); } /* --------------- GT translater --------------- */ /* ---------------- Currency Switcher ----------------- */ .widget.widget-woocommerce-currency-switcher { margin: 0; padding: 0; box-shadow: unset; -webkit-box-shadow: unset; background: none; } .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .dd-container { display: none; } .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .select2-container { margin-bottom: 0; } .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .select2-container--default .select2-selection--single { border: 0; } .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .select2-container.select2-container--default .select2-selection--single { line-height: 1; background: none !important; } .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 0; text-align: left; color: var(--wdtHeadAltColor); } .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .select2-container { color: var(--wdtHeadAltColor); font-weight: var(--wdtFontWeight_Alt); line-height: 0; } .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .select2-container--default .select2-selection--single .select2-selection__arrow { right: 0 !important; } .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0; display: inline-block; height: 24px; width: 15px; vertical-align: middle; background-image: url("data:image/svg+xml;utf8,"); background-position: 50%; background-size: 11px; background-repeat: no-repeat; margin-top: -11px; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); } html body > .select2-container--open .select2-dropdown.select2-dropdown--below:has( > .select2-results #select2-woocommerce-currency-switcher-lc-results) { width: 100px !important; } html body > .select2-container--open .select2-dropdown.select2-dropdown--below:has( > .select2-results #select2-woocommerce-currency-switcher-lc-results) > .select2-search.select2-search--dropdown .input[type="search"] { padding: 0; } /* Dark Bg */ .wdt-dark-bg .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .select2-container, .wdt-dark-bg .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--wdtAccentTxtColor); } .wdt-dark-bg .widget-woocommerce-currency-switcher .woocommerce-currency-switcher-form .select2-container--default .select2-selection--single .select2-selection__arrow b { filter: brightness(100); } /* ---------------- Currency Switcher ----------------- */ /* ------------------ Blog Detail ------------------ */ /* testimonial 01 */ .wdt-cus-blog-detail-testimonial .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { padding: 0; line-height: 0; font-size: 64px; width: 110px; height: 110px; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); background-color: var(--wdtTertiaryColor); color: var(--wdtPrimaryColor); justify-content: flex-end; } .wdt-cus-blog-detail-testimonial .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span i { right: -16px; } .wdt-cus-blog-detail-testimonial .wdt-content-item .wdt-content-detail-group>div:not(:last-child) { margin-bottom: 0; } .wdt-cus-blog-detail-testimonial .wdt-content-item .wdt-content-detail-group { display: flex; align-items: center; gap: 50px; } /* Tags */ .elementor-widget-wdt-post-tags .entry-tags-wrapper .single-entry-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; } .blog-single-entry .elementor-widget-wdt-post-tags div[class*="entry-"]:not(.wdt-post-entry) { margin-bottom: 0; } .elementor-widget-wdt-post-tags .entry-tags-wrapper .single-entry-tags a { line-height: var(--wdtLineHeight_Ext); font-family: var(--wdtFontTypo_Alt); font-size: calc(var(--wdtFontSize_Base) + 2px); font-weight: var(--wdtFontWeight_Alt); border: 1px solid var(--wdtTertiaryColor) !important; background-color: var(--wdtTertiaryColor); color: var(--wdtLinkColor); padding: 10px 20px; margin: 0; } .blog-single-entry.post-minimal>.single-entry-body .elementor-widget-wdt-post-tags .single-entry-tags a:hover { color: var(--wdtAccentTxtColor); background-color: var(--wdtLinkColor); border-color: var(--wdtLinkColor) !important; } .blog-single-entry.post-minimal>.single-entry-body .elementor-widget-wdt-post-tags .single-entry-tags a:not(:last-child) { margin: 0; } /* social share */ .blog-single-entry .elementor-widget-wdt-post-socials div[class*="entry-"]:not(.wdt-post-entry) { margin-bottom: 0; } .elementor-widget-wdt-post-socials .entry-social-share-wrapper .single-entry-social-share .share ul.wdt-share-list { margin: 0; } /* testimonial 02 */ .wdt-cus-blog-detail-testimonial-02 .wdt-content-item { display: flex; align-items: center; gap: 30px; padding: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem); /*50px - 30px, 20px*/ background-color: var(--wdtTertiaryColor); } .wdt-cus-blog-detail-testimonial-02 .wdt-content-item>div:not(:last-child) { margin-bottom: 0; } .wdt-cus-blog-detail-testimonial-02 .wdt-content-item .wdt-content-image>span, .wdt-cus-blog-detail-testimonial-02 .wdt-content-item .wdt-content-image>a { border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); width: clamp(6.25rem, 5.75rem + 2.5vw, 8.75rem); /*140px - 100px*/ } .wdt-cus-blog-detail-testimonial-02 .wdt-content-item .wdt-content-media-group { flex: 1 0 auto; align-self: flex-start; line-height: 0; } .wdt-cus-blog-detail-testimonial-02 .wdt-content-item .wdt-content-title h5, .wdt-cus-blog-detail-testimonial-02 .wdt-content-item .wdt-content-subtitle { font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontTypo_Alt); font-family: var(--wdtFontTypo_Alt); line-height: normal; } /* responsive */ @media (min-width: 1025px) { .wdt-cus-blog-detail-testimonial-02 .wdt-content-item .wdt-content-description { padding-right: 10%; } } @media (max-width:767px) { .wdt-cus-blog-detail-testimonial-02 .wdt-content-item { flex-direction: column; gap: 10px; } .wdt-cus-blog-detail-testimonial .wdt-content-item .wdt-content-detail-group { gap: 0; } .wdt-cus-blog-detail-testimonial .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { position: absolute; inset: 0; margin: auto; opacity: 0.2; } } /* ------------------ Blog Detail ------------------ */ /* ------------------- Product style 01 --------------------- */ /* details */ .woocommerce ul.products.wdt-cus-product-style-default li.product .product-wrapper .yith-wcwl-add-to-wishlist { display: none !important; } /* .woocommerce ul.products.wdt-cus-product-style-default li.product .product-details { background-color: var(--wdtTertiaryColor); border-style: solid; border-width: 1px 0 0 0; border-color: var(--wdtBorderColor); } .woocommerce ul.products.wdt-cus-product-style-default li.product:hover .product-details { border-color: var(--wdtPrimaryColor); } */ .woocommerce ul.products.product-padding-content.wdt-cus-product-style-default li.product .product-details { padding: 30px 20px; } .woocommerce ul.products.wdt-cus-product-style-default li.product .product-details>div { margin: 10px 0 0; } .woocommerce ul.products.wdt-cus-product-style-default li.product .product-details>div:first-child { margin-top: 0; } .woocommerce ul.products.wdt-cus-product-style-default li.product .product-details .product-element-group-wrapper .product-element-group-items { display: block; width: 100%; } .woocommerce ul.products.wdt-cus-product-style-default.product-content-alignment-center li.product .product-details .product-element-group-wrapper .product-element-group-items { text-align: center; } .woocommerce ul.products.wdt-cus-product-style-default li.product .product-details .product-element-group-wrapper .product-element-group-items { padding: 0; } .woocommerce ul.products.wdt-cus-product-style-default li.product .product-details .product-element-group-wrapper .product-element-group-items>div { margin: 0; } /* ratings */ .woocommerce ul.products.wdt-cus-product-style-default li.product .product-details .product-rating-wrapper { line-height: 1; margin: 0; width: auto; } .woocommerce ul.products.wdt-cus-product-style-default li.product .product-details .product-rating-wrapper .star-rating { margin: 0; } /* Price */ .woocommerce ul.products li.product .price { margin: 0; font-size: var(--wdtFontSize_Base); font-weight: calc(var(--wdtFontWeight_Base) + 100); letter-spacing: var(--wdtLetterSpacing_1X); } .woocommerce ul.products li.product .price del { opacity: 1; margin-right: 10px; } .woocommerce ul.products li.product .price ins { font-weight: calc(var(--wdtFontWeight_Base) + 100); } /* Image */ /* .woocommerce ul.products.wdt-cus-product-style-default li.product .product-thumb .image, .woocommerce ul.products.wdt-cus-product-style-default li.product .product-thumb .image .secondary-image { padding: 14%; } */ /* Button */ .woocommerce ul.wdt-cus-product-style-default.products:not(.product-thumb-bg-image) li.product .product-wrapper .product-thumb>.product-thumb-content { padding: 0; } /* Ratings */ .woocommerce ul.products.wdt-cus-product-style-default li.product .product-thumb .product-thumb-content>div.product-element-group-wrapper { position: absolute; margin: 0; top: 10px; width: auto; left: 10px; right: 10px; display: flex; justify-content: space-between; align-items: center; } .woocommerce ul.products.wdt-cus-product-style-default li.product .product-thumb .product-element-group-wrapper .product-element-group-items { padding: 0; width: auto; } .woocommerce ul.products.wdt-cus-product-style-default li.product .product-thumb .product-element-group-wrapper .product-element-group-items>div { margin: 0; } .woocommerce ul.products.wdt-cus-product-style-default li.product .product-thumb .product-element-group-wrapper .product-element-group-items .product-labels { visibility: visible; opacity: 1; position: relative; left: 0; top: 0; width: auto; transform: unset; -webkit-transform: unset; transition: unset; -webkit-transition: unset; } .woocommerce ul.products.wdt-cus-product-style-default li.product .product-thumb .product-element-group-wrapper .product-element-group-items .product-labels>span.instock { background-color: rgb(221, 240, 223); color: rgb(51, 114, 57); font-weight: var(--wdtFontWeight_Alt); border-radius: var(--wdtRadius_Part); -webkit-border-radius: var(--wdtRadius_Part); } .woocommerce ul.products.wdt-cus-product-style-default li.product .product-thumb .product-element-group-wrapper .product-element-group-items .product-labels>span.instock>span:before { content: ""; position: relative; display: inline-block; width: 8px; height: 8px; background-color: rgb(51, 114, 57); border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); margin-right: 6px; top: -1px; animation: wdt-stock-blink-animation 0.6s linear infinite; -webkit-animation: wdt-stock-blink-animation 0.6s linear infinite; } @keyframes wdt-stock-blink-animation { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } } @-webkit-keyframes wdt-stock-blink-animation { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } } /* out of stock */ .woocommerce ul.products.wdt-cus-product-style-default li.product.outofstock .product-thumb .product-element-group-wrapper .product-element-group-items .product-labels>span.instock>span:before { background-color: rgb(228, 0, 0); } .woocommerce ul.products.wdt-cus-product-style-default li.product.outofstock .product-thumb .product-element-group-wrapper .product-element-group-items .product-labels>span.instock { background-color: rgb(254, 218, 218); color: rgb(228, 0, 0); } .woocommerce ul.products.wdt-cus-product-style-default li.product .product-thumb .product-element-group-wrapper>div:nth-child(2):nth-last-child(1) { text-align: unset; } .woocommerce ul.products.wdt-cus-product-style-default li.product .star-rating { margin: 0; } /* offer */ .woocommerce ul.products.wdt-cus-product-style-default:not(.product-thumb-bg-image) li.product .product-offers, .woocommerce ul.products.wdt-cus-product-style-default:not(.product-thumb-bg-image) li.product .product-labels { opacity: 0; visibility: visible; transform: translate(0, -100%); -webkit-transform: translate(0, -100%); transition: transform .5s ease, opacity .5s linear; -webkit-transition: -webkit-transform .5s ease, opacity .5s linear; } .woocommerce ul.products.wdt-cus-product-style-default:not(.product-thumb-bg-image) li.product:hover .product-offers, .woocommerce ul.products.wdt-cus-product-style-default:not(.product-thumb-bg-image) li.product:hover .product-labels { visibility: visible; opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform .5s ease, opacity .5s linear; -webkit-transition: -webkit-transform .5s ease, opacity .5s linear; } /* element group */ .woocommerce ul.products.wdt-cus-product-style-default.product-content-hover-slidebottom li.product .product-thumb-content { opacity: 1; } .woocommerce ul.products.product-content-hover-slidebottom.wdt-cus-product-style-default li.product .product-thumb-content>div.product-element-group-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; transition: transform .5s ease, opacity .5s linear; -webkit-transition: -webkit-transform .5s ease, opacity .5s linear; } .woocommerce ul.products.product-content-hover-slidebottom.wdt-cus-product-style-default li.product:hover .product-thumb-content>div.product-element-group-wrapper { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); opacity: 0; transition: transform .5s ease, opacity .5s linear; -webkit-transition: -webkit-transform .5s ease, opacity .5s linear; } /* wishlist Default */ .woocommerce ul.products.wdt-cus-product-style-default li.product .product-wrapper > .tinv-wraper { display: none; } /* ------------------- Product style 01 --------------------- */ /* -------------------- Shop Detail -------------------- */ /* Payments Icons */ .wdt-shop-detail-payments-list.wdt-cus-footer-payment-icons .elementor-icon-list-items .elementor-icon-list-item a { background-color: var(--wdtTertiaryColor); } .woocommerce div.product *[class*="-wdt-shop-product-single-summary"].elementor-widget-wdt-shop-product-single-summary div.summary, .woocommerce-page div.product *[class*="-wdt-shop-product-single-summary"].elementor-widget-wdt-shop-product-single-summary div.summary { margin-bottom: 0; } .woocommerce div.product *[class*="-wdt-shop-product-single-summary"].elementor-widget-wdt-shop-product-single-summary div.summary button.single_add_to_cart_button, .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist a, .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wc_btn_inline form.cart .tinv-wishlist a { transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist, .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist div, .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { height: 100%; } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist a { font-size: 0; padding: 0; width: 54px; height: 100%; line-height: 1; display: flex; align-items: center; justify-content: center; background-color: transparent !important; border: 1px solid var(--wdtLinkColor) !important; color: var(--wdtLinkColor) !important; } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wc_btn_inline form.cart .tinv-wishlist a { background-color: transparent !important; border: 1px solid var(--wdtLinkColor) !important; color: var(--wdtLinkColor) !important; } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist a:hover, .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wc_btn_inline form.cart .tinv-wishlist a:hover { color: var(--wdtAccentTxtColor) !important; background-color: var(--wdtSecondaryColor) !important; } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist a:before { font-size: 20px; position: absolute; inset: 0; margin: auto; width: fit-content; height: fit-content; } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist a span { display: none; } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .wc_btn_inline .yith-wcwl-add-to-wishlist a i { margin-right: 0; font-size: 20px; } /* Buy Now Button */ .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons { display: flex; flex-wrap: wrap; gap: 10px; } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .product-buy-now { flex: 1; } .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper .wc_inline_buttons .product-buy-now a.quick_buy_now_button { width: 100%; margin: 0; transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; white-space: nowrap; } /* Button Group Stock */ .woocommerce .elementor-widget-wdt-shop-product-single-summary .wdt-product-summary .product-buttons-wrapper p.stock { display: none; } /* Offer badge */ .woocommerce .elementor-widget-wdt-shop-product-single-summary .summary.wdt-product-summary>div.wdt-single-product-price, .woocommerce .elementor-widget-wdt-shop-product-single-summary .summary.wdt-product-summary>div.wdt-single-product-offer-percent { width: auto; vertical-align: middle; } .woocommerce div.product .summary.wdt-product-summary>div.wdt-single-product-offer-percent { padding: 4px 8px; background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); margin-left: 14px; } .woocommerce div.product .elementor-widget-wdt-shop-product-single-summary form.cart div.quantity, .woocommerce div.product .elementor-widget-wdt-shop-product-single-summary form.cart div.quantity ~ a, .woocommerce div.product .elementor-widget-wdt-shop-product-single-summary form.cart div.quantity ~ a.button, .woocommerce div.product .elementor-widget-wdt-shop-product-single-summary form.cart div.quantity ~ button, .woocommerce div.product .elementor-widget-wdt-shop-product-single-summary form.cart div.quantity ~ button.button, .woocommerce div.product .elementor-widget-wdt-shop-product-single-summary form.cart div.quantity ~ .button, .woocommerce div.product .elementor-widget-wdt-shop-product-single-summary form.cart div.quantity ~ .button.alt, .woocommerce div.product .elementor-widget-wdt-shop-product-single-summary form.cart div.quantity ~ .button.disabled, .woocommerce div.product .elementor-widget-wdt-shop-product-single-summary form.cart div.quantity ~ .button[disabled], .woocommerce div.product .elementor-widget-wdt-shop-product-single-summary form.cart div.quantity ~ .button.alt.disabled, .woocommerce div.product .elementor-widget-wdt-shop-product-single-summary form.cart div.quantity ~ .button.alt[disabled] { margin: 0; } /* -------------- Sticky Column ------------------*/ .wdt-sticky-col > .elementor-widget-wrap { position: sticky; height: fit-content; top: 50px; } /* ----------------- Sticky Column ----------------- */ /* -------------------- Shop Detail -------------------- */ /* ------------------------- Cart Page ------------------------- */ /* Left side block title */ .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__header { font-size: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem); /* Min-20 & Max-26 */ text-transform: capitalize; background-color: var(--wdtSecondaryColor); border-style: solid; border-color: rgb(var(--wdtBorderColorRgb), 1); border-width: 0 0 1px; } .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header th, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__header th { font-weight: var(--wdtFontWeight_Alt); font-family: var(--wdtFontTypo_Alt); } .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total { text-align: center; } /* product details */ .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name { width: 100%; max-width: fit-content; margin: auto; line-height: var(--wdtLineHeight_Alt); margin-bottom: 20px; } .woocommerce-page .wc-block-components-product-name { font-size: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); /* Min-26 & Max-30 */ font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); text-decoration: none; color: var(--wdtLinkColor); } .woocommerce-page a.wc-block-components-product-name:hover { color: var(--wdtLinkHoverColor); } .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>*, .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>* { margin-bottom: 20px; } .woocommerce-page .wc-block-components-product-price__value.is-discounted { background: none; padding: 0; } .woocommerce-page .wc-block-components-product-price { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Alt); line-height: normal; display: flex; justify-content: center; align-items: center; } .woocommerce-page .wc-block-components-product-badge { text-transform: capitalize; border-radius: var(--wdtRadius_Zero); font-size: var(--wdtFontSize_Base); padding: 10px; border: 1px solid rgb(var(--wdtBorderColorRgb), 1); color: var(--wdtHeadAltColor); font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Ext); } .woocommerce-page .wc-block-components-product-details.wc-block-components-product-details { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: -10px; } .woocommerce-page .wc-block-components-product-details.wc-block-components-product-details:last-of-type { margin-bottom: -10px; } .woocommerce-page .wc-block-components-product-details.wc-block-components-product-details li { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Base); padding: 10px; } .woocommerce-page .wc-block-components-quantity-selector { margin: 0; border-radius: var(--wdtRadius_Zero); width: fit-content; border: 1px solid var(--wdtBorderColor); } .woocommerce-page .wc-block-components-quantity-selector::after { border-color: rgb(var(--wdtBorderColorRgb), 1); border-radius: var(--wdtRadius_Zero); border: 0; } .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-quantity-selector { margin: 0; } .woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled { opacity: 1; cursor: not-allowed; } .woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button, .woocommerce-page .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { width: 40px; height: 52px; min-width: 40px; flex: 1; border-radius: var(--wdtRadius_Zero); padding: 0; font-size: var(--wdtFontSize_Ext); color: var(--wdtHeadAltColor); font-weight: var(--wdtFontWeight_Ext); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); font-family: var(--wdtFontTypo_Alt); box-shadow: unset; -webkit-box-shadow: unset; transform: unset; -webkit-transform: unset; } .woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus { font-size: 20px; } .woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { border: 0 solid rgb(var(--wdtBorderColorRgb), 1); font-size: 24px; font-weight: var(--wdtFontWeight_Ext); opacity: 1; } .woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover, .woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus { color: var(--wdtLinkHoverColor); box-shadow: unset; -webkit-box-shadow: unset; } .woocommerce-page .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus { box-shadow: unset; -webkit-box-shadow: unset; } .woocommerce-page .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { border-style: solid; border-color: rgb(var(--wdtBorderColorRgb), 1); border-width: 0; } .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link { font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); padding: var(--wdtPadding_Btn); line-height: var(--wdtLineHeight_Ext); color: var(--wdtAccentTxtColor); background-color: var(--wdtPrimaryColor); text-decoration: none; margin: 10px; text-transform: uppercase; font-family: var(--wdtFontTypo_Alt); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); letter-spacing: var(--wdtLetterSpacing_2X); transform: unset; -webkit-transform: unset; } .woocommerce-page .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-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover, .woocommerce-page .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-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus { color: var(--wdtAccentTxtColor); background-color: var(--wdtSecondaryColor); text-decoration: none; } .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: -10px !important; } .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity>* { margin: 10px; } .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product { visibility: visible; } /* total column */ .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total { text-align: center; } .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total, .woocommerce-page .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image, .woocommerce-page table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image { width: 150px; } .woocommerce-page .wc-block-cart-item__total-price-and-sale-badge-wrapper { align-items: center; } .woocommerce-page .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge { margin-top: 10px; } .woocommerce-page .wc-block-components-sidebar .wc-block-components-totals-item { align-items: center; gap: 10px; } .woocommerce-page .wc-block-components-sidebar .wc-block-components-totals-item > *:empty { display: none; } /* Main componenets Left side and right side */ .woocommerce-page .wc-block-components-sidebar-layout .wc-block-components-main { width: 65%; padding: 0; position: sticky; top: 50px; height: fit-content; } .woocommerce-page .wc-block-components-sidebar { width: calc(35% - 50px); padding: 0; margin-left: 50px; position: sticky; top: 50px; height: fit-content; } .woocommerce-page .page-with-sidebar .wc-block-components-sidebar-layout .wc-block-components-main, .woocommerce-page .page-with-sidebar .wc-block-components-sidebar { position: relative; top: 0; } .woocommerce-page .wc-block-components-sidebar-layout .wc-block-components-main table.wc-block-cart-items tbody { background-color: transparent; } .woocommerce-page .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block { border: 1px solid rgb(var(--wdtBorderColorRgb), 1); background-color: var(--wdtAccentTxtColor); } .woocommerce-page .wc-block-components-sidebar-layout.is-large .wc-block-components-main table.wc-block-cart-items tr.wc-block-cart-items__row:not(:last-child) { border-bottom: 1px solid rgb(var(--wdtBorderColorRgb), 1); } /* right side block */ .woocommerce-page .wc-block-components-totals-wrapper { padding: 20px 0; border-color: rgb(var(--wdtBorderColorRgb), 1); } .woocommerce-page .wp-block-woocommerce-cart-order-summary-totals-block { border-color: var(--wdtBorderColor); } .woocommerce-page .wc-block-components-sidebar .wc-block-components-totals-coupon .wc-block-components-totals-coupon-link { margin: 0; } .wc-block-components-totals-coupon .wc-block-components-panel__button, .wc-block-components-totals-coupon .wc-block-components-panel__button:hover, .wc-block-components-totals-coupon .wc-block-components-panel__button:focus { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Alt); transform: unset; -webkit-transform: unset; } .wc-block-components-totals-coupon .wc-block-components-panel__button:hover { color: var(--wdtLinkHoverColor); } .woocommerce-page .wc-block-components-totals-item__value, .woocommerce-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-weight: var(--wdtFontWeight_Alt); } .woocommerce-page .wc-block-components-totals-item__label { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Alt); color: var(--wdtHeadAltColor); } .woocommerce-page .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link { padding: var(--wdtPadding_Btn); margin-top: 20px; background-color: var(--wdtPrimaryColor); text-decoration: none; } .woocommerce-page .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link:hover, .woocommerce-page .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address__link :focus { background-color: var(--wdtSecondaryColor); } .woocommerce-page .wc-block-components-totals-item__description { font-size: var(--wdtFontSize_Base); } .woocommerce-page .wc-block-components-totals-shipping .wc-block-components-shipping-address { margin-top: 20px; } .woocommerce-page .wc-block-components-radio-control__label, .woocommerce-page .wc-block-components-radio-control__secondary-label { line-height: var(--wdtLineHeight_Base); color: var(--wdtHeadAltColor); text-transform: capitalize; } .woocommerce-page .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__description-group .wc-block-components-radio-control__description, .woocommerce-page .wc-block-components-radio-control__secondary-description { font-size: var(--wdtFontSize_Base); line-height: var(--wdtLineHeight_Base); } .woocommerce-page .wc-block-components-shipping-rates-control__package .wc-block-components-shipping-rates-control__package__description--free { text-transform: capitalize; } .woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before { background: var(--wdtPrimaryColor); } .woocommerce-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .woocommerce-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: var(--wdtFontSize_Ext); } .woocommerce-page .wc-block-cart__submit { margin-bottom: 0; } .woocommerce-page .wp-block-woocommerce-proceed-to-checkout-block.wc-block-cart__submit { margin-top: 10px; } .woocommerce-page .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input { height: 100%; } .woocommerce-page .wc-block-components-button:not(.is-link) { padding: var(--wdtPadding_Btn); line-height: var(--wdtLineHeight_Ext); background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); box-shadow: unset; -webkit-box-shadow: unset; font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); font-family: var(--wdtFontTypo_Alt); letter-spacing: var(--wdtLetterSpacing_2X); text-transform: uppercase; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .woocommerce-page .wc-block-components-button.wc-block-components-totals-coupon__button:not(.is-link) { padding-top: 0; padding-bottom: 0; } .woocommerce-page .wc-block-components-button:not(.is-link):hover, .woocommerce-page .wc-block-components-button:not(.is-link):focus { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); box-shadow: unset; -webkit-box-shadow: unset; } body.woocommerce-page:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus { box-shadow: unset; -webkit-box-shadow: unset; outline: unset; } .woocommerce-page .wc-block-cart table.wc-block-cart-items, .woocommerce-page .wc-block-cart table.wc-block-cart-items td, .woocommerce-page .wc-block-cart table.wc-block-cart-items th { margin: 0; } .woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input { top: 16px; } .woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input:focus { outline: 0 solid var(--wdtPrimaryColor); outline-offset: 2px; } .woocommerce-page .wc-block-components-radio-control .wc-block-components-radio-control__input:checked { border: 2px solid var(--wdtPrimaryColor); } /* cupon btn */ .woocommerce-page .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button { margin: 0; transform: unset; -webkit-transform: unset; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .woocommerce-page .wc-block-components-totals-coupon__content .wc-block-components-validation-error { left: 24px; bottom: 2px; font-size: calc(var(--wdtFontSize_Base) - 4px); } .woocommerce-page .wc-block-components-totals-coupon__content .wc-block-components-validation-error p { padding: 0; } /* input style */ .woocommerce-page .wc-blocks-components-select .wc-blocks-components-select__container { border-color: var(--wdtTertiaryColor); background-color: var(--wdtTertiaryColor); border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); height: 55px; padding: var(--wdtInputPadding); } .woocommerce-page .wc-blocks-components-select .wc-blocks-components-select__container .select2-container { width: 100% !important; position: absolute; top: 0; left: 0; } .woocommerce-page .wc-blocks-components-select .wc-blocks-components-select__select { padding: 0; border-radius: 0; -webkit-border-radius: 0; color: var(--wdtHeadAltColor); } .woocommerce-page .wc-blocks-components-select .wc-blocks-components-select__label { color: var(--wdtBodyTxtColor); text-transform: capitalize; left: 24px; top: 4px; font-size: 12px; line-height: 1; width: auto; max-width: 100%; transform: unset; -webkit-transform: unset; pointer-events: none; } .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="email"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="number"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="tel"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="text"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="url"], .woocommerce-page .wc-block-components-text-input input[type="email"], .woocommerce-page .wc-block-components-text-input input[type="number"], .woocommerce-page .wc-block-components-text-input input[type="tel"], .woocommerce-page .wc-block-components-text-input input[type="text"], .woocommerce-page .wc-block-components-text-input input[type="url"], .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .woocommerce-page .wc-block-components-textarea { background-color: var(--wdtTertiaryColor); border-radius: var(--wdtRadius_Zero); border-color: var(--wdtTertiaryColor); padding: var(--wdtInputPadding); color: var(--wdtHeadAltColor); } .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="email"]:focus, .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="number"]:focus, .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="tel"]:focus, .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="text"]:focus, .woocommerce-page .wc-block-components-form .wc-block-components-text-input input[type="url"]:focus, .woocommerce-page .wc-block-components-text-input input[type="email"]:focus, .woocommerce-page .wc-block-components-text-input input[type="number"]:focus, .woocommerce-page .wc-block-components-text-input input[type="tel"]:focus, .woocommerce-page .wc-block-components-text-input input[type="text"]:focus, .woocommerce-page .wc-block-components-text-input input[type="url"]:focus, .woocommerce-page .wc-block-checkout__add-note .wc-block-components-textarea:focus { box-shadow: unset; -webkit-box-shadow: unset; color: var(--wdtHeadAltColor); background-color: var(--wdtTertiaryColor); border-color: var(--wdtPrimaryColor); } .woocommerce-page .wc-block-components-form .wc-block-components-text-input label, .woocommerce-page .wc-block-components-text-input label, .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label { color: var(--wdtBodyTxtColor); left: 24px; bottom: 0; margin: auto; height: fit-content; transform: unset; -webkit-transform: unset; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; opacity: 1; text-transform: capitalize; } .woocommerce-page .wc-block-components-form .wc-block-components-text-input input:autofill+label, .woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active label, .woocommerce-page .wc-block-components-text-input input:autofill+label, .woocommerce-page .wc-block-components-text-input.is-active label, .woocommerce-page .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .woocommerce-page .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label, .woocommerce-page .wc-block-components-form .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .woocommerce-page .wc-block-components-form .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label { transform: unset; -webkit-transform: unset; opacity: 0; } .woocommerce-page .wc-block-components-form .wc-block-components-text-input input:autofill, .woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active input[type="email"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active input[type="number"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active input[type="tel"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active input[type="text"], .woocommerce-page .wc-block-components-form .wc-block-components-text-input.is-active input[type="url"], .woocommerce-page .wc-block-components-text-input input:autofill, .woocommerce-page .wc-block-components-text-input.is-active input[type="email"], .woocommerce-page .wc-block-components-text-input.is-active input[type="number"], .woocommerce-page .wc-block-components-text-input.is-active input[type="tel"], .woocommerce-page .wc-block-components-text-input.is-active input[type="text"], .woocommerce-page .wc-block-components-text-input.is-active input[type="url"] { padding: var(--wdtInputPadding); } .woocommerce-page .wc-block-components-validation-error { position: absolute; top: auto; bottom: 0; right: 0; } .woocommerce-page .wc-block-components-validation-error>p { padding: 4px; } .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list { border-radius: var(--wdtRadius_Zero); border: 0; color: var(--wdtBodyTxtColor); box-shadow: 0 1px 0 1px var(--wdtSecondaryColor); } .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion { color: var(--wdtBodyTxtColor); font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); padding: 10px; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted, .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active, .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus, .woocommerce-page .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion.is-highlighted, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:active, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:focus, .woocommerce-page .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list .components-form-token-field__suggestion:hover { background-color: var(--wdtPrimaryColor); color: var(--wdtLinkColor); } .woocommerce-page .wc-block-components-form .wc-block-components-text-input, .woocommerce-page .wc-block-components-text-input { margin-top: 20px; } .woocommerce-page .wc-block-components-shipping-calculator { padding: 20px 0 0; } /* is large */ .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items th, .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items td { padding: 10px 20px; border-style: solid; border-width: 0 1px 0 0; } .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items th { border-color: rgb(var(--wdtAccentTxtColorRgb),0.5); } .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items td { border-color: var(--wdtBorderColor); } .woocommerce-page .is-large.wc-block-cart .wc-block-cart__totals-title, .woocommerce-page .is-medium.wc-block-cart .wc-block-cart__totals-title, .woocommerce-page .is-small.wc-block-cart .wc-block-cart__totals-title, .woocommerce-page .is-mobile.wc-block-cart .wc-block-cart__totals-title { padding: 10px 20px; font-weight: var(--wdtFontWeight_Alt); font-family: var(--wdtFontTypo_Alt); font-size: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem); /* Min-20 & Max-26 */ text-transform: capitalize; color: var(--wdtAccentTxtColor); text-align: center; background-color: var(--wdtSecondaryColor); } .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items td { padding: 30px 20px; vertical-align: middle; } .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items td:last-child, .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items th:last-child { border-width: 0; padding-right: 20px; } .woocommerce-page .is-large.wc-block-cart .wc-block-cart-items { border: 1px solid rgb(var(--wdtBorderColorRgb), 1); } .woocommerce-page .is-large:not(.wc-block-checkout) .wc-block-components-product-details__name, .woocommerce-page .is-medium:not(.wc-block-checkout) .wc-block-components-product-details__name, .woocommerce-page .is-small:not(.wc-block-checkout) .wc-block-components-product-details__name, .woocommerce-page .is-mobile:not(.wc-block-checkout) .wc-block-components-product-details__name, .woocommerce-page .is-large.wc-block-checkout .wc-block-components-product-details__name, .woocommerce-page .is-medium.wc-block-checkout .wc-block-components-product-details__name, .woocommerce-page .is-small.wc-block-checkout .wc-block-components-product-details__name, .woocommerce-page .is-mobile.wc-block-checkout .wc-block-components-product-details__name { font-weight: var(--wdtFontWeight_Ext); font-size: var(--wdtFontSize_H6); color: var(--wdtHeadAltColor); } .woocommerce-page .is-large .wc-block-components-sidebar .wc-block-components-panel, .woocommerce-page .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon, .woocommerce-page .is-large .wc-block-components-sidebar .wc-block-components-totals-item, .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator, .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel), .woocommerce-page .is-medium .wc-block-components-sidebar .wc-block-components-panel, .woocommerce-page .is-medium .wc-block-components-sidebar .wc-block-components-totals-coupon, .woocommerce-page .is-medium .wc-block-components-sidebar .wc-block-components-totals-item, .woocommerce-page .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator, .woocommerce-page .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel), .woocommerce-page .is-small .wc-block-components-sidebar .wc-block-components-panel, .woocommerce-page .is-small .wc-block-components-sidebar .wc-block-components-totals-coupon, .woocommerce-page .is-small .wc-block-components-sidebar .wc-block-components-totals-item, .woocommerce-page .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator, .woocommerce-page .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel), .woocommerce-page .is-mobile .wc-block-components-sidebar .wc-block-components-panel, .woocommerce-page .is-mobile .wc-block-components-sidebar .wc-block-components-totals-coupon, .woocommerce-page .is-mobile .wc-block-components-sidebar .wc-block-components-totals-item, .woocommerce-page .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator, .woocommerce-page .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel) { padding-left: 20px; padding-right: 20px; } .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-item__description.wc-block-components-totals-shipping__via { padding-top: 10px; } .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link, .woocommerce-page .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link, .woocommerce-page .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link, .woocommerce-page .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link { padding: 0; background: none; text-decoration: underline !important; margin: 0; color: var(--wdtLinkColor); box-shadow: unset; -webkit-box-shadow: unset; transform: unset; -webkit-transform: unset; text-align: left; } .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link:hover, .woocommerce-page .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link:hover, .woocommerce-page .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link:hover, .woocommerce-page .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link:hover { background: none; color: var(--wdtLinkHoverColor); } .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__options, .woocommerce-page .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__options, .woocommerce-page .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__options, .woocommerce-page .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__options { margin-top: 20px; } .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link, .woocommerce-page .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link, .woocommerce-page .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link, .woocommerce-page .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-components-totals-shipping__change-address__link { margin-top: 10px; } /* Is medium */ .is-medium.wc-block-cart .wc-block-components-radio-control__input, .is-small.wc-block-cart .wc-block-components-radio-control__input, .is-mobile.wc-block-cart .wc-block-components-radio-control__input { left: 0; margin: 0; } .woocommerce-page .is-medium.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, .woocommerce-page .is-mobile.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title, .woocommerce-page .is-small.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title { display: block; } .woocommerce-page .is-medium table.wc-block-cart-items .wc-block-cart-items__row, .woocommerce-page .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .woocommerce-page .is-small table.wc-block-cart-items .wc-block-cart-items__row { border: 1px solid rgb(var(--wdtBorderColorRgb), 1); padding: 30px 20px; grid-template-columns: 1fr; } .woocommerce-page .is-medium table.wc-block-cart-items .wc-block-cart-items__row:not(:last-child), .woocommerce-page .is-mobile table.wc-block-cart-items .wc-block-cart-items__row:not(:last-child), .woocommerce-page .is-small table.wc-block-cart-items .wc-block-cart-items__row:not(:last-child) { margin-bottom: 30px; } .woocommerce-page .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .woocommerce-page .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .woocommerce-page .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image { grid-row: unset; grid-column: unset; padding: 0; } .woocommerce-page .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, .woocommerce-page .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, .woocommerce-page .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product { grid-column-end: unset; grid-column-start: unset; grid-row-start: unset; padding: 30px 0; margin: 30px 0; border-style: solid; border-width: 1px 0; border-color: rgb(var(--wdtBorderColorRgb), 1); } .woocommerce-page .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, .woocommerce-page .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total, .woocommerce-page .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total { grid-row-start: unset; } .woocommerce-page .is-medium .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, .woocommerce-page .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, .woocommerce-page .is-small .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, .woocommerce-page .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, .woocommerce-page .is-mobile .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, .woocommerce-page .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img { max-width: 200px; } .woocommerce-page .is-medium.wc-block-components-sidebar-layout, .woocommerce-page .is-mobile.wc-block-components-sidebar-layout, .woocommerce-page .is-small.wc-block-components-sidebar-layout, .woocommerce-page .is-medium .wc-block-cart__sidebar, .woocommerce-page .is-mobile .wc-block-cart__sidebar, .woocommerce-page .is-small .wc-block-cart__sidebar, .woocommerce-page .is-large.wc-block-cart { margin-bottom: 0; } .woocommerce-page .is-mobile .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option, .woocommerce-page .is-small .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option { padding: 0 0 0 40px; } .woocommerce-page .is-mobile form.wc-block-components-form .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option, .woocommerce-page .is-small form.wc-block-components-form .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option { padding: 15px 20px 15px 50px; } /* checkout page */ .woocommerce-page .wp-block-woocommerce-checkout { padding-top: 0; } .woocommerce-page .wc-block-components-title.wc-block-components-title { font-size: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); /* Min-26 & Max-30 */ font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); } .woocommerce-page .wc-block-components-checkout-step__description { font-size: var(--wdtFontSize_Base); line-height: var(--wdtLineHeight_Base); margin: 0 0 20px; } .woocommerce-page .wp-block-woocommerce-checkout .wc-block-checkout__guest-checkout-notice { font-size: calc(var(--wdtFontSize_Base) - 2px); color: var(--wdtBodyTxtColor); line-height: var(--wdtLineHeight_Base); } .woocommerce-page .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container::after { border-color: rgb(var(--wdtBorderColorRgb), 1); } .woocommerce-page .wc-block-components-checkbox label { font-size: var(--wdtFontSize_Base); align-items: flex-start; } .woocommerce-page .wc-block-components-checkbox label div:last-child { position: relative; top: 2px; } .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form { gap: 0 20px; } .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input { flex: 1 0 calc(50% - 10px); } .woocommerce-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { border-radius: var(--wdtRadius_Zero); border-color: rgb(var(--wdtBorderColorRgb), 1); height: 18px; width: 18px; min-height: 18px; min-width: 18px; top: 2px; position: relative; margin: 0 10px 0 0; } .woocommerce-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:focus, .woocommerce-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { border-color: var(--wdtSecondaryColor); } .woocommerce-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:focus, .woocommerce-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { outline-color: var(--wdtSecondaryColor); } .woocommerce-page .wc-block-components-checkbox .wc-block-components-checkbox__mark { margin-left: 1px; margin-top: 2px; width: 16px; height: 16px; fill: var(--wdtPrimaryColor); } .woocommerce-page .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .woocommerce-page .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted { border-radius: var(--wdtRadius_Zero); box-shadow: unset; border: 1px solid rgb(var(--wdtBorderColorRgb), 1); padding: 15px 20px 15px 50px; } .woocommerce-page .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted .wc-block-components-radio-control__input { transform: unset; -webkit-transform: unset; } .woocommerce-page .wc-block-components-notice-banner { border-radius: var(--wdtRadius_Zero); color: var(--wdtBodyTxtColor); line-height: var(--wdtLineHeight_Base); font-size: var(--wdtFontSize_Base); align-items: flex-start; } .woocommerce-page .wc-block-components-notice-banner>svg { top: 5px; position: relative; padding: 0; } .woocommerce-page .wc-block-components-checkout-return-to-cart-button { color: var(--wdtLinkColor); } .woocommerce-page .wc-block-components-checkout-return-to-cart-button:hover { color: var(--wdtLinkHoverColor); } .woocommerce-page .wc-block-components-order-summary .wc-block-components-panel__button { box-shadow: unset; -webkit-box-shadow: unset; transform: unset; -webkit-transform: unset; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary__button-text { font-weight: var(--wdtFontWeight_Alt); } /* close Icon */ .woocommerce-page .wc-block-components-notice-banner > .wc-block-components-button { background: var(--wdtPrimaryColor) !important; color: var(--wdtAccentTxtColor) !important; width: 20px !important; height: 20px !important; line-height: 20px; opacity: 1; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); aspect-ratio: 1 / 1; min-width: 20px !important; min-height: 20px !important; font-weight: 700; padding: 2px !important; } .woocommerce-page .wc-block-components-notice-banner > .wc-block-components-button:hover { background: var(--wdtSecondaryColor) !important; color: var(--wdtAccentTxtColor) !important; } .woocommerce-page .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block { background-color: var(--wdtAccentTxtColor); border-radius: 0; border-style: solid; border-color: rgb(var(--wdtBorderColorRgb), 1); border-width: 1px 1px 1px; } .woocommerce-page .wp-block-woocommerce-checkout-order-summary-totals-block { border-color: var(--wdtBorderColor); } .woocommerce-page .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper:first-of-type { border-top: 0; } .woocommerce-page .wc-block-components-panel__button[aria-expanded="true"] { margin-bottom: 10px; padding-bottom: 10px; } .woocommerce-page .wc-block-checkout__sidebar .wc-block-components-product-name { font-size: var(--wdtFontSize_H6); color: var(--wdtHeadAltColor); font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices { font-size: var(--wdtFontSize_Base); display: flex; justify-content: flex-start; padding-top: 12px; } .woocommerce-page .wp-block-woocommerce-checkout-totals-block .wc-block-components-product-details.wc-block-components-product-details { justify-content: flex-start; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata, .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__description p { margin-top: 20px; display: flex; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price { font-weight: var(--wdtFontWeight_Ext); color: var(--wdtHeadAltColor); } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item { margin-top: 30px; padding-top: 30px; border-top: 1px solid rgb(var(--wdtBorderColorRgb), 1); } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item:first-child { margin-top: 0; padding-top: 0; border: 0; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__image { margin-top: 16px; padding-bottom: 0; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__description { padding-bottom: 0; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__image>img { border: 1px solid var(--wdtBorderColor); padding: 4px; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity { border-color: var(--wdtPrimaryColor); border-width: 1px; aspect-ratio: 1 / 1; font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Alt); } .woocommerce-page .is-mobile .wc-block-checkout__actions .wc-block-components-checkout-return-to-cart-button { display: block; } .woocommerce-page .is-mobile .wc-block-checkout__actions_row { flex-direction: column; } .woocommerce-page .is-mobile .wc-block-checkout__actions_row a.wc-block-components-checkout-return-to-cart-button { margin-bottom: 10px; } .woocommerce-page .wc-block-components-product-metadata .wc-block-components-product-metadata__description>p { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); font-family: var(--wdtFontTypo_Base); line-height: var(--wdtLineHeight_Base); color: var(--wdtBodyTxtColor); max-width: 400px; } .woocommerce-page .wc-block-components-product-metadata .wc-block-components-product-metadata__description > p { margin-top: 0 !important; margin-bottom: 0 !important; margin-left: auto !important; margin-right: auto !important; } .woocommerce-page .wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data { margin: 0 !important; } .woocommerce-page .wp-block-woocommerce-checkout .wc-block-components-shipping-rates-control__package { margin: 20px 0 0; } .woocommerce-page .is-medium .wc-block-checkout__add-note, .woocommerce-page .is-mobile .wc-block-checkout__add-note, .woocommerce-page .is-small .wc-block-checkout__add-note { padding: 0; } .woocommerce-page .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-components-totals-coupon__button:not(.is-link) { margin-left: -1px; } .woocommerce-page .wc-block-components-address-form .wc-block-components-address-form__address_2-toggle { background: var(--wdtTertiaryColor); border: 1px solid var(--wdtTertiaryColor); padding: var(--wdtInputPadding); color: var(--wdtHeadAltColor); transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; text-decoration: underline; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .woocommerce-page .wc-block-components-address-form .wc-block-components-address-form__address_2-toggle:focus { border-color: var(--wdtPrimaryColor); background: var(--wdtTertiaryColor); color: var(--wdtLinkHoverColor); } .woocommerce-page .wc-block-components-address-form .wc-block-components-address-form__address_2-toggle:hover { color: var(--wdtLinkHoverColor); } .woocommerce-page .is-large .wc-block-checkout__form .wc-block-checkout__actions { padding-bottom: 0; } /* responsive */ @media (max-width:1280px) { .woocommerce-page .wc-block-components-sidebar-layout .wc-block-components-main { width: 65%; } .woocommerce-page .wc-block-components-sidebar { width: calc(35% - 30px); margin-left: 30px; } } @media (max-width:1280px) and (min-width: 1025px) { .woocommerce-page .wc-block-components-sidebar .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input { flex: 0 0 100%; } .woocommerce-page .wc-block-components-sidebar .wc-block-components-totals-coupon__content .wc-block-components-validation-error { left: auto; right: 10px; top: 35px; bottom: 0; } } @media (min-width:1025px) { /* With Sidebar */ .woocommerce-page .page-with-sidebar .wc-block-components-sidebar-layout .wc-block-components-main { width: 100%; } .woocommerce-page .page-with-sidebar .wc-block-components-sidebar, .woocommerce-page .page-with-sidebar .is-large.wc-block-cart .wc-block-components-sidebar { width: 100%; margin-left: 0; margin-top: 50px; } .woocommerce-page .page-with-sidebar .wc-block-components-sidebar.is-sticky { position: relative; top: 0; } .woocommerce-page .page-with-sidebar .wc-block-components-sidebar-layout { flex-direction: column; } .woocommerce-page .page-with-sidebar .wc-block-components-sidebar-layout.wc-block-checkout { flex-direction: column-reverse; } .woocommerce-page .page-with-sidebar .wc-block-components-sidebar.wc-block-checkout__sidebar, .woocommerce-page .page-with-sidebar .is-large.wc-block-cart .wc-block-components-sidebar.wc-block-checkout__sidebar { margin-top: 0; margin-bottom: 50px; } .woocommerce-page .page-with-sidebar .is-medium .wc-block-checkout__sidebar, .woocommerce-page .page-with-sidebar .is-mobile .wc-block-checkout__sidebar, .woocommerce-page .page-with-sidebar .is-small .wc-block-checkout__sidebar { order: 1; } } @media (max-width:1024px) { .woocommerce-page .wc-block-components-sidebar-layout .wc-block-components-main { width: 100%; position: relative; top: 0; } .woocommerce-page .wc-block-components-sidebar { width: 100%; margin-left: 0; margin-top: 0; margin-bottom: 0; position: relative; top: 0; } .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar { margin-top: 50px; } .woocommerce-page .wc-block-components-sidebar-layout { flex-direction: column; margin: 0; } .woocommerce-page .wc-block-components-sidebar-layout.wc-block-checkout { flex-direction: column-reverse; margin: 0; } .woocommerce-page .wc-block-components-sidebar.wc-block-checkout__sidebar { margin-bottom: 50px; margin-top: 0; } .woocommerce-page .is-large .wc-block-checkout__sidebar.is-sticky { position: relative; top: 0; } .woocommerce-page .page-with-sidebar .is-medium .wc-block-checkout__sidebar, .woocommerce-page .page-with-sidebar .is-mobile .wc-block-checkout__sidebar, .woocommerce-page .page-with-sidebar .is-small .wc-block-checkout__sidebar, .woocommerce-page .is-medium .wc-block-checkout__sidebar, .woocommerce-page .is-mobile .wc-block-checkout__sidebar, .woocommerce-page .is-small .wc-block-checkout__sidebar { order: 1; } } @media (max-width:767px) { .woocommerce-page .wc-block-components-sidebar { margin-top: 50px; } .woocommerce-page .is-large.wc-block-cart .wc-block-components-sidebar { margin-bottom: 0; } .woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button, .woocommerce-page .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input { width: 50px; min-width: 50px; } .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input, .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input { flex: 0 0 100%; } .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input:nth-of-type(2), .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .woocommerce-page .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input:nth-of-type(2), .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .woocommerce-page .is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input:nth-of-type(2), .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .woocommerce-page .is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input:nth-of-type(2), .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .woocommerce-page .is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-select-input:nth-of-type(2), .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .woocommerce-page .is-small .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2), .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-select-input:nth-of-type(2), .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-state-input:nth-of-type(2), .woocommerce-page .is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form .wc-block-components-text-input:nth-of-type(2) { margin-top: 20px; } } @media (max-width:479px) { .woocommerce-page .wc-block-components-totals-coupon__form { flex-wrap: wrap; flex-direction: column; } .woocommerce-page .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input { height: auto; } .woocommerce-page .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input { flex: 1; } .woocommerce-page .wc-block-components-button.wc-block-components-totals-coupon__button:not(.is-link) { padding: var(--wdtPadding_Btn); margin-top: 10px; } .woocommerce-page .wc-block-components-sidebar { margin-bottom: 60px; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item { flex-wrap: wrap; flex-direction: column; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__description { padding: 10px 0 0; } .woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price { margin-left: 0; margin-right: auto; text-align: left; margin-top: 20px; } .woocommerce-page .wc-block-components-totals-coupon__content .wc-block-components-validation-error { left: auto; right: 10px; top: 35px; bottom: 0; } .woocommerce-page .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-components-totals-coupon__button:not(.is-link) { margin-left: 0; margin-top: 0; } } /* ------------------------- Cart Page ------------------------- */ /* --------------- Empty Cart Page ----------------- */ /* title */ .woocommerce-cart .wc-block-cart__empty-cart__title.with-empty-cart-icon::before { background-color: var(--wdtPrimaryColor); width: clamp(3.75rem, 3.5rem + 1.25vw, 5rem); /*80px - 60px*/ height: clamp(3.75rem, 3.5rem + 1.25vw, 5rem); /*80px - 60px*/ mask-size: clamp(3.75rem, 3.5rem + 1.25vw, 5rem); /*80px - 60px*/ margin-bottom: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /*30px - 20px*/ } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-heading.with-empty-cart-icon { margin-top: 0; margin-bottom: 0; font-size: clamp(2.5rem, 2.3rem + 1vw, 3.5rem); /* Min-40 & Max-56 */ } .woocommerce-cart .wp-block-woocommerce-empty-cart-block hr.wp-block-separator~.wp-block-heading { margin-top: 0; font-size: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem); /* Min-30 & Max-40 */ margin-bottom: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem); /*50px - 30px*/ text-transform: capitalize; } .woocommerce-cart .wp-block-woocommerce-empty-cart-block hr.wp-block-separator { margin: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem) 0; /*30px - 20px*/ } /* product */ .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; gap: 30px; } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product { max-width: 100%; padding: 0; background-color: var(--wdtAccentTxtColor); border: 2px solid rgb(var(--wdtBorderColorRgb), 1); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; will-change: transform; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); position: relative; } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:after, .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:before { content: ""; position: absolute; top: -2px; bottom: -2px; left: -2px; right: -2px; width: auto; height: auto; border-style: solid; border-color: var(--wdtPrimaryColor); pointer-events: none; z-index: 2; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); will-change: transform; transform-origin: center; -webkit-transform-origin: center; } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:after { border-width: 0 2px; transform: scaleY(0); -webkit-transform: scaleY(0); } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover:after { transform: scaleY(1); -webkit-transform: scaleY(1); } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:before { border-width: 2px 0; transform: scaleX(0); -webkit-transform: scaleX(0); } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); } /* .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover { border-color: var(--wdtPrimaryColor); } */ .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-image { margin: 0; } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-image img { padding: 10%; border-bottom: 2px solid rgb(var(--wdtBorderColorRgb), 1); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product:hover a.wc-block-grid__product-link .wc-block-grid__product-image img { border-color: var(--wdtPrimaryColor); } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-title { margin-top: 30px; margin-bottom: 14px; text-transform: capitalize; font-size: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); /* Min-26 & Max-30 */ font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); line-height: var(--wdtLineHeight_Alt); color: var(--wdtLinkColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-title:hover { color: var(--wdtLinkHoverColor); } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price { margin-bottom: 30px; font-size: calc(var(--wdtFontSize_Base) + 2px); color: var(--wdtHeadAltColor); line-height: var(--wdtLineHeight_Base); } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price ins { background: none; } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-price del { opacity: 0.6 ; } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-onsale, .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-rating, .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-add-to-cart, .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .tinv-wishlist { display: none; } .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .yith-wcwl-add-to-wishlist { display: none !important; } /* responsive */ @media (max-width:1280px) { .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products { grid-template-columns: repeat(3, 1fr); } } @media (max-width:1024px) { .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products { grid-template-columns: repeat(2, 1fr); } } @media (max-width:767px) { .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products { gap: 20px; } } @media (max-width:600px) { .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid ul.wc-block-grid__products { grid-template-columns: 1fr; gap: 30px; } } /* --------------- Empty Cart Page ----------------- */ /* ------------------- Portfolio Detail Page ---------------------- */ /* details list */ .wdt-cus-portfolio-detail-lists .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-portfolio-detail-lists .wdt-content-item .wdt-content-detail-group { display: flex; align-items: flex-start; width: 100%; } .wdt-cus-portfolio-detail-lists .wdt-content-item > div[class*="group"] > div { width: auto; } .wdt-cus-portfolio-detail-lists .wdt-content-item > div[class*="group"] .wdt-content-title + .wdt-content-separator { margin-top: 0; } .wdt-cus-portfolio-detail-lists .wdt-content-item .wdt-content-detail-group .wdt-content-title { display: flex; align-items: center; flex: 0 0 30%; justify-content: space-between; } .wdt-cus-portfolio-detail-lists .wdt-content-item .wdt-content-detail-group .wdt-content-title:after { content: ":"; position: relative; display: inline-block; font-size: 18px; margin: 0 30px; } .wdt-cus-portfolio-detail-lists .wdt-content-item .wdt-content-title h5 { font-size: var(--wdtFontSize_H6); } .wdt-cus-portfolio-detail-lists .wdt-content-item .wdt-content-description { font-size: calc(var(--wdtFontSize_Base) + 2px); color: var(--wdtHeadAltColor); top: 3px; line-height: var(--wdtLineHeight_Base); } .wdt-cus-portfolio-detail-lists .wdt-content-item .wdt-content-button > a { background: none; color: var(--wdtHeadAltColor); padding: 0; letter-spacing: var(--wdtLetterSpacing_1X); font-family: var(--wdtFontTypo_Base); font-size: calc(var(--wdtFontSize_Base) + 2px); font-weight: var(--wdtFontWeight_Base); position: relative; top: 3px; line-height: var(--wdtLineHeight_Base); text-transform: unset; transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; text-transform: none; } .wdt-cus-portfolio-detail-lists .wdt-content-item .wdt-content-button > a:hover { color: var(--wdtLinkHoverColor); background: none; transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } /* responsive */ @media (max-width: 1280px) { .wdt-cus-portfolio-detail-lists .wdt-content-item .wdt-content-detail-group .wdt-content-title { flex: 0 0 36%; } } @media (max-width: 767px) { .wdt-cus-portfolio-detail-lists .wdt-content-item .wdt-content-detail-group .wdt-content-title:after { margin: 0 20px; } } @media (max-width: 479px) { .wdt-cus-portfolio-detail-lists .wdt-content-item .wdt-content-detail-group { flex-direction: column; gap: 10px; } } /* ------------------- Portfolio Detail Page ---------------------- */ /* ------------------- PortFolio Feature Image ----------------------- */ .wdt-custom-port-featured-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .wdt-custom-port-featured-image .elementor-widget-container { height: 100%; } .wdt-custom-port-featured-image .elementor-widget-container img { object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); } /* ------------------- PortFolio Feature Image ----------------------- */ /* ------------------------ portfolio Social lIst Title --------------------------*/ .wdt-cus-porfolio-detail-social-list-title .wdt-heading-holder .wdt-heading-title-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; } .wdt-cus-porfolio-detail-social-list-title .wdt-heading-holder .wdt-heading-title-wrapper:after { content: ":"; position: relative; display: inline-block; font-size: 18px; margin: 0 30px; } .wdt-cus-porfolio-detail-social-list-title .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title { font-size: var(--wdtFontSize_H6); } /* Responsive */ @media (max-width: 767px) { .wdt-cus-porfolio-detail-social-list-title .wdt-heading-holder .wdt-heading-title-wrapper:after { margin: 0 20px; } } @media (max-width: 479px) { .wdt-cus-porfolio-detail-social-list-title .wdt-heading-holder .wdt-heading-title-wrapper { justify-content: flex-start; } } /* ------------------------ portfolio Social lIst Title --------------------------*/ /* -------------------- Contact Form 7 Styles ----------------------- */ form.wpcf7-form p span.wpcf7-form-control-wrap { margin-bottom: 20px; } input::placeholder, textarea::placeholder { opacity: 1; color: var(--wdtHeadAltColor); } /* check box */ form.wpcf7-form span.wpcf7-acceptance.optional .wpcf7-list-item { margin: 0; } form.wpcf7-form span.wpcf7-acceptance.optional .wpcf7-list-item input[type="checkbox"] { appearance: none; -webkit-appearance: none; position: relative; top: 5px; padding: 0; width: 16px; height: 16px; background: none; border: 1px solid var(--wdtBorderColor); flex: 0 0 auto; } form.wpcf7-form span.wpcf7-acceptance.optional .wpcf7-list-item input[type="checkbox"]:after { content: ""; position: absolute; top: -4px; left: 0; right: 0; bottom: 0; margin: auto; border-style: solid; border-color: var(--wdtPrimaryColor); border-width: 0 0 2px 2px; width: 10px; height: 6px; transform: rotate(-45deg) scale(1.6); -webkit-transform: rotate(-45deg) scale(1.6); opacity: 0; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } form.wpcf7-form span.wpcf7-acceptance.optional .wpcf7-list-item label { display: flex; align-items: flex-start; gap: 10px; } form.wpcf7-form span.wpcf7-acceptance.optional .wpcf7-list-item input[type="checkbox"]:checked:after { transform: rotate(-45deg) scale(1); -webkit-transform: rotate(-45deg) scale(1); opacity: 1; } form.wpcf7-form span.wpcf7-acceptance.optional .wpcf7-list-item .wpcf7-list-item-label { color: var(--wdtHeadAltColor); } form.wpcf7-form span.wpcf7-acceptance.optional .wpcf7-list-item .wpcf7-list-item-label a { text-decoration: underline; } /* dark bg */ .wdt-dark-bg form.wpcf7-form span.wpcf7-acceptance.optional .wpcf7-list-item .wpcf7-list-item-label { color: var(--wdtAccentTxtColor); } .wdt-dark-bg form.wpcf7-form span.wpcf7-acceptance.optional .wpcf7-list-item input[type="checkbox"], .wdt-dark-bg form.wpcf7-form span.wpcf7-acceptance.optional .wpcf7-list-item input[type="checkbox"]:after { border-color: var(--wdtAccentTxtColor); } /* validation */ .wpcf7-form .wpcf7-not-valid-tip { position: absolute; bottom: 4px; right: 10px; font-size: 12px; /*14px - 12px*/ } /* -------------------- Contact Form 7 Styles ----------------------- */ /* ---------------------- Services Detail Page ------------------------ */ /* icon box */ .wdt-cus-services-detail-page-icon-box-process .wdt-content-item .wdt-content-media-group > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-services-detail-page-icon-box-process .wdt-content-item .wdt-content-media-group { display: flex; align-items: center; } .wdt-cus-services-detail-page-icon-box-process .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { padding: 0; width: 68px; height: 68px; line-height: 0; background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); font-size: 46px; margin-right: 16px; } .wdt-cus-services-detail-page-icon-box-process .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span { background-color: var(--wdtPrimaryColor); } .wdt-cus-services-detail-page-icon-box-process .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span i { animation: wdt-icon-push-animation 350ms ease-in-out; -webkit-animation: wdt-icon-push-animation 350ms ease-in-out; } /* icon list */ .wdt-cus-services-detail-page-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text { font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); /*18px - 16px*/ font-weight: var(--wdtFontWeight_Alt); } /* ---- Sticky Column --*/ body.page-template-tpl-side-nav .side-navigation-container .side-navigation { position: sticky; height: fit-content; top: 50px; } /* ---- Sticky Column ------ */ /* responsive */ @media (max-width: 1280px) { .wdt-cus-services-detail-page-icon-box-process .wdt-content-item .wdt-content-media-group { flex-direction: column; } .wdt-cus-services-detail-page-icon-box-process .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { margin-right: 0; margin-bottom: 10px; } } /* ---------------------- Services Detail Page ------------------------ */ /* --------------------- Home 1 Bottom Filler --------------------- */ .wdt-cus-home1-last-iconbox01 .wdt-content-item .wdt-content-title h5, .wdt-cus-home1-last-iconbox01 .wdt-content-item .wdt-content-title h5 a { font-size: var(--wdtFontSize_H6); /* Min-20 & Max-26 */ } .wdt-cus-home1-last-iconbox01 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: 60px; color: var(--wdtAccentTxtColor); background-color: var(--wdtPrimaryColor); height: 100px; width: 100px; padding: 0; line-height: 0; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); } /* --------------------- Home 1 Bottom Filler --------------------- */ /* ---------------------------- Services Page services Listing ----------------------------- */ .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group > div:not(:last-child), .wdt-cus-default-services-listing .wdt-content-item .wdt-content-elements-group > div:not(:last-child) { margin-bottom: 0; } /* Content Item */ .wdt-cus-default-services-listing .wdt-content-item { padding-top: 40px; padding-bottom: 40px; padding-left: 0; padding-right: 0; border-style: solid; border-width: 2px 0 0 0; border-color: var(--wdtBorderColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } /* title */ .wdt-cus-default-services-listing .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem); /* Min-30 & Max-40 */ } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-title h5 a { color: var(--wdtLinkColor); } /* icon */ .wdt-cus-default-services-listing .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { padding: 0; width: 100px; height: 100%; font-size: 100%; color: var(--wdtLinkColor); } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span i, .wdt-cus-default-services-listing .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span i svg { width: inherit; height: inherit; } /* Btn */ .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper + .wdt-content-button > a { width: 100px; height: 100px; border-radius: var(--wdtRadius_Full); display: inline-flex; align-items: center; justify-content: center; padding: 0; z-index: 2; box-shadow: unset; -webkit-box-shadow: unset; } /* Image and Btn */ .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group { display: grid; grid-template-columns: 40% 50% 10%; align-items: center; width: 100%; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper, .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper + .wdt-content-button { grid-area: 1/2/1/2; align-self: center; justify-self: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto !important; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper { transform: rotate(-10deg) scale(1.1); -webkit-transform: rotate(-10deg) scale(1.1); opacity: 0; transition-delay: 0ms; -webkit-transition-delay: 0ms; width: 530px; height: 300px; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper + .wdt-content-button { transform: scale(0.4) rotate(-45deg); -webkit-transform: scale(0.4) rotate(-45deg); opacity: 0; transition-delay: 0ms; -webkit-transition-delay: 0ms; width: fit-content; height: fit-content; } /* Image */ .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > span, .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > a { /* width: 650px; height: 100%; */ transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); /* pointer-events: none; */ overflow: hidden; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > span img, .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > a img { width: 100%; object-fit: cover; object-position: center center; transform: scale(1); -webkit-transform: scale(1); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > span:hover img, .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > a:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); } /* Title and Icon */ .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-elements-group { display: flex; align-items: center; gap: 50px; } /* Arrow btn */ .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-button + .wdt-content-button { justify-self: end; grid-area: 1/3/1/3; line-height: 0; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-button + .wdt-content-button a { width: 30px; height: 30px; padding: 0; background: none; font-size: 0; border: 0; position: relative; opacity: 1; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-button + .wdt-content-button a:before { content: '\0809'; font-family: "karimotors-extra-icons"; font-style: normal; font-weight: normal; position: absolute; inset: 0; font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem); /*30px - 24px*/ color: var(--wdtLinkColor); /* transform: rotate(-45deg); -webkit-transform: rotate(-45deg); */ transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } /* ------------Hover & Active -------------- */ /* Content Item */ .wdt-cus-default-services-listing .wdt-active .wdt-content-item { padding-left: 40px; padding-right: 40px; background-color: var(--wdtPrimaryColor); border-color: var(--wdtPrimaryColor); z-index: 1; } /* Icon & title $ Last Btn */ .wdt-cus-default-services-listing .wdt-active .wdt-content-item .wdt-content-title h5 a, .wdt-cus-default-services-listing .wdt-active .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span, .wdt-cus-default-services-listing .wdt-active .wdt-content-item .wdt-content-media-group .wdt-content-button + .wdt-content-button a:before { color: var(--wdtAccentTxtColor); } .wdt-cus-default-services-listing .wdt-active .wdt-content-item .wdt-content-title h5 a:hover { color: rgb(var(--wdtAccentTxtColorRgb),0.8); } /* Image */ .wdt-cus-default-services-listing .wdt-active .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper { transform: rotate(-10deg) scale(1); -webkit-transform: rotate(-10deg) scale(1); opacity: 1; transition-delay: 200ms; -webkit-transition-delay: 200ms; } /* Image Btn */ .wdt-cus-default-services-listing .wdt-active .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper + .wdt-content-button { transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); opacity: 1; transition-delay: 250ms; -webkit-transition-delay: 250ms; } /* last btn */ .wdt-cus-default-services-listing .wdt-active .wdt-content-item .wdt-content-media-group .wdt-content-button + .wdt-content-button a { opacity: 0; } /* Dark Bg */ .wdt-dark-bg .wdt-cus-default-services-listing .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span, .wdt-dark-bg .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-button + .wdt-content-button a:before { color: var(--wdtAccentTxtColor); } .wdt-dark-bg .wdt-cus-default-services-listing .wdt-content-item { border-color: rgb(var(--wdtAccentTxtColorRgb),0.25); } /* Responsive */ @media (max-width:1540px) { .wdt-cus-default-services-listing .wdt-active .wdt-content-item { padding-left: 30px; padding-right: 30px; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { width: 90px; height: 90px; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-elements-group { gap: 30px; } /* .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > span, .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > a { width: 550px; } */ .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper { width: 440px; height: 250px; } } @media (max-width:1280px) { .wdt-cus-default-services-listing .wdt-active .wdt-content-item { padding-left: 20px; padding-right: 20px; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { width: 80px; height: 80px; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-elements-group { gap: 20px; } /* .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > span, .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > a { width: 450px; } */ .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper { width: 350px; height: 200px; } } @media (max-width:1024px) { .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-elements-group { gap: 10px; flex-direction: column; align-items: unset; } /* .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > span, .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > a { width: 350px; } */ .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper + .wdt-content-button > a { width: 80px; height: 80px; font-size: calc(var(--wdtFontSize_Base) + 2px); } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper { width: 300px; height: 170px; } } @media (max-width: 767px) { .wdt-cus-default-services-listing .wdt-active .wdt-content-item { padding-left: 30px; padding-right: 30px; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group { grid-template-columns: 1fr; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper, .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper + .wdt-content-button { position: relative; grid-area: 2 / 1 / 2 / 3; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-button + .wdt-content-button { grid-area: 1 / 2 / 1 / 2; align-self: start; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper, .wdt-cus-default-services-listing .wdt-active .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper { transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); opacity: 1; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > span, .wdt-cus-default-services-listing .wdt-content-item .wdt-content-image > a { width: 100%; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-elements-group { padding-bottom: 30px; } .wdt-cus-default-services-listing .wdt-active .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper + .wdt-content-button { transition-delay: 0ms; -webkit-transition-delay: 0ms; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper + .wdt-content-button > a { width: 100px; height: 100px; font-size: calc(var(--wdtFontSize_Base) + 4px); } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper { width: 100%; height: 100%; } } @media (max-width: 479px) { .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-elements-group { padding-bottom: 20px; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper + .wdt-content-button > a { width: clamp(3.75rem, 2.4921rem + 6.2893vw, 4.375rem); /*70px - 60px*/ height: clamp(3.75rem, 2.4921rem + 6.2893vw, 4.375rem); /*70px - 60px*/ font-size: clamp(0.875rem, 0.6234rem + 1.2579vw, 1rem); /*16px - 14px*/ } .wdt-cus-default-services-listing .wdt-content-item { padding-top: 30px; padding-bottom: 30px; } .wdt-cus-default-services-listing .wdt-active .wdt-content-item { padding-left: 20px; padding-right: 20px; } .wdt-cus-default-services-listing .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { width: 60px; height: 60px; } } /* ---------------------------- Services Page services Listing ----------------------------- */ /* ------------------------------ Contact Form Aside Contact Block -------------------------------- */ .wdt-custom-contact-image-box .wdt-content-item .wdt-content-image-wrapper, .wdt-custom-contact-image-box .wdt-content-item .wdt-content-image-wrapper .wdt-content-image, .wdt-custom-contact-image-box .wdt-content-item .wdt-content-image-wrapper .wdt-content-image > a { width: 100%; height: 100%; object-fit: cover; } .wdt-custom-contact-image-box .wdt-content-item .wdt-content-media-group { display: flex; margin: 0; justify-content: center; } .wdt-custom-contact-image-box .wdt-content-item .wdt-content-image > a { pointer-events: none; } .wdt-custom-contact-image-box .wdt-content-item .wdt-content-image > a img { width: 100%; object-fit: cover; } .wdt-custom-contact-image-box .wdt-content-item .wdt-content-detail-group { position: absolute; bottom: 20px; right: 0; left: 0; display: flex; align-items: center; justify-content: center; padding: 5px; z-index: 2; } .wdt-custom-contact-image-box .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin: 0; } .wdt-custom-contact-image-box .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(2.5rem, 2.1887rem + 1.7178vw, 4.25rem); color: var(--wdtAccentTxtColor); } .wdt-custom-contact-image-box .wdt-content-item .wdt-content-elements-group { text-align: start; margin-left: 20px; } .wdt-custom-contact-image-box .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span i { display: inline-flex; } .wdt-custom-contact-image-box .wdt-content-item .wdt-content-subtitle { font-size: clamp(1rem, 0.9555rem + 0.2454vw, 1.25rem); font-weight: var(--wdtFontWeight_H6); letter-spacing: 0; text-transform: capitalize; color: var(--wdtAccentTxtColor); } .wdt-custom-contact-image-box .wdt-content-item .wdt-content-title h5 { color: var(--wdtAccentTxtColor); font-size: clamp(1.25rem, 1.1253rem + 0.4164vw, 1.625rem); /*max-26 min-20*/ pointer-events: none; } .wdt-custom-contact-image-box .wdt-content-item .wdt-content-title h5 a { color: var(--wdtAccentTxtColor); } .wdt-custom-contact-image-box .elementor-widget-container .wdt-content-item .wdt-content-title { margin-bottom: 6px; } .wdt-custom-contact-image-box .wdt-content-item::before { content: ''; background: linear-gradient(0deg, rgba(var(--wdtPrimaryColorRgb), 1), transparent); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1 } .wdt-custom-contact-image-box .wdt-content-item .wdt-content-button > a { background-color: transparent; font-family: var(--wdtFontTypo_Base); border: none; font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); padding: 0; letter-spacing: var(--wdtLetterSpacing_1X); text-transform: none; transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } .wdt-custom-contact-image-box .wdt-content-item .wdt-content-button > a:hover { color: rgb(var(--wdtAccentTxtColorRgb),.8); transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; background-color: transparent; } /* Form */ form.wpcf7-form.wdt-cus-services-contact-form > p { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; margin-bottom: 20px; } form.wpcf7-form.wdt-cus-services-contact-form > p > span[data-name="lists"], form.wpcf7-form.wdt-cus-services-contact-form > p > span[data-name="about"], form.wpcf7-form.wdt-cus-services-contact-form > p > span[data-name="check-box"] { grid-column: span 2; } form.wpcf7-form.wdt-cus-services-contact-form > p span.wpcf7-form-control-wrap { margin-bottom: 0; } form.wpcf7-form.wdt-cus-services-contact-form p > input[type="submit"] { /* background-color: var(--wdtSecondaryColor); */ width: fit-content; } /* form.wpcf7-form.wdt-cus-services-contact-form p > input[type="submit"]:hover, form.wpcf7-form.wdt-cus-services-contact-form p > input[type="submit"]:focus { background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); } */ form.wpcf7-form.wdt-cus-services-contact-form textarea { height: 150px; } form.wpcf7-form.wdt-cus-services-contact-form.wdt-form-cus-bg-color input:not([type="submit"]), form.wpcf7-form.wdt-cus-services-contact-form.wdt-form-cus-bg-color textarea { background-color: var(--wdtAccentTxtColor); } form.wpcf7-form.wdt-cus-services-contact-form.wdt-form-cus-bg-color .select2-container--default .select2-selection--single, form.wpcf7-form.wdt-cus-services-contact-form.wdt-form-cus-bg-color .select2-container--default .select2-selection--multiple { background-color: var(--wdtAccentTxtColor) !important; } /* responsive */ @media (max-width: 1024px) { form.wpcf7-form.wdt-cus-services-contact-form > p { grid-template-columns: 1fr; } form.wpcf7-form.wdt-cus-services-contact-form > p > span[data-name="lists"], form.wpcf7-form.wdt-cus-services-contact-form > p > span[data-name="about"], form.wpcf7-form.wdt-cus-services-contact-form > p > span[data-name="check-box"] { grid-column: unset; } } /* ------------------------------ Contact Form Aside Contact Block -------------------------------- */ /* ------------------- Team Default Style ------------------- */ .wdt-cus-default-team-block .wdt-content-item > div:not(:last-child), .wdt-cus-default-team-block .wdt-content-item .wdt-content-detail-group > div:not(:last-child), .wdt-cus-default-team-block .wdt-content-item .wdt-content-elements-group > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-default-team-block .wdt-content-item { display: flex; flex-direction: column; } /* Image */ .wdt-cus-default-team-block .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image { overflow: hidden; } .wdt-cus-default-team-block .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image a { overflow: hidden; position: relative; width: 100%; border: 2px solid var(--wdtBorderColor); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; will-change: transform; } /* .wdt-cus-default-team-block .wdt-content-item-holder .wdt-content-item:hover .wdt-content-image-wrapper .wdt-content-image > a { border-color: var(--wdtPrimaryColor); } */ .wdt-cus-default-team-block .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image img { transform: scale(1); -webkit-transform: scale(1); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-default-team-block .wdt-content-item:hover .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image img { transform: scale(1.05); -webkit-transform: scale(1.05); } .wdt-cus-default-team-block .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:after, .wdt-cus-default-team-block .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; border-style: solid; border-color: var(--wdtPrimaryColor); pointer-events: none; z-index: 1; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); will-change: transform; transform-origin: center; -webkit-transform-origin: center; } .wdt-cus-default-team-block .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:after { border-width: 0 2px; transform: scaleY(0); -webkit-transform: scaleY(0); } .wdt-cus-default-team-block .wdt-content-item:hover .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:after { transform: scaleY(1); -webkit-transform: scaleY(1); } .wdt-cus-default-team-block .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:before { border-width: 2px 0; transform: scaleX(0); -webkit-transform: scaleX(0); } .wdt-cus-default-team-block .wdt-content-item:hover .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image:before { transform: scaleX(1); -webkit-transform: scaleX(1); } .wdt-cus-default-team-block .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:before, .wdt-cus-default-team-block .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:after { display: none; } .wdt-cus-default-team-block .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container { align-content: flex-start; align-items: flex-start; padding: 30px; } .wdt-cus-default-team-block .wdt-content-item .wdt-content-detail-group { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem) 0 0; /* Min-20 & Max-30 */ } .wdt-cus-default-team-block .wdt-content-item .wdt-content-detail-group .wdt-content-elements-group { margin-right: 10px } .wdt-cus-default-team-block .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); /* Min-26 & Max-30 */ position: relative; margin-bottom: 4px; } .wdt-cus-default-team-block .wdt-content-item > div[class*="group"] .wdt-content-title + .wdt-content-subtitle { margin-top: 0; } /*Button*/ .wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a { border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); padding: 0; aspect-ratio: 1/1; width: 50px; height: 50px; vertical-align: middle; display: inline-flex; justify-content: center; align-items: center; background-color: var(--wdtSecondaryColor); transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a:hover { background-color: var(--wdtPrimaryColor); box-shadow: unset; transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } .wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a > div.wdt-button-text { position: relative; } .wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a > div.wdt-button-text:before { content: '\0809'; font-family: "karimotors-extra-icons"; font-style: normal; font-weight: normal; position: relative; display: block; width: auto; height: auto; transform: rotate(0); -webkit-transform: rotate(0); transition: transform 0.35s ease-in-out; -webkit-transition: transform 0.35s ease-in-out; } .wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a:hover > div.wdt-button-text:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a > div > span { display: none; } /*Icon*/ .wdt-cus-default-team-block .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container > div { display: inline-flex; justify-content: flex-end; align-items: flex-start; } .wdt-cus-default-team-block .wdt-content-item .wdt-social-icons-list { display: grid; gap: 10px; margin: 0; } .wdt-cus-default-team-block .wdt-content-item .wdt-social-icons-list li:hover { background: var(--wdtPrimaryColor); } .wdt-cus-default-team-block .wdt-content-item .wdt-social-icons-list li { display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0; width: 36px; height: 36px; font-size: 18px; background: var(--wdtSecondaryColor); transform: rotateX(-90deg) perspective(50px) skew(5deg, 10deg) translateY(25px); -webkit-transform: rotateX(-90deg) perspective(50px) skew(5deg, 10deg) translateY(25px); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); opacity: 0; transform-origin: top center; -webkit-transform-origin: top center; overflow: hidden; } .wdt-cus-default-team-block .wdt-content-item:hover .wdt-social-icons-list li { transform: rotateX(0deg) perspective(0px) skew(0deg, 0deg) translateY(0px); -webkit-transform: rotateX(0deg) perspective(0px) skew(0deg, 0deg) translateY(0px); opacity: 1; } .wdt-cus-default-team-block .wdt-content-item:hover .wdt-media-image-cover > .wdt-media-image-cover-container > div ul li, .wdt-cus-default-team-block .wdt-content-item .wdt-social-icons-list li a, .wdt-cus-default-team-block .wdt-content-item:hover .wdt-media-image-cover > .wdt-media-image-cover-container > div ul li a { color: var(--wdtAccentTxtColor); } .wdt-cus-default-team-block .wdt-content-item .wdt-social-icons-list li a .km-additional-youtube-icon { font-size: 14px; left: -2px; position: relative; } /* Dark Bg */ .wdt-dark-bg.wdt-cus-default-team-block .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image a { border-color: var(--wdtAccentTxtColor); } .wdt-dark-bg.wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a, .wdt-dark-bg .wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a, .wdt-dark-bg.wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a:hover, .wdt-dark-bg .wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a:hover { transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } .wdt-dark-bg .wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a, .wdt-dark-bg.wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a { background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); } .wdt-dark-bg .wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a:hover, .wdt-dark-bg.wdt-cus-default-team-block .wdt-content-item .wdt-content-button > a:hover { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); } /* alternate position */ .wdt-cus-default-team-block.wdt-cus-alternate-position .swiper .swiper-wrapper .swiper-slide:nth-child(even) .wdt-content-item { flex-direction: column-reverse; } .wdt-cus-default-team-block.wdt-cus-alternate-position .swiper .swiper-wrapper .swiper-slide:nth-child(even) .wdt-content-item .wdt-content-detail-group { padding: 0 0 clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /* Min-20 & Max-30 */ } /* ------------------- Team Default Style ------------------- */ /* ------------------ Testimonial Default --------------------- */ .wdt-cus-default-testimonial .wdt-content-item { display: flex; flex-direction: column-reverse; padding: clamp(2.5rem, 2.125rem + 1.875vw, 4.375rem) clamp(1.25rem, 1rem + 1.25vw, 2.5rem) 0; /*70px - 40px*/ /*40px - 20px*/ margin-bottom: calc( clamp(6.25rem, 5.75rem + 2.5vw, 8.75rem) / 2 ); background-color: var(--wdtTertiaryColor); border: 2px solid var(--wdtBorderColor); position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; will-change: transform; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-default-testimonial.wdt-testimonial-cus-bg .wdt-content-item { background-color: var(--wdtAccentTxtColor); } .wdt-cus-default-testimonial .wdt-content-item:after, .wdt-cus-default-testimonial .wdt-content-item:before { content: ""; position: absolute; top: -2px; bottom: -2px; left: -2px; right: -2px; width: auto; height: auto; border-style: solid; border-color: var(--wdtPrimaryColor); pointer-events: none; z-index: 1; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); will-change: transform; transform-origin: center; -webkit-transform-origin: center; } .wdt-cus-default-testimonial .wdt-content-item:after { border-width: 0 2px; transform: scaleY(0); -webkit-transform: scaleY(0); } .wdt-cus-default-testimonial .wdt-content-item:hover:after { transform: scaleY(1); -webkit-transform: scaleY(1); } .wdt-cus-default-testimonial .wdt-content-item:before { border-width: 2px 0; transform: scaleX(0); -webkit-transform: scaleX(0); } .wdt-cus-default-testimonial .wdt-content-item:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); } .wdt-cus-default-testimonial .wdt-content-item .wdt-content-description { text-wrap: balance; padding: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem) 0 clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem); /*20px-14px*/ /*26px-20px*/ } .wdt-cus-default-testimonial .wdt-content-item > div:not(:last-child), .wdt-cus-default-testimonial .wdt-content-item .wdt-content-media-group > div:not(:last-child), .wdt-cus-default-testimonial .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-default-testimonial .wdt-testimonial-holder .wdt-content-item .wdt-content-media-group { line-height: 0; margin-bottom: calc( clamp(6.25rem, 5.75rem + 2.5vw, 8.75rem) / -2 ); } .wdt-cus-default-testimonial .wdt-content-item .wdt-content-image > a, .wdt-cus-default-testimonial .wdt-content-item .wdt-content-image > span { width: clamp(6.25rem, 5.75rem + 2.5vw, 8.75rem); /*140px - 100px*/ height: clamp(6.25rem, 5.75rem + 2.5vw, 8.75rem); /*140px - 100px*/ border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); overflow: hidden; margin-top: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem); /*60px - 40px*/ z-index: 1; } /* .wdt-cus-default-testimonial .wdt-content-item:hover .wdt-content-title h5, .wdt-cus-default-testimonial .wdt-content-item:hover .wdt-content-title h5 a, .wdt-cus-default-testimonial .wdt-content-item:hover .wdt-content-description { color: var(--wdtAccentTxtColor); } */ .wdt-cus-default-testimonial .wdt-content-item .wdt-content-image > span > img, .wdt-cus-default-testimonial .wdt-content-item .wdt-content-image > a > img { transform: scale(1); -webkit-transform: scale(1); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-default-testimonial .wdt-content-item:hover .wdt-content-image > span > img, .wdt-cus-default-testimonial .wdt-content-item:hover .wdt-content-image > a > img { transform: scale(1.06); -webkit-transform: scale(1.06); } .wdt-cus-default-testimonial .wdt-content-item .wdt-content-title-group.below > :not(.wdt-content-separator):not(:last-child) { margin-bottom: 0; } .wdt-cus-default-testimonial .wdt-content-item .wdt-content-title-group.below { display:flex; justify-content: center; align-items: baseline; } .wdt-cus-default-testimonial .wdt-content-item .wdt-content-title-group.below span { display: none; } .wdt-cus-default-testimonial .wdt-content-item .wdt-content-subtitle{ font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Ext); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-default-testimonial .wdt-content-item:has(.wdt-content-subtitle) .wdt-content-title h5:after { content: ','; position: relative; margin-right: 2px } /* .wdt-cus-default-testimonial .wdt-content-item:hover .wdt-content-subtitle { color: var(--wdtAccentTxtColor) } */ /* Carousel Top Position */ .wdt-carousel-arrow-top-position .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { position: absolute; top: 0; right: 0; } .wdt-carousel-arrow-top-position .wdt-carousel-holder .swiper.swiper-horizontal+.wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { margin-left: -10px; margin-right: -10px; } .wdt-carousel-arrow-top-position .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div { margin-top: 0; } .wdt-carousel-arrow-top-position .wdt-carousel-holder { padding-top: 160px; } /* Carousel Center Postion */ .wdt-cus-carousel-center-position .wdt-carousel-holder .swiper.swiper-horizontal+.wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { margin-left: auto; margin-right: auto; } .wdt-cus-carousel-center-position .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { text-align: center; position: absolute; top: 0; bottom: 0; margin: auto; width: auto; left: -30px; right: -30px; height: fit-content; display: flex; justify-content: space-between; } .wdt-cus-carousel-center-position .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div { margin: 0; } /* responsive */ @media (max-width: 1540px) { .wdt-carousel-arrow-top-position .wdt-carousel-holder { padding-top: 150px; } } @media (max-width: 1280px) { .wdt-carousel-arrow-top-position .wdt-carousel-holder { padding-top: 140px; } } @media (max-width: 1024px) { .wdt-carousel-arrow-top-position .wdt-carousel-holder { padding-top: 130px; } } @media (max-width: 767px) { .wdt-carousel-arrow-top-position .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { position: relative; } .wdt-carousel-arrow-top-position .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div { margin-top: 50px; } /* Center Position */ .wdt-cus-carousel-center-position .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div { margin-top: 50px; } .wdt-cus-carousel-center-position .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { position: relative; top: 0; width: auto; left: 0; right: 0; } .wdt-cus-carousel-center-position .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { display: flex ; justify-content:center ; } } /* ------------------ Testimonial Default --------------------- */ /* ---------------- Instagram Default ------------------- */ .wdt-cus-instagram-default .wdt-content-item .wdt-media-image-overlay > .wdt-media-image-overlay-container { pointer-events: none; } .wdt-cus-instagram-default .wdt-content-item .wdt-content-image > a { overflow: hidden; } .wdt-cus-instagram-default .wdt-content-item .wdt-media-image-overlay .wdt-content-image-wrapper .wdt-content-image img { transform: scale(1); -webkit-transform: scale(1); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-instagram-default .wdt-content-item:hover .wdt-media-image-overlay .wdt-content-image-wrapper .wdt-content-image img { transform: scale(1.06); -webkit-transform: scale(1.06); } .wdt-cus-instagram-default .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(1.75rem, 1.675rem + 0.375vw, 2.125rem); /*36px - 30px*/ background-color: var(--wdtPrimaryColor); width: clamp(3rem, 2.75rem + 1.25vw, 4.25rem); /*68px - 48px*/ height: clamp(3rem, 2.75rem + 1.25vw, 4.25rem); /*68px - 48px*/ border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); padding: 0; transform: translate(30px, 30px); -webkit-transform: translate(30px, 30px); opacity: 0; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-instagram-default .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span { transform: translate(0, 0); -webkit-transform: translate(0, 0); opacity: 1; } .wdt-cus-instagram-default .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span:hover i { animation: wdt-icon-push-animation 350ms ease-in-out; -webkit-animation: wdt-icon-push-animation 350ms ease-in-out; } /* h4 */ .wdt-h4-instagram.wdt-cus-instagram-default .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { width: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem); /*50px - 40px*/ height: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem); /*50px - 40px*/ font-size: clamp(1.375rem, 1.325rem + 0.25vw, 1.625rem); /*26px - 22px*/ } /* ---------------- Instagram Default ------------------- */ /* ------------------------- Footer Top Contact Block -------------------------- */ .wdt-cus-contact-CAT-1 .elementor-widget-container .wdt-heading-holder { display: flex; align-items: center; } .wdt-cus-contact-CAT-1 .wdt-heading-holder h2.wdt-heading-title-wrapper .wdt-heading-title { font-size: clamp(2.5rem, 1.4612rem + 3.4698vw, 5.625rem); /*max-90 min-40 */ margin-right: clamp(1.875rem, 0.4434rem + 2.2346vw, 3.125rem); /*max-50 min-30 */ color: var(--wdtAccentTxtColor); } .wdt-cus-contact-CAT-1 .wdt-heading-holder .wdt-heading-separator-wrapper .wdt-heading-separator.with-line .wdt-separator-line { background-color: var(--wdtAccentTxtColor); width: 100%; } .wdt-cus-contact-CAT-1 .wdt-heading-holder .wdt-heading-separator-wrapper { flex: auto; } .wdt-cus-contact-CAT-1 .wdt-heading-holder h2.wdt-heading-title-wrapper { margin-bottom: 0; } /* Responsive */ @media(max-width: 767px) { .wdt-cus-contact-CAT-1 .elementor-widget-container .wdt-heading-holder { flex-direction: column; } .wdt-cus-contact-CAT-1 .wdt-heading-holder h2.wdt-heading-title-wrapper { margin-bottom: 30px; } .wdt-cus-contact-CAT-1 .wdt-heading-holder h2.wdt-heading-title-wrapper .wdt-heading-title { margin-right: 0px; } .wdt-cus-contact-CAT-1 .wdt-heading-holder .wdt-heading-separator-wrapper .wdt-heading-separator.with-line .wdt-separator-line { width: clamp(16.875rem, 5.6928rem + 49.6988vw, 37.5rem); /*max-600 min-270*/ } .wdt-cus-contact-CAT-1 .wdt-heading-holder h2.wdt-heading-title-wrapper { margin-bottom: 20px; } } /* ------------------------- Footer Top COntact Block -------------------------- */ /* -------------------- About Block ------------------- */ .wdt-cust-contact-s.elementor-widget .elementor-icon-list-item .elementor-icon-list-text { font-family: var(--wdtFontTypo_Alt); font-size: calc(var(--wdtFontSize_Base) + 2px); font-weight: var(--wdtFontWeight_Alt); color: var(--wdtHeadAltColor); } .wdt-cust-contact-s.elementor-widget .elementor-icon-list-item a .elementor-icon-list-text { font-size: var(--wdtFontSize_H6); font-weight: var(--wdtFontWeight_Alt); font-family: var(--wdtFontTypo_Alt); } .wdt-cust-contact-s.elementor-widget .elementor-icon-list-item a:hover .elementor-icon-list-icon svg { fill: currentcolor; } .wdt-cust-contact-s.elementor-widget .elementor-icon-list-item a:hover .elementor-icon-list-icon { color: var(--wdtPrimaryColor); } .wdt-cust-contact-s.elementor-widget .elementor-icon-list-item, .wdt-cust-contact-s.elementor-widget .elementor-icon-list-item a { align-items: center; } .wdt-cust-contact-s ul.elementor-icon-list-items.elementor-inline-items { justify-content: space-between; } .wdt-cust-icon-list-s ul.elementor-icon-list-items.elementor-inline-items { display: inline-grid; grid-template-columns: 1fr 1fr; gap: 25px; align-items: start; justify-items: start; } /* responsive */ @media (max-width: 767px) { .wdt-cust-icon-list-s ul.elementor-icon-list-items.elementor-inline-items { grid-template-columns: 1fr; } } @media only screen and (max-width: 479px) { .wdt-cust-icon-list-s ul.elementor-icon-list-items.elementor-inline-items > li:not(:last-child) { margin-bottom: 10px; } } /* -------------------- About Block ------------------- */ /* ------------------ Brand Logo About Us ------------------ */ .wdt-cus-marquee-style-1 .elementor-widget-container::before { content: ''; background-image: linear-gradient(to left, transparent 0%, rgba(var(--wdtAccentTxtColorRgb), 0.3) 40%, rgba(var(--wdtAccentTxtColorRgb), 1) 100%); position: absolute; left: 0; width: 60px; height: 100px; z-index: 2; } .wdt-cus-marquee-style-1 .elementor-widget-container::after { content: ''; background-image: linear-gradient(to right, transparent 0%, rgba(var(--wdtAccentTxtColorRgb), 0.1) 50%, rgba(var(--wdtAccentTxtColorRgb), 1) 100%); position: absolute; right: 0; top: 20px; width: 120px; height: 100px; z-index: 2; } .wdt-cus-marquee-style-1 .wdt-animation-holder .image-item img { width: clamp(12.5rem, 11.4612rem + 3.4698vw, 15.625rem); /*max-250 min-200*/ height: auto; } /* .wdt-cus-marquee-style-1 .wdt-animation-holder .image-item img:hover { animation: wdt-icon-push-animation 350ms ease-in-out; -webkit-animation: wdt-icon-push-animation 350ms ease-in-out; } */ .wdt-cus-marquee-style-1 .wdt-animation-holder .wdt-animation-wrapper .wdt-animation-item { padding: 0px clamp(1.25rem, 0.6267rem + 2.0819vw, 3.125rem) 0px clamp(1.25rem, 0.6267rem + 2.0819vw, 3.125rem); /*max-50 min-20*/ } /* ------------------ Brand Logo About Us ------------------ */ /* -------------------- Interactive Showcase --------------------- */ .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container { flex-direction: column-reverse; margin: 0; } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper, .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { flex: unset; width: 100%; padding: 0; } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list { max-width: 100%; display: flex; } .wdt-cus-InterActive-style-1 .elementor-widget-container .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { margin-bottom: 0; display: flex; justify-content: center; align-items: center; width: 100%; padding: 50px; background-color: var(--wdtPrimaryColor); } .wdt-cus-InterActive-style-1 .elementor-widget-container .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) { border-style: solid; border-width: 0 1px 0 0; border-color: var(--wdtAccentTxtColor); } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container ul.wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-content-title { font-weight: var(--wdtFontWeight_H4); font-size: clamp(1.875rem, 1.4455rem + 0.6704vw, 2.25rem); /* Min-30 & Max-36 */ line-height: var(--wdtLineHeight_Alt); font-family: var(--wdtFontTypo_H4); color: var(--wdtAccentTxtColor); text-align: center; } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:after { display: none; } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:before { background: var(--wdtSecondaryColor); content: ''; width: 100%; height: 100%; position: absolute; inset: 0; opacity: 0; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); transform: skewX(-20deg) scale(0.5); -webkit-transform: skewX(-20deg) scale(0.5); transform-origin: unset; } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:hover:before, .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active:before { transform: skewX(0deg) scale(1); -webkit-transform: skewX(0deg) scale(1); opacity: 1; } /*--animation---*/ .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] { grid-area: 1 / -1; visibility: hidden; opacity: 0; overflow: hidden; transform: scale(1); transform-origin: unset; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active { opacity: 1; transform: scale(1); visibility: visible; } /* .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-cus-interActive-col .elementor-background-overlay { transform: scaleX(0); -webkit-transform: scaleX(0); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); transform-origin: left center; -webkit-transform-origin: left center; transition-delay: 200ms; -webkit-transition-delay: 200ms; display: block; } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-cus-interActive-col .elementor-background-overlay { transform: scale(1); -webkit-transform: scale(1); transition-delay: 300ms; -webkit-transition-delay: 300ms; } */ .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper { z-index: 1; } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { z-index: 0; } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-cus-interActive-content .wdt-heading-holder > .wdt-heading-subtitle-wrapper, .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-cus-interActive-content .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title, .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-cus-interActive-content .wdt-heading-holder .wdt-heading-content-wrapper, .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-cus-interActive-btn .wdt-button-holder { transform: translateY(60px); -webkit-transform: translateY(60px); opacity: 0; visibility: hidden; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-cus-interActive-content .wdt-heading-holder > .wdt-heading-subtitle-wrapper, .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-cus-interActive-btn .wdt-button-holder { transition-delay: 0.7s; -webkit-transition-delay: 0.7s; } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-cus-interActive-content .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title, .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-cus-interActive-content .wdt-heading-holder .wdt-heading-content-wrapper { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-cus-interActive-content .wdt-heading-holder .wdt-heading-content-wrapper, .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-cus-interActive-content .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title { transition-delay: 0.5s; -webkit-transition-delay: 0.5s; } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-cus-interActive-btn .wdt-button-holder, .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-cus-interActive-content .wdt-heading-holder>.wdt-heading-subtitle-wrapper { transition-delay: 0.4s; -webkit-transition-delay: 0.4s; } .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-cus-interActive-content .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title, .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-cus-interActive-btn .wdt-button-holder, .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-cus-interActive-content .wdt-heading-holder .wdt-heading-content-wrapper, .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-cus-interActive-content .wdt-heading-holder>.wdt-heading-subtitle-wrapper { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); } /* Reponsive */ @media (max-width:1540px){ .wdt-cus-InterActive-style-1 .elementor-widget-container .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { padding:50px 35px; } } @media (max-width: 1280px) { .wdt-cus-InterActive-style-1 .elementor-widget-container .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { padding: clamp(1.375rem, 0.7022rem + 2.2472vw, 2.5rem) 6px; /*max-40 min-24*/ } } @media (max-width: 1024px){ .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container ul.wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-content-title { font-size: clamp(1.25rem, 0.125rem + 2.3438vw, 1.625rem); /*max-26 min-20*/ } } @media (max-width: 767px){ /* .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list { scroll-behavior: smooth; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; scroll-snap-type: x mandatory; } .wdt-cus-InterActive-style-1 .elementor-widget-container .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { flex: 1 0 50%; } */ .wdt-cus-InterActive-style-1 .wdt-interactive-showcase-container ul.wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-content-title { font-size: clamp(1.375rem, 1.196rem + 0.8949vw, 1.625rem); /*max-26 min-22*/ } .wdt-cus-InterActive-style-1 .elementor-widget-container .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list { flex-wrap: wrap; } .wdt-cus-InterActive-style-1 .elementor-widget-container .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { flex: 0 0 50%; } .wdt-cus-InterActive-style-1 .elementor-widget-container .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) { border-width: 0 1px 0 0; } .wdt-cus-InterActive-style-1 .elementor-widget-container .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { border-width: 0 1px 0 0; } .wdt-cus-InterActive-style-1 .elementor-widget-container .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:nth-child(even) { border-right: 0; } .wdt-cus-InterActive-style-1 .elementor-widget-container .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:nth-child(n+1) { border-bottom: 1px solid var(--wdtAccentTxtColor); } } /* -------------------- Interactive Showcase --------------------- */ /* ------------------ Support Icon Box -------------------- */ .wdt-cus-iconBox-style-02 .wdt-content-item { display: flex; align-items: flex-start; padding: 0; height: 100%; } .wdt-cus-iconBox-style-02 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(2.75rem, 2.4176rem + 1.1103vw, 3.75rem); } .wdt-cus-iconBox-style-02 .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span i { animation: wdt-icon-push-animation 350ms ease-in-out; -webkit-animation: wdt-icon-push-animation 350ms ease-in-out; } .wdt-cus-iconBox-style-02 .wdt-content-item .wdt-content-media-group { margin-right: 22px; margin-bottom: 0; } .wdt-cus-iconBox-style-02 .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 16px; } .wdt-cus-iconBox-style-02 .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.375rem, 1.325rem + 0.25vw, 1.625rem); /*max-26 min-22 */ font-weight: var(--wdtFontWeight_H6); font-family: var(--wdtFontTypo_Base); } .wdt-cus-iconBox-style-02 .wdt-content-item .wdt-content-description { position: relative; } .wdt-cus-iconBox-style-02 .wdt-content-item .wdt-content-description:before { position: relative; content: '- '; } /* Reponsive */ @media(max-width:1280px) and (min-width: 1025px) { .wdt-cus-iconBox-style-02 .wdt-content-item { flex-direction: column; align-items: start; } .wdt-cus-iconBox-style-02 .wdt-content-item .wdt-content-media-group { margin-right:0; margin-bottom: 10px; } .wdt-cus-iconBox-style-02 .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 10px; } } @media (max-width: 767px) { .wdt-cus-iconBox-style-02 .wdt-content-item { flex-direction: column; align-items: start; } .wdt-cus-iconBox-style-02 .wdt-content-item .wdt-content-media-group { margin-right:0; margin-bottom: 10px; } .wdt-cus-iconBox-style-02 .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 10px; } } @media(max-width:479px){ .wdt-cus-iconBox-style-2 .wdt-content-item { align-items: start; } } /* ------------------ Support Icon Box -------------------- */ /* -------------------- Award Block --------------------- */ .wdt-cus-default-award-block .wdt-content-item { padding: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) 0; /*50px - 30px*/ border-style: solid; border-color: var(--wdtBorderColor); border-width: 0 0 2px; position: relative; } .wdt-cus-default-award-block .wdt-column:last-child .wdt-content-item { border-width: 0 ; } .wdt-cus-default-award-block .wdt-content-item .wdt-content-media-group { display: flex; justify-content: space-between; align-items: center; gap: 20px; position: static; width: 100%; } .wdt-cus-default-award-block .wdt-content-item .wdt-content-media-group > div:not(:last-child) { margin-bottom: 0; } /* Title */ .wdt-cus-default-award-block .wdt-content-item > div[class*="group"] > .wdt-content-title { width: auto; } .wdt-cus-default-award-block .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); /* Min-26 & Max-30 */ text-transform: uppercase; } .wdt-cus-default-award-block .wdt-active .wdt-content-item .wdt-content-title h5 a { color: var(--wdtPrimaryColor); } .wdt-cus-default-award-block .wdt-active .wdt-content-item .wdt-content-title h5 a:hover { color: var(--wdtLinkColor); } .wdt-cus-default-award-block .wdt-content-item .wdt-content-media-group .wdt-content-title { flex: 0 0 300px; } /* image */ .wdt-cus-default-award-block .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper { flex: 0 0 auto; } .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > span, .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > a { width: 360px; height: 100%; min-height: 230px; overflow: hidden; } .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > span img, .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > a img { height: 100%; object-fit: cover; object-position: center; transform: scale(1); -webkit-transform: scale(1); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > span:hover img, .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > a:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); } .wdt-cus-default-award-block .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image { position: absolute; top: 0; bottom: 0; left: 0; right: -20%; margin: auto; width: fit-content; height: 100%; transform: rotate(-10deg) scale(1.1); -webkit-transform: rotate(-10deg) scale(1.1); opacity: 0; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-default-award-block .wdt-active .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image { transform: rotate(-10deg) scale(1); -webkit-transform: rotate(-10deg) scale(1); opacity: 1; } /* Button */ .wdt-cus-default-award-block .wdt-content-item .wdt-content-media-group .wdt-content-button { flex: 0 0 auto; display: inline-flex; } .wdt-cus-default-award-block .wdt-content-item .wdt-content-button > a { width: clamp(3.75rem, 3.4rem + 1.75vw, 5.5rem); /*88px-66px*/ height: clamp(3.75rem, 3.4rem + 1.75vw, 5.5rem); /*88px-66px*/ padding: 0; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); font-size: 0; position: relative; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); opacity: 0; transform: scale(0); -webkit-transform: scale(0); } .wdt-cus-default-award-block .wdt-content-item .wdt-content-button > a:before { content: '\0809'; font-family: "karimotors-extra-icons"; font-style: normal; font-weight: normal; position: absolute; inset: 0; display: block; width: fit-content; height: fit-content; font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem); /*30px - 24px*/ margin: auto; } .wdt-cus-default-award-block .wdt-active .wdt-content-item .wdt-content-button > a { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } .wdt-cus-default-award-block .wdt-active .wdt-content-item .wdt-content-button > a:hover { transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-default-award-block .wdt-column-holder .wdt-column-wrapper { counter-reset: wdt-award-list-counter; } .wdt-cus-default-award-block .wdt-column-holder .wdt-column-wrapper .wdt-column { counter-increment: wdt-award-list-counter; } .wdt-cus-default-award-block .wdt-content-item .wdt-content-button { position: relative; } .wdt-cus-default-award-block .wdt-content-item .wdt-content-button:after { content: "0"counter(wdt-award-list-counter); position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: fit-content; height: fit-content; margin: auto; font-size: clamp(2.5rem, 2.3rem + 1vw, 3.5rem); /* Min-40 & Max-56 */ font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); line-height: var(--wdtLineHeight_Ext); color: var(--wdtHeadAltColor); pointer-events: none; opacity: 1; transform: scale(1); -webkit-transform: scale(1); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-default-award-block .wdt-active .wdt-content-item .wdt-content-button:after { opacity: 0; transform: scale(0); -webkit-transform: scale(0); } /* Reponsive */ @media (max-width: 1540px) { .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > span, .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > a { width: 320px; min-height: 210px; } } @media (max-width: 1280px) { .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > span, .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > a { width: 360px; } } @media (max-width: 1024px) { .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > span, .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > a { width: 320px; min-height: 210px; } } @media (max-width: 767px) { .wdt-cus-default-award-block .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image, .wdt-cus-default-award-block .wdt-active .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image { position: relative; right: 0; transform: rotate(0) scale(1); -webkit-transform: rotate(0) scale(1); opacity: 1; } .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > span, .wdt-cus-default-award-block .wdt-content-item .wdt-content-image > a { width: 100%; min-height: unset; } .wdt-cus-default-award-block .wdt-content-item .wdt-content-media-group { flex-direction: column; align-items: unset; } .wdt-cus-default-award-block .wdt-content-item .wdt-content-media-group .wdt-content-title, .wdt-cus-default-award-block .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper, .wdt-cus-default-award-block .wdt-content-item .wdt-content-media-group .wdt-content-button { flex: 1; } .wdt-cus-default-award-block .wdt-content-item .wdt-content-button > a { opacity: 1; transform: scale(1); -webkit-transform: scale(1); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-default-award-block .wdt-content-item .wdt-content-button:after { display: none; } .wdt-cus-default-award-block .wdt-content-item .wdt-content-media-group .wdt-content-title:before { content: "0"counter(wdt-award-list-counter); position: relative; display: block; font-size: clamp(2.5rem, 2.3rem + 1vw, 3.5rem); /* Min-40 & Max-56 */ font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); line-height: var(--wdtLineHeight_Ext); color: var(--wdtHeadAltColor); margin-bottom: 10px; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-default-award-block .wdt-column:last-child .wdt-content-item { padding-bottom: 0; } .wdt-cus-default-award-block .wdt-column:first-child .wdt-content-item { padding-top: 0; } } /* -------------------- Award Block --------------------- */ /* -------------------- Timeline Tab -------------------- */ /* ---No Active--- */ .wdt-cus-timeline-default .wdt-content-item { position: relative; display: grid; grid-template-rows: 1fr 1fr; } .wdt-cus-timeline-default .swiper-wrapper .swiper-slide .wdt-content-item { padding-right: clamp(1.25rem, 0.4185rem + 1.7346vw, 2.5rem); /* min-20 & max-40 */ } .wdt-cus-timeline-default .wdt-content-item:before, .wdt-cus-timeline-default .wdt-content-item:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0; background: var(--wdtAccentTxtColor); display: inline-flex; align-self: center; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-timeline-default .wdt-content-item:before { width: 24px; height: 24px; left: 20px; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); z-index: 1; } .wdt-cus-timeline-default .wdt-content-item:after { width: 100%; height: 2px; z-index: 0; } .wdt-cus-timeline-default .wdt-content-item > div:not(:last-child), .wdt-cus-timeline-default .wdt-content-item .wdt-content-media-group > div:not(:last-child), .wdt-cus-timeline-default .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-timeline-default .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 12px; } /* --Image-- */ .wdt-cus-timeline-default .wdt-content-item .wdt-content-media-group { padding: 0 20px 26px; display: flex; } .wdt-cus-timeline-default .swiper-wrapper .swiper-slide:nth-child(odd) .wdt-content-item .wdt-content-media-group { flex-direction: column; order: 1; padding: 26px 20px 0; } .wdt-cus-timeline-default .swiper-wrapper .swiper-slide:nth-child(even) .wdt-content-item .wdt-content-media-group { flex-direction: column-reverse; } .wdt-cus-timeline-default .wdt-content-item .wdt-content-image > a, .wdt-cus-timeline-default .wdt-content-item .wdt-content-image > span { width: 130px; height: 130px; overflow: hidden; border: 2px solid var(--wdtAccentTxtColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-timeline-default .wdt-content-item .wdt-content-image > a > img, .wdt-cus-timeline-default .wdt-content-item .wdt-content-image > span > img { transform: scale(1); -webkit-transform: scale(1); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } /* --Content-- */ .wdt-cus-timeline-default .swiper-wrapper .swiper-slide:nth-child(even) .wdt-content-item .wdt-content-detail-group { justify-content: flex-start; padding: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem) 20px 0; /*50px - 40px*/ } .wdt-cus-timeline-default .wdt-content-item .wdt-content-detail-group { display: flex; flex-direction: column; padding: 0 20px clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem); /*50px - 40px*/ justify-content: flex-end; } .wdt-cus-timeline-default .wdt-content-item .wdt-content-subtitle { font-size: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem); /* Min-20 & Max-26 */ padding: 20px 0; /* min-height: 55px; */ font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Ext); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); vertical-align: middle; line-height: var(--wdtLineHeight_Ext); color: var(--wdtPrimaryColor); } .wdt-cus-timeline-default .wdt-content-item .wdt-content-title h5 { font-size: var(--wdtFontSize_H6); /* Min-20 & Max-26 */ } .wdt-cus-timeline-default .wdt-content-item .wdt-content-description { text-wrap: balance; } /* ---Active--- */ .wdt-cus-timeline-default .swiper-slide.wdt-active .wdt-content-item:before { background-color: var(--wdtPrimaryColor); transform: scale(1.6); -webkit-transform: scale(1.6); } /* .wdt-cus-timeline-default .swiper-slide.wdt-active .wdt-content-item .wdt-content-subtitle { color: var(--wdtLinkHoverColor); font-size: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); } */ /* --Image-- */ .wdt-cus-timeline-default .swiper-slide.wdt-active .wdt-content-item .wdt-content-image > a > img, .wdt-cus-timeline-default .swiper-slide.wdt-active .wdt-content-item .wdt-content-image > span > img { transform: scale(1.1); -webkit-transform: scale(1.1); } .wdt-cus-timeline-default .swiper-slide.wdt-active .wdt-content-item .wdt-content-image > a, .wdt-cus-timeline-default .swiper-slide.wdt-active .wdt-content-item .wdt-content-image > span { border-color: var(--wdtPrimaryColor) } /* -------------------- Timeline Tab -------------------- */ /* ------------------------- Banner Mailchimp Btn Color --------------------------- */ .wdt-cus-mailchimp-btn-color .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscription-button-holder button { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); } .wdt-cus-mailchimp-btn-color .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscription-button-holder button:hover, .wdt-cus-mailchimp-btn-color .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscription-button-holder button:focus { background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); border-left-color: var(--wdtSecondaryColor); } @media ( max-width: 479px ) { .wdt-cus-mailchimp-btn-color .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscription-button-holder button:hover, .wdt-cus-mailchimp-btn-color .wdt-mailchimp-holder .wdt-mailchimp-wrapper .wdt-mailchimp-subscription-button-holder button:focus { border-left-color: transparent; } } /* ------------------------- Banner Mailchimp Btn Color --------------------------- */ /* --------------------- Home1 Services Image Box ------------------------ */ .wdt-cus-service-img-box-style-01 .wdt-content-item { display: grid; /* overflow: hidden; */ position: relative; border: 2px solid var(--wdtAccentTxtColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); height: 100%; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; will-change: transform; } .wdt-cus-service-img-box-style-01 .wdt-content-item:after, .wdt-cus-service-img-box-style-01 .wdt-content-item:before { content: ""; position: absolute; top: -2px; bottom: -2px; left: -2px; right: -2px; width: auto; height: auto; border-style: solid; border-color: var(--wdtPrimaryColor); pointer-events: none; z-index: 2; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); will-change: transform; transform-origin: center; -webkit-transform-origin: center; } .wdt-cus-service-img-box-style-01 .wdt-content-item:after { border-width: 0 2px; transform: scaleY(0); -webkit-transform: scaleY(0); } .wdt-cus-service-img-box-style-01 .swiper-slide.wdt-active .wdt-content-item:after { transform: scaleY(1); -webkit-transform: scaleY(1); } .wdt-cus-service-img-box-style-01 .wdt-content-item:before { border-width: 2px 0; transform: scaleX(0); -webkit-transform: scaleX(0); } .wdt-cus-service-img-box-style-01 .swiper-slide.wdt-active .wdt-content-item:before { transform: scaleX(1); -webkit-transform: scaleX(1); } /* .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-image-wrapper .wdt-content-image:after, .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-image-wrapper .wdt-content-image:before { content: ""; position: absolute; top: -2px; bottom: -2px; left: -2px; right: -2px; width: auto; height: auto; border-style: solid; border-color: var(--wdtPrimaryColor); pointer-events: none; z-index: 2; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); will-change: transform; transform-origin: center; -webkit-transform-origin: center; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-image-wrapper .wdt-content-image:after { border-width: 0 2px; transform: scaleY(0); } .wdt-cus-service-img-box-style-01 .swiper-slide.wdt-active .wdt-content-item .wdt-content-image-wrapper .wdt-content-image:after { transform: scaleY(1); } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-image-wrapper .wdt-content-image:before { border-width: 2px 0; transform: scaleX(0); } .wdt-cus-service-img-box-style-01 .swiper-slide.wdt-active .wdt-content-item .wdt-content-image-wrapper .wdt-content-image:before { transform: scaleX(1); } */ /* .wdt-cus-service-img-box-style-01 .swiper-slide.wdt-active .wdt-content-item { border: 2px solid var(--wdtPrimaryColor); } */ .wdt-cus-service-img-box-style-01 .wdt-content-item > * { grid-area: 1/-1; } .wdt-cus-service-img-box-style-01 .wdt-content-item > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-image-wrapper { height: 100%; position: relative; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-image > a { overflow: hidden; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-image-wrapper img { transform: scale(1); -webkit-transform: scale(1); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-service-img-box-style-01 .wdt-content-item:hover .wdt-content-image-wrapper img { transform: scale(1.02); -webkit-transform: scale(1.02); } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-image-wrapper:before { content: ''; position: absolute; width: 100%; height: 100%; background: var(--wdtSecondaryColor); z-index: 1; opacity: 0.6; pointer-events: none; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-detail-group { padding: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem) clamp(1.25rem, 1rem + 1.25vw, 2.5rem); /*40px - 30px*/ /*40px - 20px*/ background-image: linear-gradient(90deg, rgba(var(--wdtSecondaryColorRgb), 0.4) 50%, transparent 50%); background-size: 300% auto; background-position: right center; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); z-index: 2; overflow: hidden; } .wdt-cus-service-img-box-style-01 .swiper-slide.wdt-active .wdt-content-item .wdt-content-detail-group { background-position: left center; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem); position: relative; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-title h5 a { position: relative; display: inline-flex; flex-direction: column; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-title h5 a:after { content: ''; position: relative; width: 0%; height: 2px; border: 1px solid currentcolor; margin-top: 5px; opacity: 0; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-service-img-box-style-01 .swiper-slide.wdt-active .wdt-content-item .wdt-content-title h5 a:after { width: 100%; opacity: 1; transition-delay: 100ms; -webkit-transition-delay: 100ms; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-description { text-wrap: balance; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-description, .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-button { transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: var(--wdtAltTransition); opacity: 0; visibility: hidden; transition-delay: 200ms; -webkit-transition-delay: 200ms; } .wdt-cus-service-img-box-style-01 .swiper-slide.wdt-active .wdt-content-item .wdt-content-button { transition-delay: 300ms; -webkit-transition-delay: 300ms; } .wdt-cus-service-img-box-style-01 .swiper-slide.wdt-active .wdt-content-item .wdt-content-description, .wdt-cus-service-img-box-style-01 .swiper-slide.wdt-active .wdt-content-item .wdt-content-button { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; visibility: visible; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-button > a > div > span { display: none; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-button > a:hover { background-color: var(--wdtTertiaryColor); transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-button > a { border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); aspect-ratio: 1; padding: 0; width: 60px; height: 60px; vertical-align: middle; display: inline-flex; justify-content: center; align-items: center; transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } .wdt-dark-bg .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-button > a, .wdt-dark-bg .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-button > a:hover { box-shadow: unset; -webkit-box-shadow: unset; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-button > a > div.wdt-button-text { position: relative; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-button > a > div.wdt-button-text:before { font-family: "karimotors-extra-icons"; content: '\0809'; font-style: normal; font-weight: normal; position: relative; display: block; width: auto; height: auto; transform: rotate(0); -webkit-transform: rotate(0); transition: transform 0.35s ease-in-out; -webkit-transition: transform 0.35s ease-in-out; } .wdt-cus-service-img-box-style-01 .wdt-content-item .wdt-content-button > a:hover > div.wdt-button-text:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); } /* --------------------- Home1 Services Image Box ------------------------ */ /* ------------------------------- Home Page Services Process Block --------------------------------- */ .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-layout-vertical'] { display: grid; grid-template-columns: .7fr 1fr; } .wdt-cus-services-process-block-tab .wdt-tabs-container .wdt-tabs-content-wrapper { padding: 0 0 0 clamp(0.625rem, -2.2381rem + 4.4693vw, 3.125rem)/* Min-10 & Max-50 */; } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-layout-vertical'] > .wdt-tabs-list-wrapper { width: 100%; } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-layout-vertical'][class*='-template-hunch-back-icon'] .wdt-tabs-list { display: flex; min-width: 100px; padding: 0; position: relative; counter-reset: process-conuter; } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-layout-vertical'][class*='-template-hunch-back-icon'] .wdt-tabs-list:before { position: absolute; content: ''; top: 0; left: -2px; width: 2px; height: 100%; background: rgba(var(--wdtHeadAltColorRgb), 1); } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list { background: transparent; } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-layout-vertical'] .wdt-tabs-list li:not(:last-child) { margin: 0; margin-bottom: 20px; } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list li { position: relative; } /* ---Hunch Back--- */ .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-layout-vertical'][class*='-template-hunch-back-icon'] .wdt-tabs-list-wrapper .wdt-hunch-back-icon-border { mask-image: none; -webkit-mask-image: none; width: 12px; height: 12px; margin-bottom: auto; margin-right: -4px; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); display: none !important; } /* ---Content--- */ .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list li .ui-tabs-anchor { width: 100%; height: auto; display: grid; grid-template-columns: auto 1fr; gap: clamp(0.9375rem, -0.1362rem + 1.676vw, 1.875rem)/* Min-15 & Max-30 */; align-items: start; padding-left: clamp(1.875rem, 0.4434rem + 2.2346vw, 3.125rem)/* Min-30 & Max-50 */ ; } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list li .ui-tabs-anchor:before { transform: scale(.6); -webkit-transform: scale(.6); background: rgba(var(--wdtPrimaryColorRgb),1); z-index: 0; } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list li .ui-tabs-anchor:after { transform: scale(0); -webkit-transform: scale(0); background: rgba(var(--wdtHeadAltColorRgb),1); z-index: -1; } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list li a:before, .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list li a:after { content: ''; position: absolute; height: 20px; width: 20px; top: 10px; left: -11px; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } /* Title & description */ .wdt-cus-services-process-block-tab .wdt-template-content .wdt-content-title { padding-bottom: 15px; font-size: clamp(1.875rem, 1.8rem + 0.375vw, 2.25rem); /* Min-30 & Max-36 */ font-family: var(--wdtFontTypo_H4); font-weight: var(--wdtFontWeight_H4); position: relative; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); text-transform: none; } .wdt-cus-services-process-block-tab .wdt-template-content .wdt-content-title::before { content: '0' counter(process-conuter); counter-increment: process-conuter; padding-right: .5em; color: currentcolor; } .wdt-cus-services-process-block-tab .ui-tabs-anchor:hover .wdt-template-content .wdt-content-title { color: var(--wdtPrimaryColor); } .wdt-cus-services-process-block-tab .wdt-template-content .wdt-content-description { cursor: default; font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); font-family: var(--wdtFontTypo_Base); line-height: var(--wdtLineHeight_Base); text-transform: none; /* text-wrap: balance; */ max-width: 340px; letter-spacing: normal; } /* Icon */ .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list li .ui-tabs-anchor .wdt-content-icon span { font-size: clamp(1.875rem, 1.8rem + 0.375vw, 2.25rem); /* Min-30 & Max-36 */ display: inline-flex; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } /* --- Active --- */ .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-layout-vertical'][class*='-template-hunch-back-icon'] .wdt-tabs-list li.ui-state-active .ui-tabs-anchor { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list li.ui-tabs-active.ui-state-active .ui-tabs-anchor:before { transform: scale(1); -webkit-transform: scale(1); } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list li.ui-tabs-active.ui-state-active .ui-tabs-anchor:after, .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list li.ui-state-hover .ui-tabs-anchor:after { transform: scale(2); -webkit-transform: scale(2); } /* Title */ .wdt-cus-services-process-block-tab .wdt-tabs-list li.ui-tabs-active.ui-state-active .wdt-template-content .wdt-content-title { color: var(--wdtPrimaryColor); } /* Icon */ .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list li.ui-tabs-active.ui-state-active .ui-tabs-anchor .wdt-content-icon span, .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list li .ui-tabs-anchor:hover .wdt-content-icon span { color: var(--wdtPrimaryColor); } /* Responsive */ @media (max-width: 1024px) { .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-layout-vertical'] { grid-template-columns: 1fr; } .wdt-cus-services-process-block-tab .wdt-template-content .wdt-content-description { max-width: 100%; } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-template-hunch-back-icon'] .wdt-tabs-list li .ui-tabs-anchor { padding-left: 40px; gap: 30px; } .wdt-cus-services-process-block-tab .wdt-template-content .wdt-content-title { padding-bottom: 10px; } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-layout-vertical'] .wdt-tabs-list li:not(:last-child) { margin-bottom: 50px; } .wdt-cus-services-process-block-tab .wdt-tabs-container .wdt-tabs-content-wrapper { padding: 60px 0 0 0; } } @media only screen and (max-width: 767px) { /* .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list:before, .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list:after { top: 58%; } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list[class*="-expanded"] .wdt-tabs-list li { visibility: visible; } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list[class*="-expanded"] .wdt-tabs-list li:not(.wdt-active) { visibility: hidden; } .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list { margin-bottom: 0 } */ .wdt-cus-services-process-block-tab .wdt-tabs-toggle-mode .wdt-template-content .wdt-content-description, .wdt-cus-services-process-block-tab .wdt-tabs-toggle-mode .wdt-template-content .wdt-content-title::before, .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li a .wdt-content-icon-wrapper { display: none; } .wdt-cus-services-process-block-tab .wdt-template-content .wdt-content-title { /* font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem); */ font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); font-family: var(--wdtFontTypo_Alt); letter-spacing: var(--wdtLetterSpacing_1X); text-transform: capitalize; padding-bottom: 0px; } .wdt-cus-services-process-block-tab .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper .wdt-tabs-list li a .wdt-content-icon span { display: inline-flex; margin-bottom: 0; } .wdt-cus-services-process-block-tab .wdt-template-content .wdt-content-title { transition: unset; -webkit-transition: unset; } } /* ------------------------------- Home Page Services Process Block --------------------------------- */ /* ------------------------------------ Home Page Contact Form Aside Icon Box -------------------------------------- */ .wdt-cus-icon-aside-content-block-01 .wdt-content-item { display: flex; align-items: flex-start; padding: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem) 0; /*40px - 30px*/ border-style: solid; border-color: var(--wdtBorderColor); border-width: 0 0 1px; } .wdt-cus-icon-aside-content-block-01 .wdt-column:last-child .wdt-content-item { padding-bottom: 0; border-width: 0; } .wdt-cus-icon-aside-content-block-01 .wdt-column:first-child .wdt-content-item { padding-top: 0; } .wdt-cus-icon-aside-content-block-01 .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 12px; } .wdt-cus-icon-aside-content-block-01 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(2.75rem, 2.4176rem + 1.1103vw, 3.75rem); /*max-60 min-44 */ width: clamp(4.375rem, 3.9595rem + 1.3879vw, 5.625rem); /*max-90 min-70 */ background-color: var(--wdtAccentTxtColor); height: clamp(4.375rem, 3.9595rem + 1.3879vw, 5.625rem); /*max-90 min-70 */ } .wdt-cus-icon-aside-content-block-01 .wdt-content-item .wdt-content-media-group { margin-right: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem); /*max-50 min-20 */ margin-bottom: 0; } .wdt-cus-icon-aside-content-block-01 .wdt-content-item .wdt-content-description { text-wrap: balance; } .wdt-cus-icon-aside-content-block-01 .wdt-content-item .wdt-content-title h5, .wdt-cus-icon-aside-content-block-01 .wdt-content-item .wdt-content-title h5 a { font-size: var(--wdtFontSize_H6); font-weight: var(--wdtFontWeight_H6); font-family: var(--wdtFontTypo_Base); } .wdt-cus-icon-aside-content-block-01 .wdt-content-item:hover .wdt-content-icon span, .wdt-cus-icon-aside-content-block-01 .wdt-content-item:hover .wdt-content-title h5 { color: var(--wdtPrimaryColor); } .wdt-cus-icon-aside-content-block-01 .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span i { animation: wdt-icon-push-animation 350ms ease-in-out; -webkit-animation: wdt-icon-push-animation 350ms ease-in-out; } /* contact Form */ form.wpcf7-form.wdt-cus-home-page-contact-form > p span.wpcf7-form-control-wrap { margin-bottom: 0; } form.wpcf7-form.wdt-cus-home-page-contact-form > p { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 20px; } form.wpcf7-form.wdt-cus-home-page-contact-form > p span.wpcf7-form-control-wrap[data-name="dropdown"], form.wpcf7-form.wdt-cus-home-page-contact-form > p span.wpcf7-form-control-wrap[data-name="TextArea"] { grid-column: span 2; } form.wpcf7-form.wdt-cus-home-page-contact-form p input[type="submit"] { width: fit-content; background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); } form.wpcf7-form.wdt-cus-home-page-contact-form p input[type="submit"]:hover { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); } form.wpcf7-form.wdt-cus-home-page-contact-form textarea { height: 160px; } /* Responsive */ @media (max-width: 1280px) and (min-width: 1025px) { form.wpcf7-form.wdt-cus-home-page-contact-form > p { grid-template-columns: 1fr; } form.wpcf7-form.wdt-cus-home-page-contact-form > p span.wpcf7-form-control-wrap[data-name="dropdown"], form.wpcf7-form.wdt-cus-home-page-contact-form > p span.wpcf7-form-control-wrap[data-name="TextArea"] { grid-column: unset; } .wdt-cus-icon-aside-content-block-01 .wdt-content-item .wdt-content-media-group { margin-right: clamp(1.25rem, -1.2623rem + 3.9216vw, 1.875rem); /*30px - 20px*/ } } @media (max-width: 600px) { form.wpcf7-form.wdt-cus-home-page-contact-form > p { grid-template-columns: 1fr; } form.wpcf7-form.wdt-cus-home-page-contact-form > p span.wpcf7-form-control-wrap[data-name="dropdown"], form.wpcf7-form.wdt-cus-home-page-contact-form > p span.wpcf7-form-control-wrap[data-name="TextArea"] { grid-column: unset; } } @media(max-width:479px) { .wdt-cus-icon-aside-content-block-01 .wdt-content-item { flex-direction: column; align-items: start; } .wdt-cus-icon-aside-content-block-01 .wdt-content-item .wdt-content-media-group { margin-right: 0; } .wdt-cus-icon-aside-content-block-01 .wdt-content-item .wdt-content-detail-group { margin-top: 20px; } } /* ------------------------------------ Home Page Contact Form Aside Icon Box -------------------------------------- */ /* ----------------------- Pricing Table Default ------------------------ */ .wdt-cus-pricing-table-default .wdt-pricing-table-holder { padding: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem); /*60px - 30px*/ position: relative; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder::before { content: ""; position: absolute; width: 100%; height: 100%; inset: 0; background-color: inherit; pointer-events: none; opacity: 1; transition: background-color 0.3s linear, opacity 0.3s linear; -webkit-transition: background-color 0.3s linear, opacity 0.3s linear; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover:before, .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder::before { opacity: 0.85; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-header'] { margin-bottom: 20px; width: 100%; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-header']:nth-child(1) .wdt-content-subtitle, .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder div[class*='-table-header']:nth-child(2) .wdt-content-subtitle { display: none; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-header']:nth-child(5) .wdt-content-title, .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder div[class*='-table-header']:nth-child(6) .wdt-content-title { display: none; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-header']:nth-child(5), .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder div[class*='-table-header']:nth-child(6) { border-top: 2px solid rgba(var(--wdtHeadAltColorRgb), .3); padding-top: 20px; } .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder div[class*='-table-header']:nth-child(6), .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover div[class*='-table-header']:nth-child(5) { border-color: rgba(var(--wdtAccentTxtColorRgb), .5); } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-header'] .wdt-content-title h5 { font-size: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); /* Min-26 & Max-30 */ transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-header'] .wdt-content-subtitle { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_H1); } .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover div[class*='-table-header'] .wdt-content-title h5 > a, .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover div[class*='-table-header'] .wdt-content-subtitle { color: var(--wdtAccentTxtColor); } /* ---Pricing--- */ .wdt-cus-pricing-table-default .wdt-pricing-table-holder .wdt-pricing-table-pricing { margin-bottom: 20px; /*34px - 20px*/ } .wdt-cus-pricing-table-default .wdt-pricing-table-holder .wdt-pricing-table-pricing .wdt-pricing-table-pricing-sale { font-size: clamp(2.5rem, 2.3rem + 1vw, 3.5rem)/* Min-40 & Max-56 */; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover .wdt-pricing-table-pricing .wdt-pricing-table-pricing-sale { color: var(--wdtAccentTxtColor); } /* ---Features--- */ /* Title */ .wdt-cus-pricing-table-default .wdt-pricing-table-feature-title { color: var(--wdtHeadAltColor); margin-bottom: 25px; font-size: var(--wdtFontSize_H6); font-family: var(--wdtFontTypo_H1); font-weight: var(--wdtFontWeight_H1); text-transform: capitalize; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover .wdt-pricing-table-feature-title, .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder .wdt-pricing-table-feature-title { color: var(--wdtAccentTxtColor); } /* Feature-list */ .wdt-cus-pricing-table-default .wdt-pricing-table-features { margin-bottom: 30px; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-features'] .wdt-pricing-table-features-list li .wdt-pricing-table-features-list-text, .wdt-cus-pricing-table-default .wdt-pricing-table-holder .wdt-pricing-table-features .wdt-pricing-table-feature-included .wdt-pricing-table-features-list-icon .wdt-content-icon span { transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-features'] .wdt-pricing-table-features-list li.wdt-pricing-table-feature-included .wdt-pricing-table-features-list-icon { color: var(--wdtPrimaryColor); } .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover div[class*='-table-features'] .wdt-pricing-table-features-list li .wdt-pricing-table-features-list-text, .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder div[class*='-table-features'] .wdt-pricing-table-features-list li .wdt-pricing-table-features-list-text { color: var(--wdtAccentTxtColor); } .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover .wdt-pricing-table-features .wdt-pricing-table-feature-included .wdt-pricing-table-features-list-icon .wdt-content-icon span { color: var(--wdtAccentTxtColor); } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-features'] .wdt-pricing-table-features-list li:not(:last-child):after { display: none; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-features'] .wdt-pricing-table-features-list li { margin-bottom: 20px; line-height: normal; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-features'] .wdt-pricing-table-features-list li .wdt-pricing-table-features-list-inner { display: inline-flex; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-features'] .wdt-pricing-table-features-list li .wdt-pricing-table-features-list-icon .wdt-content-icon span { font-size: 26px; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-features'] .wdt-pricing-table-features-list li .wdt-pricing-table-features-list-icon .wdt-content-icon span i{ display: flex; align-items: center; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-features'] .wdt-pricing-table-features-list li .wdt-pricing-table-features-list-text:not(:only-child) { padding-left: 14px; } /* ---Footer--- */ .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-footer']:nth-child(3) .wdt-content-button, .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder div[class*='-table-footer']:nth-child(4) .wdt-content-button { display: none; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-footer']:last-child .wdt-pricing-table-footer-description, .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder div[class*='-table-footer']:last-child .wdt-pricing-table-footer-description { display: none; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-footer']:nth-child(3), .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder div[class*='-table-footer']:nth-child(4) { border-bottom: 2px solid rgba(var(--wdtHeadAltColorRgb), .3); padding-bottom: 20px; } .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder div[class*='-table-footer']:nth-child(4), .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover div[class*='-table-footer']:nth-child(3) { border-color: rgba(var(--wdtAccentTxtColorRgb), .5); } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-footer'] .wdt-pricing-table-footer-description { padding: 0; padding-right: 10px; color: var(--wdtBodyTxtColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover div[class*='-table-footer'] .wdt-pricing-table-footer-description, .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder div[class*='-table-footer'] .wdt-pricing-table-footer-description { color: var(--wdtAccentTxtColor); } /*Button*/ .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-footer'] .wdt-content-button:not(.fullwidth) { margin-bottom: 0; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-footer'] .wdt-content-button > a { -webkit-box-shadow: 0 0 10px 0 rgba(var(--wdtAccentTxtColorRgb), 0); box-shadow: 0 0 10px 0 rgba(var(--wdtAccentTxtColorRgb), 0); } .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder div[class*='-table-footer'] .wdt-content-button > a, .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover div[class*='-table-footer'] .wdt-content-button > a { background-color: var(--wdtLinkColor); } .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover div[class*='-table-footer'] .wdt-content-button > a:hover, .wdt-cus-pricing-table-default.wdt-cust-pricing-recommend .wdt-pricing-table-holder div[class*='-table-footer'] .wdt-content-button > a:hover { background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); -webkit-box-shadow: 12px 12px 10px 0 rgba(var(--wdtAccentTxtColorRgb), 0.2); box-shadow: 12px 12px 10px 0 rgba(var(--wdtAccentTxtColorRgb), 0.2); } /*Read more*/ .wdt-cus-pricing-table-default .wdt-pricing-table-features { position: relative; width: 100%; } .wdt-cus-pricing-table-default .wdt-read-more-btn { position: absolute; right: 0; bottom: 12px; margin: 0; padding: 0; background: none; color: var(--wdtHeadAltColor); /* text-decoration: underline !important; */ transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); transform: unset; -webkit-transform: unset; box-shadow: 0 1px 0 0 currentColor; -webkit-box-shadow: 0 1px 0 0 currentColor; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover .wdt-read-more-btn:hover, .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover .wdt-read-more-btn:focus { background: none; /* text-decoration: underline !important; */ color: rgb(var(--wdtAccentTxtColorRgb),.8); transform: unset; -webkit-transform: unset; box-shadow: 0 1px 0 0 currentColor; -webkit-box-shadow: 0 1px 0 0 currentColor; } .wdt-cust-pricing-recommend .wdt-read-more-btn, .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover .wdt-read-more-btn { color: var(--wdtAccentTxtColor); } /* ---Badge--- */ .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-badge']:not(.type4) { color: var(--wdtHeadAltColor); background-color: var(--wdtTertiaryColor); } .wdt-cus-pricing-table-default .wdt-pricing-table-holder:hover div[class*='-table-badge']:not(.type4) { animation: wdt-badge-animation .8s linear; -webkit-animation: webkit-wdt-badge-animation .8s linear; } .wdt-cus-pricing-table-default .wdt-pricing-table-holder div[class*='-table-badge'].type3 { right: clamp(0.25rem, 0.05rem + 1vw, 1.25rem); /*20px - 4px*/ } /*---Animation---*/ @keyframes wdt-badge-animation { 0% { transform: translateY(-100%) rotate(180deg); -webkit-transform: translateY(-100%) rotate(180deg); } 100% { transform: translateY(0) rotate(180deg); -webkit-transform: translateY(0) rotate(180deg); } } @-webkit-keyframes wdt-badge-animation { 0% { transform: translateY(-100%) rotate(180deg); -webkit-transform: translateY(-100%) rotate(180deg); } 100% { transform: translateY(0) rotate(180deg); -webkit-transform: translateY(0) rotate(180deg); } } /* Responsive */ @media only screen and (max-width: 1540px) { .wdt-cus-pricing-table-default .wdt-read-more-btn { position: relative; bottom: 0; margin-bottom: 20px; } } /* ----------------------- Pricing Table Default ------------------------ */ /* ---------------------- FAQ Bottom Cotact Block -------------------------- */ .wdt-cus-faq-Imagebox .wdt-content-item .wdt-content-title h5 { font-size: var(--wdtFontSize_H6); font-family: var(--wdtFontTypo_h6); pointer-events: none; } .wdt-cus-faq-Imagebox .wdt-content-item .wdt-content-title h5 a { pointer-events: none; } .wdt-cus-faq-Imagebox .elementor-widget-container .wdt-content-item .wdt-content-title { margin-bottom: 10px; } .wdt-cus-faq-Imagebox .wdt-content-item { display: flex; flex-direction: row-reverse; justify-content:space-between; align-items: center; padding: clamp(1.25rem, 0.8345rem + 1.3879vw, 2.5rem); /* max-40 min-20 */ background-color: var(--wdtPrimaryColor); } .wdt-cus-faq-Imagebox .elementor-widget-container .wdt-content-item .wdt-content-media-group { margin-bottom: 0; width: 30%; display: inline-flex; justify-content: flex-end; align-items: center; } .wdt-cus-faq-Imagebox .elementor-widget-container .wdt-content-item .wdt-content-detail-group { width: 70% } .wdt-cus-faq-textedit p, .wdt-cus-faq-textedit p a { color: var(--wdtAccentTxtColor); font-size: var(--wdtFontSize_Base); } .wdt-cus-faq-textedit p a { text-decoration: underline; } .wdt-cus-faq-textedit p a:hover { color: rgb(var(--wdtAccentTxtColorRgb),0.8); } .wdt-cus-home-1-faq-contact .elementor-background-overlay{ backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } /*----------------- Responsive ------------------*/ @media (max-width: 1280px) and (min-width: 1025px) { .wdt-cus-faq-Imagebox .wdt-content-item { display: flex; flex-direction: column-reverse; } .wdt-cus-faq-Imagebox .elementor-widget-container .wdt-content-item .wdt-content-media-group { width: 100%; justify-content: start; } .wdt-cus-faq-Imagebox .elementor-widget-container .wdt-content-item .wdt-content-detail-group { width: 100% } .wdt-cus-faq-Imagebox .wdt-content-item .wdt-content-description { margin-bottom: 20px; } } @media (max-width: 1024px){ .wdt-cus-faq-Imagebox .elementor-widget-container .wdt-content-item .wdt-content-media-group { width: 35%; } .wdt-cus-faq-Imagebox .elementor-widget-container .wdt-content-item .wdt-content-detail-group { width: 65% } } @media (max-width: 767px){ .wdt-cus-faq-Imagebox .wdt-content-item { display: flex; flex-direction: column-reverse; } .wdt-cus-faq-Imagebox .elementor-widget-container .wdt-content-item .wdt-content-media-group { width: 100%; justify-content: start; } .wdt-cus-faq-Imagebox .elementor-widget-container .wdt-content-item .wdt-content-detail-group { width: 100% } .wdt-cus-faq-Imagebox .wdt-content-item .wdt-content-description { margin-bottom: 20px; } } /* ---------------------- FAQ Bottom Cotact Block -------------------------- */ /* ------------------- Home 1 Counter Style ------------------ */ .wdt-cus-counter-style-1 .wdt-content-item { border: 2px solid rgb(var(--wdtBorderColorRgb), 1); background-color: transparent; background-image: linear-gradient(to right, var(--wdtPrimaryColor) 0%, var(--wdtPrimaryColor) 100%); background-repeat: no-repeat; background-position: left; background-size: 0 100%; height: 100%; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-counter-style-1 .wdt-content-item:hover { border-color: var(--wdtPrimaryColor); background-size: 100% 100%; } .wdt-cus-counter-style-1 .wdt-content-item .wdt-content-media-group { display: flex; align-items: center; height: 100%; } .wdt-cus-counter-style-1 .wdt-content-item .wdt-content-media-group > .wdt-content-icon-wrapper, .wdt-cus-counter-style-1 .wdt-content-item .wdt-content-media-group > .wdt-content-icon-wrapper .wdt-content-icon { height: 100%; } .wdt-cus-counter-style-1 .wdt-content-item .wdt-content-elements-group { padding: 20px 20px 20px 0; } .wdt-cus-counter-style-1 .wdt-content-item .wdt-content-media-group > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-counter-style-1 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); width: clamp(5rem, 4.5rem + 2.5vw, 7.5rem); /*120px - 80px*/ height: clamp(5rem, 4.5rem + 2.5vw, 7.5rem); /*120px - 80px*/ font-size: clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem); /*70px - 50px*/ display: flex; justify-content: center; align-items: center; line-height: 0; margin-right: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /*30px - 20px*/ height: 100%; border-color: var(--wdtPrimaryColor); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-counter-style-1 .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span { background-color: var(--wdtSecondaryColor); border-color: var(--wdtSecondaryColor); } .wdt-cus-counter-style-1 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span:after { content: ""; position: absolute; top: -2px; bottom: -2px; left: -2px; right: 0; width: auto; height: auto; border-color: inherit; border-style: solid; border-width: 2px 0 2px 2px; opacity: 0.7; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; } .wdt-cus-counter-style-1 .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span:after { border-color: inherit; opacity: 1; } .wdt-cus-counter-style-1 .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span i { animation: wdt-icon-push-animation 350ms ease-in-out; -webkit-animation: wdt-icon-push-animation 350ms ease-in-out; } .wdt-cus-counter-style-1 .wdt-content-item .wdt-content-counter { font-family: var(--wdtFontTypo_H2); font-size: clamp(2.5rem, 2.3rem + 1vw, 3.5rem); /* Min-40 & Max-56 */ line-height: var(--wdtLineHeight_H2); font-weight: var(--wdtFontWeight_H2); } .wdt-cus-counter-style-1 .wdt-content-item:hover .wdt-content-counter { color: var(--wdtAccentTxtColor); } .wdt-cus-counter-style-1 .wdt-content-item .wdt-content-title h5, .wdt-cus-counter-style-1 .wdt-content-item .wdt-content-title h5 a { font-size: var(--wdtFontSize_Base); font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Base); } .wdt-cus-counter-style-1 .wdt-content-item:hover .wdt-content-title h5, .wdt-cus-counter-style-1 .wdt-content-item:hover .wdt-content-title h5 a { color: var(--wdtAccentTxtColor); } .wdt-cus-counter-style-1 .wdt-content-item .wdt-content-elements-group .wdt-content-counter-wrapper { margin-bottom: 0; } /* ------------------- Home 1 Counter Style --------------------*/ /* ----------------------- Home1 About us Icon List ------------------------ */ .wdt-cus-about-us-filler-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text { font-weight: var(--wdtFontWeight_Base); font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); /*18px - 16px*/ } .wdt-cus-about-us-filler-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span { font-weight:var(--wdtFontWeight_Alt); color: var(--wdtSecondaryColor); } /* ----------------------- Home1 About us Icon List ------------------------ */ /* ----------------------- Home1 Client Review ------------------------ */ .wdt-custom-banner-testimonial .wdt-content-item > div:not(:last-child), .wdt-custom-banner-testimonial .wdt-content-item .wdt-content-elements-group > div:not(:last-child), .wdt-custom-banner-testimonial .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 0; } .wdt-custom-banner-testimonial .wdt-content-item .wdt-content-media-group { display: flex; } .wdt-custom-banner-testimonial .wdt-content-item, .wdt-custom-banner-testimonial .wdt-content-item .wdt-content-elements-group { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 5px; } .wdt-custom-banner-testimonial .wdt-content-item .wdt-content-image > span > img, .wdt-custom-banner-testimonial .wdt-content-item .wdt-content-image > a > img { width: 100%; max-width: 130px; } .wdt-custom-banner-testimonial .wdt-content-item .wdt-rating-container { display: flex; } .wdt-custom-banner-testimonial .wdt-content-item li { padding-bottom: 0; font-size: var(--wdtFontSize_Ext); } .wdt-custom-banner-testimonial .wdt-content-item .wdt-content-title h5 { font-size: calc(var(--wdtFontSize_Base) + 2px); font-family: var(--wdtFontTypo_Base); color: var(--wdtSecondaryColor); } .wdt-custom-banner-testimonial .wdt-content-item .wdt-content-description { font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Ext); color: var(--wdtSecondaryColor); } .wdt-custom-banner-testimonial .wdt-content-item .wdt-rating li span { font-size: 16px; } /* ----------------------- Home1 Client Review ------------------------ */ /* -------------------------------- Home 2 Counter Aside Content Block ---------------------------------- */ .wdt-cus-counter-h2 .wdt-column-wrapper .wdt-column:not(:last-child) .wdt-content-item { padding-bottom: 40px; border-style: solid; border-color: var(--wdtAccentTxtColor); border-width: 0 0 1px 0; } .wdt-cus-counter-h2 .wdt-content-item .wdt-content-media-group > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-counter-h2 .wdt-content-item .wdt-content-counter { font-size:clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem); /* Min-50 & Max-70 */ font-family: var(--wdtFontTypo_H1); line-height: var(--wdtLineHeight_Ext); } .wdt-cus-counter-h2 .wdt-content-item .wdt-content-subtitle { margin-top: 10px; } /* Responsive */ @media (max-width: 767px) { .wdt-cus-counter-h2 .wdt-column-wrapper .wdt-column:not(:last-child) .wdt-content-item { padding-bottom: 0; border-width: 0; } } /* Icon List */ .wdt-cus-h2-promise-icon-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text { font-size: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem); /* Min-20 & Max-26 */ font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); } .wdt-cus-h2-promise-icon-list .elementor-icon-list-items { display: flex; flex-wrap: wrap; gap: 20px 40px; } /* testinmonail */ .wdt-cus-h2-filler-testimonial .wdt-content-item .wdt-content-description { font-style: italic; font-size: calc(var(--wdtFontSize_Base) + 2px); } .wdt-cus-h2-filler-testimonial .wdt-content-item .wdt-content-elements-group > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-h2-filler-testimonial .wdt-content-item .wdt-content-elements-group.wdt-content-group > div { display: block; } .wdt-cus-h2-filler-testimonial .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { padding: 0; font-size: 32px; margin-right: 10px; top: -10px; } .wdt-cus-h2-filler-testimonial .wdt-content-item .wdt-content-title h5 { font-size: var(--wdtFontSize_Ext); } /* Image Only Carousel */ .wdt-cus-h2-image-only-carousel .wdt-content-item .wdt-content-media-group { line-height: 0; } .wdt-cus-h2-image-only-carousel .wdt-content-item .wdt-content-image > span, .wdt-cus-h2-image-only-carousel .wdt-content-item .wdt-content-image > a { border: 2px solid var(--wdtBorderColor); overflow: hidden; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; will-change: transform; } .wdt-cus-h2-image-only-carousel .wdt-content-item .wdt-content-image > span img, .wdt-cus-h2-image-only-carousel .wdt-content-item .wdt-content-image > a img { transform: scale(1); -webkit-transform: scale(1); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-h2-image-only-carousel .wdt-content-item:hover .wdt-content-image > span img, .wdt-cus-h2-image-only-carousel .wdt-content-item:hover .wdt-content-image > a img { transform: scale(1.04); -webkit-transform: scale(1.04); } .wdt-cus-h2-image-only-carousel .wdt-content-item .wdt-content-image-wrapper .wdt-content-image:after, .wdt-cus-h2-image-only-carousel .wdt-content-item .wdt-content-image-wrapper .wdt-content-image:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; border-style: solid; border-color: var(--wdtPrimaryColor); pointer-events: none; z-index: 1; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); will-change: transform; transform-origin: center; -webkit-transform-origin: center; } .wdt-cus-h2-image-only-carousel .wdt-content-item .wdt-content-image-wrapper .wdt-content-image:after { border-width: 0 2px; transform: scaleY(0); -webkit-transform: scaleY(0); } .wdt-cus-h2-image-only-carousel .wdt-content-item:hover .wdt-content-image-wrapper .wdt-content-image:after { transform: scaleY(1); -webkit-transform: scaleY(1); } .wdt-cus-h2-image-only-carousel .wdt-content-item .wdt-content-image-wrapper .wdt-content-image:before { border-width: 2px 0; transform: scaleX(0); -webkit-transform: scaleX(0); } .wdt-cus-h2-image-only-carousel .wdt-content-item:hover .wdt-content-image-wrapper .wdt-content-image:before { transform: scaleX(1); -webkit-transform: scaleX(1); } /* -------------------------------- Home 2 Counter Aside Content Block ---------------------------------- */ /* ----------------------------- Home 2 Product Listing Carousel --------------------------------- */ .wdt-cus-h2-product-listing-carousel div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 { margin: 0; position: absolute; top: 0; right: 5px; width: auto; } .wdt-cus-h2-product-listing-carousel div[class*="product"] .swiper-container { padding-top: 140px; } /* Reposnisve */ @media (max-width: 1540px) { .wdt-cus-h2-product-listing-carousel div[class*="product"] .swiper-container { padding-top: 130px; } } @media (max-width: 1024px) { .wdt-cus-h2-product-listing-carousel div[class*="product"] .swiper-container { padding-top: 120px; } } @media (max-width: 767px) { .wdt-cus-h2-product-listing-carousel div[class*="product"] .swiper-container { padding-top: 0; } .wdt-cus-h2-product-listing-carousel div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 { position: relative; right: 0; margin: 40px 0 0 0; width: 100%; } } /* ----------------------------- Home 2 Product Listing Carousel --------------------------------- */ /* ------------------- Home 2 Offer Banner -------------------- */ /* offer title */ .wdt-cus-offer-title-1 .elementor-widget-container .elementor-heading-title { margin: 0; font-weight: calc(var(--wdtFontWeight_Ext) + 100); } .wdt-cus-call-iconBox-2 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(1.875rem, 1.6672rem + 0.694vw, 2.5rem); /* Min-30 & Max-40 */ width: clamp(3.75rem, 3.3345rem + 1.3879vw, 5rem); /* Min-60 & Max-80 */ height: clamp(3.75rem, 3.3345rem + 1.3879vw, 5rem); /* Min-60 & Max-80 */ background-color: var(--wdtAccentTxtColor); border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); margin-right: 24px; } .wdt-cus-call-iconBox-2 .wdt-content-item .wdt-content-media-group { display: inline-flex; align-items: center; justify-content: center; } .wdt-cus-call-iconBox-2 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span i { display: inline-flex; align-items: center; justify-content: center; } .wdt-cus-call-iconBox-2 .wdt-content-item .wdt-content-subtitle { color: var(--wdtAccentTxtColor); font-size: clamp(1.125rem, 1.0834rem + 0.1388vw, 1.25rem); /* Min-18 & Max-20 */ letter-spacing: 0; } .wdt-cus-call-iconBox-2 .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.5rem, 1.2507rem + 0.8328vw, 2.25rem); /* Min-24 & Max-36 */ letter-spacing: 0; font-family: var(--wdtFontTypo_H2); font-weight: var(--wdtFontWeight_H2); } .wdt-cus-call-iconBox-2 .wdt-content-item .wdt-content-title h5 a { color: var(--wdtAccentTxtColor); } .wdt-cus-call-iconBox-2 .wdt-content-item .wdt-content-title h5 a:hover { color: rgb(var(--wdtAccentTxtColorRgb),.8); } .wdt-cus-call-iconBox-2 .wdt-column .wdt-content-item .wdt-content-icon-wrapper { margin-bottom: 0; } /* Responsive */ @media(max-width:479px){ .wdt-cus-call-iconBox-2 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { margin-right: 16px; } } /* ------------------- Home 2 Offer Banner -------------------- */ /* --------------------- Home 3 Counter -------------------- */ .wdt-cus-h3-counter .wdt-content-item { display: grid; grid-template-columns: auto 1fr; gap: 20px; } .wdt-cus-h3-counter .wdt-content-item > div:not(:last-child), .wdt-cus-h3-counter .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-h3-counter .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { width: 100%; /*80px - 60px*/ height: 100%; /*80px - 60px*/ font-size: 60px; /*60px - 44px*/ padding: 0; line-height: 0; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-h3-counter .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span i { animation: wdt-icon-push-animation 350ms ease-in-out; -webkit-animation: wdt-icon-push-animation 350ms ease-in-out; } .wdt-cus-h3-counter .wdt-content-item .wdt-content-counter { font-size: clamp(2.5rem, 2.3rem + 1vw, 3.5rem); /* Min-40 & Max-56 */ line-height: var(--wdtLineHeight_Ext); font-family: var(--wdtFontTypo_Alt); } .wdt-cus-h3-counter .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button[class*=wdt-pagination-], .wdt-cus-award-block .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button[class*=wdt-pagination-] { background: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); } .wdt-cus-award-block .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button[class*=wdt-pagination-]:hover, .wdt-cus-h3-counter .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button[class*=wdt-pagination-]:hover { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); } .wdt-cus-h3-counter.wdt-h4-icon-bg .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { width: auto; } /* responsive */ @media screen and (max-width: 1024px) { .wdt-cus-h3-counter .wdt-content-item { grid-template-columns: 1fr; gap: 10px; } .wdt-cus-h3-counter .wdt-content-item .wdt-content-subtitle { margin-top: 6px; } } /* --------------------- Home 3 Counter -------------------- */ /* --------------------- Home 3 Image with Text ---------------------- */ .wdt-cus-TextWithImg-style-1 .wdt-elementor-repeater-container-wrapper { margin: 0; line-height: 1.24; } .wdt-cus-TextWithImg-style-1 .wdt-text-tile { font-weight: var(--wdtFontWeight_Ext); font-size: clamp(2.125rem, 1.8965rem + 0.7634vw, 2.8125rem); /* max-45 min-34 */ } .wdt-cus-TextWithImg-style-1 .elementor-widget-container .wdt-elementor-repeater-container .wdt-elementor-repeater-container-wrapper span:nth-child(8) img { margin: 0 10px; border-radius: calc(var(--wdtRadius_3X) * 3); } /* --------------------- Home 3 Image with Text ---------------------- */ /* ---------------------- Home3 flex Banner ---------------------- */ /* .wdt-cus-flex-banner-01 .wdt-flex-banner-options { counter-reset: wdt-flex-banner-counter; } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option:before { background-color: transparent; } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option:not(:last-child) { margin-right: 20px; } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option { justify-content: center; counter-increment: wdt-flex-banner-counter; } */ /* Title and Icon */ /* .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title, .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info { color: var(--wdtHeadAltColor); } */ /* Title */ /* .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label { flex-direction: column-reverse; align-items: center; height: 100%; padding: 0 clamp(1.875rem, 0.4434rem + 2.2346vw, 3.125rem); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title { white-space: nowrap; font-size: clamp(1.875rem, 1.8rem + 0.375vw, 2.25rem); font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); text-transform: capitalize; letter-spacing: var(--wdtLetterSpacing_2X); transition: color 0.3s linear, font-size 0.3s linear; -webkit-transition: color 0.3s linear, font-size 0.3s linear; } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title:before { content: "0"counter(wdt-flex-banner-counter); position: relative; display: inline-block; line-height: var(--wdtLineHeight_Ext); font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); font-size: clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem); margin-bottom: 20px; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option:hover .wdt-flex-banner-label .wdt-flex-banner-title, .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option:hover .wdt-flex-banner-label .wdt-flex-banner-title:before, .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-title, .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-title:before { color: var(--wdtPrimaryColor); } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-title { font-size: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem); } */ /* icon */ .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info { padding: 0; position: absolute; left: 0; width: auto; padding: 20px; background: rgb(var(--wdtAccentTxtColorRgb), 0.6); backdrop-filter: blur(6px); } /* .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon { width: 50px; height: 50px; border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full); background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 22px; opacity: 1; transform:unset; -webkit-transform:unset; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); transition-delay: unset; -webkit-transition-delay: unset; } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon, .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option:hover .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon { transform: unset; -webkit-transform: unset; color: var(--wdtAccentTxtColor); background-color: var(--wdtPrimaryColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); transition-delay: unset; -webkit-transition-delay: unset; } */ /* Responsive */ @media (min-width: 1025px) { /* .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option { flex: 0.29; transition: flex 0.8s cubic-bezier(.29,0,.2,1); -webkit-transition: flex 0.8s cubic-bezier(.29,0,.2,1); } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option.active { flex: 1.6; } */ /* Image */ /* .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-shadow { position: relative; background-image: var(--optionBackground); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: clip-path 0.8s cubic-bezier(.29,0,.2,1), opacity 0.6s linear; -webkit-transition: clip-path 0.8s cubic-bezier(.29,0,.2,1), opacity 0.6s linear; opacity: 0; transition-delay: 0s; -webkit-transition-delay: 0s; clip-path: inset(0 0 0 100%); -webkit-clip-path: inset(0 0 0 100%); display: none; } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-shadow { opacity: 1; clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition: clip-path 0.8s cubic-bezier(.29,0,.2,1), opacity 0.3s linear; -webkit-transition: clip-path 0.8s cubic-bezier(.29,0,.2,1), opacity 0.3s linear; display: block; } */ /* option */ /* .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option { background-image: unset; border-style: solid; border-color: var(--wdtBorderColor); border-width: 0 2px 0 0; } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option:not(:last-child) { margin-right: 0; } */ } @media (max-width: 1024px) { .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title { writing-mode: horizontal-tb; white-space: unset; transform: rotate(0); -webkit-transform: rotate(0); margin: 0 0 20px; font-size: clamp(1.875rem, 1.8rem + 0.375vw, 2.25rem); /* Min-30 & Max-36 */ flex-wrap: wrap; gap: 10px; } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-title, .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title:before { font-size: clamp(1.875rem, 1.8rem + 0.375vw, 2.25rem); /* Min-30 & Max-36 */ } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title:before { margin-bottom: 0; margin-right: 0; content: "0"counter(wdt-flex-banner-counter)"."; } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label { padding: 50px 30px; flex-direction: column; align-items: flex-start; height: fit-content; width: 100%; } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option { justify-content: flex-start; } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option:before { background-image: linear-gradient(from top, rgb(var(--wdtHeadAltColorRgb), 0.8) 80%, transparent 20%); } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-title, .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info, .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option:hover .wdt-flex-banner-label .wdt-flex-banner-title, .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option:hover .wdt-flex-banner-label .wdt-flex-banner-title:before, .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-title, .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-title:before { color: var(--wdtAccentTxtColor); } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon { display: flex; align-items: center; justify-content: center; width: clamp(3.125rem, 3rem + 0.625vw, 3.75rem); /*60px - 50px*/ height: clamp(3.125rem, 3rem + 0.625vw, 3.75rem); /*60px - 50px*/ font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); /*24px - 20px*/ background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon, .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option:hover .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon { transform: rotate(0); -webkit-transform: rotate(0); color: var(--wdtAccentTxtColor); } .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option.active .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon:hover, .wdt-cus-flex-banner-01 .wdt-flex-banner-options .wdt-flex-banner-option:hover .wdt-flex-banner-label .wdt-flex-banner-info > div.wdt-flex-banner-icon:hover { color: var(--wdtHeadAltColor); background-color: var(--wdtAccentTxtColor); } } /* ---------------------- Home3 flex Banner ---------------------- */ /* --------------------- Home 3 Work Process --------------------- */ .wdt-cust-work-process-iconbox .wdt-content-item { display: grid; grid-template-columns: auto 1fr; gap: 0;/*28px - 20px*/ padding: 0px; /*50px - 30px*/ border: 2px solid var(--wdtBorderColor); height: 100%; } .wdt-cust-work-process-iconbox .wdt-content-item:hover { border-color: var(--wdtPrimaryColor); } .wdt-cust-work-process-iconbox .wdt-content-item > div:not(:last-child) { margin-bottom: 0; } .wdt-cust-work-process-iconbox .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 10px; } .wdt-cust-work-process-iconbox .wdt-content-item .wdt-content-media-group{ padding: 20px; border-right: 2px solid var(--wdtBorderColor); align-items: center; display: flex; } .wdt-cust-work-process-iconbox .wdt-content-item:hover .wdt-content-media-group{ border-color: var(--wdtPrimaryColor); } .wdt-cust-work-process-iconbox .wdt-content-item .wdt-content-detail-group { position: relative; padding: 20px; } .wdt-cust-work-process-iconbox .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { width: clamp(3.75rem, 3.625rem + 0.625vw, 4.375rem); /*70px - 60px*/ height: clamp(3.75rem, 3.625rem + 0.625vw, 4.375rem); /*70px - 60px*/ font-size: 50px; padding: 0; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cust-work-process-iconbox .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span i { animation: wdt-icon-push-animation 350ms ease-in-out; -webkit-animation: wdt-icon-push-animation 350ms ease-in-out; } .wdt-cust-work-process-iconbox .wdt-content-item .wdt-content-title h5,.wdt-cust-work-process-iconbox .wdt-content-item .wdt-content-title h5 a { font-size: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); /* Min-26 & Max-30 */ position: relative; } .wdt-cust-work-process-iconbox .wdt-content-item:hover .wdt-content-title h5, .wdt-cust-work-process-iconbox .wdt-content-item:hover .wdt-content-title h5 a { color: var(--wdtPrimaryColor); } .wdt-cust-work-process-iconbox .wdt-column-holder .wdt-column-wrapper, .wdt-cust-work-process-iconbox .swiper-wrapper { counter-reset: counter; } .wdt-cust-work-process-iconbox .wdt-content-item .wdt-content-title h5:after{ display: none; } .wdt-cust-work-process-iconbox .wdt-content-item .wdt-content-title h5:before { content: '0' counter(counter) '.'; counter-increment: counter; position: relative; z-index: -1; } .wdt-cust-work-process-iconbox .wdt-content-item:hover .wdt-content-title h5:after { color:var(--wdtPrimaryColor); } .wdt-cust-work-process-iconbox .wdt-content-item .wdt-content-description { text-wrap: balance; } /* Responsive */ @media only screen and (max-width: 479px) { .wdt-cust-work-process-iconbox .wdt-content-item { grid-template-columns: 1fr; gap: 10px; } .wdt-cust-work-process-iconbox .wdt-content-item .wdt-content-title h5:after { top: -80px; } .wdt-cust-work-process-iconbox .wdt-content-item .wdt-content-media-group{ border-right: 0px solid transparent; padding-bottom: 0 } } /* --------------------- Home 3 Work Process --------------------- */ /* ----------------- Pricing Table Alt ------------------- */ .wdt-cus-pricing-list-alt .wdt-pricing-table-holder:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-color: rgba(var(--wdtTertiaryColorRgb), 1); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); pointer-events: none; } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder:hover:before, .wdt-cus-pricing-list-active-s.wdt-cus-pricing-list-alt .wdt-pricing-table-holder:before { background-color: rgba(var(--wdtPrimaryColorRgb), .85); } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder { display: flex; align-items: center; padding: 50px 0; } .wdt-cus-pricing-list-active-s.wdt-cus-pricing-list-alt .wdt-pricing-table-holder { color: var(--wdtAccentTxtColor); } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder div[class*='-table-footer'] .wdt-content-button:not(.fullwidth) { margin-bottom: 0; } /* ---Header--- */ .wdt-cus-pricing-list-alt .wdt-pricing-table-holder:hover div[class*='-table-header'], .wdt-cus-pricing-list-active-s.wdt-cus-pricing-list-alt .wdt-pricing-table-holder div[class*='-table-header'] { border-color: rgba(var(--wdtAccentTxtColorRgb), .5); } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder div[class*='-table-header'] .wdt-content-title h5 { font-size: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem)/* Min-30 & Max-40 */; transition: var(--wdtBaseTransition); } /* ---Pricing--- */ .wdt-cus-pricing-list-alt .wdt-pricing-table-holder .wdt-pricing-table-pricing .wdt-pricing-table-pricing-sale { font-size: clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem)/* Min-50 & Max-70 */; font-weight: var(--wdtFontWeight_H1); font-family: var(--wdtFontTypo_H1); } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder .wdt-pricing-table-pricing .wdt-pricing-table-pricing-suffix.below { font-size: clamp(1.125rem, 1.0418rem + 0.1735vw, 1.25rem)/* Min-18 & Max-20 */; padding-top: 10px; color: var(--wdtPrimaryColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder:hover .wdt-pricing-table-pricing .wdt-pricing-table-pricing-suffix.below { color: var(--wdtAccentTxtColor); } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder:hover .wdt-pricing-table-pricing, .wdt-cus-pricing-list-active-s.wdt-cus-pricing-list-alt .wdt-pricing-table-holder .wdt-pricing-table-pricing { border-color: rgba(var(--wdtAccentTxtColorRgb), .5); } /* ---Features--- */ /* Title */ .wdt-cus-pricing-list-alt .wdt-pricing-table-feature-title { color: var(--wdtHeadAltColor); margin-bottom: 25px; font-size: clamp(1.125rem, 1.0418rem + 0.1735vw, 1.25rem)/* Min-18 & Max-20 */; font-family: var(--wdtFontTypo_H1); font-weight: var(--wdtFontWeight_H1); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-pricing-list-alt .wdt-pricing-table-feature-title:empty { display: none; } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder .wdt-pricing-table-features .wdt-pricing-table-feature-included .wdt-pricing-table-features-list-icon .wdt-content-icon span { transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); font-size: 26px; top: -2px; position: relative; } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder .wdt-pricing-table-features .wdt-pricing-table-feature-included .wdt-pricing-table-features-list-icon .wdt-content-icon span i{display:flex;} /* Feature-list */ .wdt-cus-pricing-list-alt .wdt-pricing-table-holder .wdt-pricing-table-features { flex-grow: 1.5; } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder div[class*='-table-features'] .wdt-pricing-table-features-list li .wdt-pricing-table-features-list-inner { display: flex; line-height: var(--wdtLineHeight_Base); } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder div[class*='-table-features'] .wdt-pricing-table-features-list li .wdt-pricing-table-features-list-text:not(:only-child) { padding-left: clamp(0.625rem, 0.2092rem + 0.8673vw, 1.25rem)/* Min-10 & Max-20 */; } /* ---Footer--- */ .wdt-cus-pricing-list-alt .wdt-pricing-table-holder div[class*='-table-footer'] { padding-left: 0; } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder:hover div[class*='-table-footer'] .wdt-content-button > a { background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder:hover div[class*='-table-footer'] .wdt-content-button > a:hover { background-color: var(--wdtLinkColor); color: var(--wdtAccentTxtColor); } /* Responsive */ @media only screen and (min-width: 1281px) { .wdt-cus-pricing-list-alt .wdt-pricing-table-holder > div { flex: 1; padding: 0 clamp(1.875rem, -0.6196rem + 5.2038vw, 5.625rem)/* Min-30 & Max-90 */; } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder div[class*='-table-footer'] .wdt-content-button { display: flex; justify-content: flex-end; } /* .wdt-cus-pricing-list-alt .wdt-pricing-table-holder div[class*='-table-header'] { border-right: 0 solid rgba(var(--wdtHeadAltColorRgb), .3); } */ .wdt-cus-pricing-list-alt .wdt-pricing-table-holder .wdt-pricing-table-pricing { text-align: center; height: 100%; } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder div[class*='-table-header']:before, .wdt-cus-pricing-list-alt .wdt-pricing-table-holder .wdt-pricing-table-pricing:before { content: ''; height: 180px; width: 2px; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; background: rgba(var(--wdtHeadAltColorRgb), .3); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder:hover div[class*='-table-header']:before, .wdt-cus-pricing-list-active-s.wdt-cus-pricing-list-alt .wdt-pricing-table-holder div[class*='-table-header']:before, .wdt-cus-pricing-list-alt .wdt-pricing-table-holder:hover .wdt-pricing-table-pricing:before, .wdt-cus-pricing-list-active-s.wdt-cus-pricing-list-alt .wdt-pricing-table-holder .wdt-pricing-table-pricing:before { background: rgba(var(--wdtAccentTxtColorRgb), .5); } } @media only screen and (max-width: 1280px) { .wdt-cus-pricing-list-alt .wdt-pricing-table-holder { flex-direction: column; padding: clamp(2.5rem, 2.2917rem + 1.0417vw, 3.125rem) clamp(1.25rem, 1.0417rem + 1.0417vw, 1.875rem); /*50px-40px*/ /*30px-20px*/ } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder >div:not(:last-child) { margin-bottom: 30px; } .wdt-cus-pricing-list-alt .wdt-pricing-table-holder div[class*='-table-footer'] .wdt-content-button > a { margin-top: 0; } .wdt-cus-pricing-list-alt .wdt-pricing-table-feature-title { margin-bottom: 0; } } /* ----------------- Pricing Table Alt ------------------- */ /* --------------------- Home 3 Masonary banner --------------------- */ .wdt-cus-offer-masonary-banner .wdt-content-item { display: grid; overflow: hidden; height: 100%; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-offer-masonary-banner .wdt-content-item::before { content: ''; width: 100%; height: 100%; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 20%, var(--wdtSecondaryColor)); } .wdt-cus-offer-masonary-banner .wdt-content-item .wdt-content-media-group { grid-area: 1 / 1; margin-bottom: 0; display: flex; z-index: -1; } .wdt-cus-offer-masonary-banner .wdt-content-item .wdt-content-detail-group { grid-area: 1 / 1; margin-bottom: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 36px clamp(1.25rem, 1.05rem + 1vw, 2.25rem) 36px clamp(1.25rem, -1.8663rem + 10.4094vw, 10.625rem); /*p-trb:max-36 min26*/ /*pl:max-170 min-20*/ } .wdt-cus-offer-masonary-banner .wdt-content-item > div[class*="group"] .wdt-content-subtitle + .wdt-content-title { margin-top: -10px; } .wdt-cus-offer-masonary-banner .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.75rem, 1.5007rem + 0.8328vw, 2.5rem); /*max-40 min-28*/ color: var(--wdtAccentTxtColor); } .wdt-cus-offer-masonary-banner .wdt-content-item .wdt-content-title h5 a { color: var(--wdtAccentTxtColor); } .wdt-cus-offer-masonary-banner .wdt-content-item .wdt-content-title h5 a:hover { color: rgb(var(--wdtAccentTxtColorRgb),.8); } .wdt-cus-offer-masonary-banner .wdt-content-item .wdt-content-description { color: var(--wdtAccentTxtColor); padding-bottom: 10px; text-wrap: balance; } .wdt-cus-offer-masonary-banner .wdt-content-item .wdt-content-image > span > img, .wdt-cus-offer-masonary-banner .wdt-content-item .wdt-content-image > a > img { height: 100%; object-fit: cover; transform: scale(1); -webkit-transform: scale(1); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); transition-duration: 1s; -webkit-transition-duration: 1s; } .wdt-cus-offer-masonary-banner .wdt-content-item:hover .wdt-content-image > span > img, .wdt-cus-offer-masonary-banner .wdt-content-item:hover .wdt-content-image > a > img { transform: scale(1.2); -webkit-transform: scale(1.2); } .wdt-cus-offer-masonary-banner .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem); /*20px - 10px*/ } .wdt-cus-offer-masonary-banner .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button[class*=wdt-pagination-]:hover { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); } .wdt-cus-offer-masonary-banner.offer-banner-full-width .wdt-content-item .wdt-content-description { padding-left: 30%; } /* resposnive */ @media (max-width: 1540px) { .wdt-cus-offer-masonary-banner.offer-banner-full-width .wdt-content-item .wdt-content-description { padding-left: 20%; } } @media (max-width: 1280px) { .wdt-cus-offer-masonary-banner.offer-banner-full-width .wdt-content-item .wdt-content-description { padding-left: 10%; } } @media (max-width: 1024px) { .wdt-cus-offer-masonary-banner.offer-banner-full-width .wdt-content-item .wdt-content-description { padding-left: 0; } } /* --------------------- Home 3 Masonary banner --------------------- */ /* --------------------------- Home 4 Seerives List Icon Box ------------------------------- */ .wdt-cus-h4-services-icon-list .wdt-content-item { overflow: hidden; position: relative; } .wdt-cus-h4-services-icon-list .wdt-column:not(:last-child) .wdt-content-item { border-right: 1px solid rgb(var(--wdtBorderColorRgb), 0.3); } .wdt-cus-h4-services-icon-list .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container { padding: 40px; } .wdt-cus-h4-services-icon-list .wdt-content-item .wdt-content-title h5 { text-transform: capitalize; font-size: var(--wdtFontSize_H5); } .wdt-cus-h4-services-icon-list .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: 60px; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-h4-services-icon-list .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span i { animation: wdt-icon-push-animation 350ms ease-in-out; -webkit-animation: wdt-icon-push-animation 350ms ease-in-out; } .wdt-cus-h4-services-icon-list .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span i { display: inline-flex; } .wdt-cus-h4-services-icon-list .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:before, .wdt-cus-h4-services-icon-list .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:after { content: ''; position: absolute; width: 100%; height: 100%; background-color: var(--wdtPrimaryColor); background-image: none; top: 0; left: 0; border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-h4-services-icon-list .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:before { transform: scaleX(1); -webkit-transform: scaleX(1); opacity: 1; transform-origin: top left; -webkit-transform-origin: top left; } .wdt-cus-h4-services-icon-list .wdt-content-item:hover .wdt-media-image-cover .wdt-content-image-wrapper:before { transform: scaleX(0); -webkit-transform: scaleX(0); opacity: 1; transform-origin: top left; -webkit-transform-origin: top left; border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); } .wdt-cus-h4-services-icon-list .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:after { transform: scaleX(0); -webkit-transform: scaleX(0); opacity: 1; transform-origin: top right; -webkit-transform-origin: top right; } .wdt-cus-h4-services-icon-list .wdt-content-item:hover .wdt-media-image-cover .wdt-content-image-wrapper:after { transform: scaleX(1); -webkit-transform: scaleX(1); opacity: .75; transform-origin: top right; -webkit-transform-origin: top right; border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); width: 100%; padding: 0; } .wdt-cus-h4-services-icon-list .wdt-content-item:hover .wdt-content-elements-group.wdt-media-image-cover > .wdt-media-image-cover-container > div h5 > a:hover { color: rgb(var(--wdtAccentTxtColorRgb),.8); } /* .wdt-cus-h4-services-icon-list .wdt-column-holder .wdt-column-wrapper .wdt-column:not(:last-child) .wdt-content-item:after { content: ''; position: absolute; width: 1px; height: 100%; display: inline-flex; z-index: 1; right: 0; top: 0; background: var(--wdtAccentTxtColor); opacity: .5; } */ .wdt-cus-h4-services-icon-list .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button[class*=wdt-pagination-]:hover, .wdt-cus-h4-services-icon-list .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination button[class*=wdt-pagination-]:focus { background: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); } /* Responsive */ @media only screen and (max-width: 1540px) { .wdt-cus-h4-services-icon-list .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container { padding: 40px 20px; } } /* --------------------------- Home 4 Seerives List Icon Box ------------------------------- */ /* -------------- Home 4 Filler 04 ----------------*/ .wdt-cus-h4-filler-01 .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container { padding: 30px; margin-bottom: clamp(3.125rem, 3rem + 0.625vw, 3.75rem) !important; /*60px - 50px*/ transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-h4-filler-01 .wdt-content-item .wdt-content-title h5 { font-size: clamp(2.5rem, 2.125rem + 1.875vw, 4.375rem); /* Min-40 & Max-70 */ pointer-events: none; } .wdt-cus-h4-filler-01 .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:after { display: none; } .wdt-cus-h4-filler-01 .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container > *:not(:last-child) { margin-bottom: 20px; } .wdt-cus-h4-filler-01 .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:before { opacity: 1; background-color: transparent; background-image: linear-gradient(90deg, rgb(var(--wdtHeadAltColorRgb),0.8) 50%, rgb(var(--wdtHeadAltColorRgb),0.8) 50% ); background-repeat: no-repeat; background-position: bottom; background-size: 100% 0; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); z-index: 1; pointer-events: none; } .wdt-cus-h4-filler-01 .wdt-content-item .wdt-content-button > a { margin-top: clamp(0rem, -0.125rem + 0.625vw, 0.625rem); /*10px - 0px*/ } .wdt-cus-h4-filler-01 .wdt-content-item > div[class*="group"] .wdt-content-subtitle + .wdt-content-title { margin-top: -10px; } .wdt-cus-h4-filler-01 .wdt-content-item .wdt-content-button > a:hover, .wdt-cus-h4-filler-01 .wdt-content-item .wdt-content-button > a:focus { color: var(--wdtHeadAltColor); background-color: var(--wdtAccentTxtColor); } .wdt-cus-h4-filler-01 .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container > * { transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 0; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } /* Active */ /* .wdt-cus-h4-filler-01 .swiper-slide-active .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container { border-color: var(--wdtPrimaryColor); } */ .wdt-cus-h4-filler-01 .swiper-slide-active .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:before { background-size: 100% 100%; opacity: 1; } .wdt-cus-h4-filler-01 .swiper-slide-active .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container > * { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; } .wdt-cus-h4-filler-01 .swiper-slide-active .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container > *:nth-child(1) { transition-delay: 300ms; -webkit-transition-delay: 300ms; } .wdt-cus-h4-filler-01 .swiper-slide-active .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container > *:nth-child(2) { transition-delay: 350ms; -webkit-transition-delay: 350ms; } .wdt-cus-h4-filler-01 .swiper-slide-active .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container > *:nth-child(3) { transition-delay: 400ms; -webkit-transition-delay: 400ms; } .wdt-cus-h4-filler-01 .swiper-slide-active .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container > *:nth-child(4) { transition-delay: 450ms; -webkit-transition-delay: 450ms; } /* Image */ .wdt-cus-h4-filler-01 .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image > span, .wdt-cus-h4-filler-01 .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image > a { overflow: hidden; } .wdt-cus-h4-filler-01 .wdt-carousel-holder .swiper-slide .wdt-content-item .wdt-content-image > span > img, .wdt-cus-h4-filler-01 .wdt-carousel-holder .swiper-slide .wdt-content-item .wdt-content-image > a > img { transform: scale(1.1); -webkit-transform: scale(1.1); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-h4-filler-01 .wdt-carousel-holder:hover .swiper-slide .wdt-content-item .wdt-content-image > span > img, .wdt-cus-h4-filler-01 .wdt-carousel-holder:hover .swiper-slide .wdt-content-item .wdt-content-image > a > img { transform: scale(1); -webkit-transform: scale(1); } .wdt-cus-h4-filler-01 .wdt-carousel-holder:hover .swiper-slide-active .wdt-content-item:hover .wdt-content-image > span > img, .wdt-cus-h4-filler-01 .wdt-carousel-holder:hover .swiper-slide-active .wdt-content-item:hover .wdt-content-image > a > img { transform: scale(1.1); -webkit-transform: scale(1.1); } /* Pagination */ .wdt-cus-h4-filler-01 .wdt-carousel-holder .swiper.swiper-horizontal+.wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { margin: 0; } .wdt-cus-h4-filler-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div { margin-top: 0; } .wdt-cus-h4-filler-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { position: absolute; bottom: 30px; right: 0; left: 0; } .wdt-cus-h4-filler-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:hover:before { background-color: var(--wdtAccentTxtColor); } .wdt-cus-h4-filler-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:hover { color: var(--wdtHeadAltColor); } /* Responsive */ @media (max-width: 767px) { .wdt-cus-h4-filler-01 .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:before { opacity: 1; background-size: 100% 100%; } } /* -------------- Home 4 Filler 04 ----------------*/ /* ------------------- Home 4 Accordian -------------------- */ .wdt-cus-bordered-faq .wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper:has( > .ui-state-active ), .wdt-cus-bordered-faq .wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper:has( > .ui-state-hover ) { border-color: var(--wdtBorderColor); background-color: transparent; } .wdt-cus-bordered-faq .wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder.ui-state-hover, .wdt-cus-bordered-faq .wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder.ui-state-active { color: var(--wdtPrimaryColor); } .wdt-cus-bordered-faq .wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-description { color: var(--wdtBodyTxtColor); } .wdt-cus-bordered-faq .wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon { font-size: 16px; } .wdt-cus-bordered-faq .wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon > div { top: clamp(0.75rem, 0.5833rem + 0.3472vw, 1rem); /*16px - 12px*/ } .wdt-cus-bordered-faq .wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title { font-family: var(--wdtFontTypo_Alt); } /* ------------------- Home 4 Accordian -------------------- */ /* ----------------------- Home 4 Deal Offer Banner ------------------------- */ .wdt-cus-deal-banner-title .wdt-heading-holder .wdt-heading-subtitle-wrapper { transform: rotate(-6deg); color: var(--wdtAccentTxtColor); font-family: var(--wdtFontTypo_Alt); font-size: clamp(1.125rem, 0.8757rem + 0.8328vw, 1.875rem); /*max-30 min-18*/ font-weight: var(--wdtFontWeight_Alt); } .wdt-cus-deal-banner-title .wdt-heading-holder .wdt-heading-subtitle-wrapper .wdt-heading-subtitle { background-color: var(--wdtPrimaryColor); padding: 10px 20px; width: max-content; /*max-30 min-18*/ } /* ----------------------- Home 4 Deal Offer Banner ------------------------- */ /* ------------------ Brand Logo 02 -------------------- */ .wdt-cus-brand-logo-style-01 .wdt-column-wrapper:not(.wdt-snap-scroll) { margin-right: -1px; } .wdt-cus-brand-logo-style-01 .wdt-content-item .wdt-content-icon-wrapper, .wdt-cus-brand-logo-style-01 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon { width: 100%; height: 100%; } .wdt-cus-brand-logo-style-01 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(5rem, 4.169rem + 2.7759vw, 7.5rem); width: 100%; height: 100%; transition: var(--wdtAltTransition); border-style: solid; border-color: var(--wdtPrimaryColor); border-width: 0; } .wdt-cus-brand-logo-style-01 .wdt-content-item { border-style: solid; border-color: var(--wdtPrimaryColor); border-width: 1px; } .wdt-cus-brand-logo-style-01 .wdt-column .wdt-content-item:before { content: ""; position: absolute; width: 100%; opacity: 0; height: 100%; transform: skewX(-20deg) scale(0.5); -webkit-transform: skewX(-20deg) scale(0.5); background-color:var(--wdtPrimaryColor); z-index: 0; inset: 0; transition: var(--wdtAltTransition); } .wdt-cus-brand-logo-style-01 .wdt-column .wdt-content-item:hover:before { transform: skewX(0deg) scale(1); -webkit-transform: skewX(0deg) scale(1); opacity: 1; } .wdt-cus-brand-logo-style-01 .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination { position: absolute; bottom: 0; right: 0; left: 0; margin: 0; } /* ------------------ Brand Logo 02 -------------------- */ /* ------------------------------------ Home 4 Instagram Aside Contact Form ------------------------------------- */ .wdt-cus-working-days-2 .elementor-widget-container .elementor-icon-list-item, .wdt-cus-working-days-2 .elementor-widget-container .elementor-icon-list-item a { font-size: calc(var(--wdtFontSize_Base) - 2px); } .wdt-cus-work-time .elementor-heading-title { margin: 0; line-height: calc(var(--wdtLineHeight_Ext) - 0.2); } .wdt-cus-working-days-2 .elementor-widget-container .elementor-icon-list-item:not(:last-child):after { margin: 0 clamp(0.875rem, 0.7503rem + 0.4164vw, 1.25rem); /*max-20 min-14*/ } .wdt-cus-working-days-2 { display: inline-flex; align-items: center; } /*----form------*/ form.wdt-cus-h4-contact-form.wpcf7-form > p { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; margin-bottom: 20px; } form.wpcf7-form.wdt-cus-h4-contact-form p span.wpcf7-form-control-wrap { margin-bottom: 0; } form.wpcf7-form.wdt-cus-h4-contact-form p > input[type="submit"]:hover, form.wpcf7-form.wdt-cus-h4-contact-form p > input[type="submit"]:focus { background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); } form.wpcf7-form.wdt-cus-h4-contact-form > p > .wpcf7-form-control-wrap[data-name="dropdown"], form.wpcf7-form.wdt-cus-h4-contact-form > p > .wpcf7-form-control-wrap[data-name="TextArea"] { grid-column: span 2; } /* Responsive */ @media (max-width: 1540px) { .wdt-cus-work-time .elementor-widget-container .elementor-heading-title { line-height:var(--wdtLineHeight_Ext); margin-bottom: 14px; } } @media (max-width: 1280px) and (min-width: 1025px) { form.wpcf7-form.wdt-cus-h4-contact-form > p > .wpcf7-form-control-wrap[data-name="dropdown"], form.wpcf7-form.wdt-cus-h4-contact-form > p > .wpcf7-form-control-wrap[data-name="TextArea"] { grid-column: unset; } form.wdt-cus-h4-contact-form.wpcf7-form > p { grid-template-columns: 1fr; } } @media (max-width: 600px) { form.wpcf7-form.wdt-cus-h4-contact-form > p > .wpcf7-form-control-wrap[data-name="dropdown"], form.wpcf7-form.wdt-cus-h4-contact-form > p > .wpcf7-form-control-wrap[data-name="TextArea"] { grid-column: unset; } form.wdt-cus-h4-contact-form.wpcf7-form > p { grid-template-columns: 1fr; } } /* ------------------------------------ Home 4 Instagram Aside Contact Form ------------------------------------- */ /* ---------------------- Home 4 Contact Block ----------------------- */ .wdt-cus-call-iconBox .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(2.5rem, 2.2922rem + 0.694vw, 3.125rem); /* Min-40 & Max-50 */ width: clamp(5rem, 4.5845rem + 1.3879vw, 6.25rem); /* Min-80 & Max-100 */ height: clamp(5rem, 4.5845rem + 1.3879vw, 6.25rem); /* Min-80 & Max-100 */ background-color: var(--wdtAccentTxtColor); border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); margin-right: 24px; } .wdt-cus-call-iconBox .wdt-content-item .wdt-content-media-group { display: inline-flex; align-items: center; justify-content: center; } .wdt-cus-call-iconBox .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span i { display: inline-flex; align-items: center; justify-content: center; } .wdt-cus-call-iconBox .wdt-content-item .wdt-content-subtitle { color: var(--wdtAccentTxtColor); font-size: clamp(1.5rem, 1.3753rem + 0.4164vw, 1.875rem); /* Min-24 & Max-30 */ letter-spacing: 0; font-family: var(--wdtFontTypo_H5); font-weight: var(--wdtFontWeight_H5); } .wdt-cus-call-iconBox .wdt-content-item .wdt-content-title h5 { color: var(--wdtAccentTxtColor); font-size: clamp(2.25rem, 1.8345rem + 1.3879vw, 3.5rem); /* Min-36 & Max-56 */ letter-spacing: 0; font-family: var(--wdtFontTypo_H2); font-weight: var(--wdtFontWeight_H2); } .wdt-cus-call-iconBox .wdt-content-item .wdt-content-title h5 a, #footer .wdt-cus-call-iconBox .wdt-content-item .wdt-content-title h5 a { color: var(--wdtAccentTxtColor); } .wdt-cus-call-iconBox .wdt-content-item .wdt-content-title h5 a:hover, #footer .wdt-cus-call-iconBox .wdt-content-item .wdt-content-title h5 a:hover { color: rgb(var(--wdtAccentTxtColorRgb),.8); } .wdt-cus-call-iconBox .wdt-column .wdt-content-item .wdt-content-icon-wrapper { margin-bottom: 0; } /* Responsive */ @media(max-width:479px) { .wdt-cus-call-iconBox .wdt-content-item .wdt-content-media-group { flex-direction: column; align-items: flex-start; } .wdt-cus-call-iconBox .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { margin-right: 0; margin-bottom: 10px; } } /* ---------------------- Home 4 Contact Block ----------------------- */ /* ----------------------- Home 1 icon Box Filler 01 ---------------------------- */ .wdt-cus-filler-box-s .wdt-column-holder .wdt-column-wrapper, .wdt-cus-filler-box-s .swiper-wrapper { counter-reset: numbercount; } .wdt-cus-filler-box-s .wdt-content-item { display: grid; overflow: hidden; position: relative; background-color: var(--wdtSecondaryColor); height: 100%; align-items: center; border-width: 1px 1px 1px 0; } .wdt-cus-filler-box-s .wdt-column:nth-child(odd) .wdt-content-item { background-color: var(--wdtBodyTxtColor); } .wdt-cus-filler-box-s .wdt-content-item:after { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; transform: scaleX(1); -webkit-transform: scaleX(1); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); transform-origin: left; transition-property: transform; } .wdt-cus-filler-box-s .wdt-content-item:hover:after { transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: right; } .wdt-cus-filler-box-s .wdt-content-item > div:not(:last-child), .wdt-cus-filler-box-s .wdt-content-item .wdt-content-media-group > div:not(:last-child), .wdt-cus-filler-box-s .wdt-content-item .wdt-content-detail-group > div:not(:last-child), .wdt-cus-filler-box-s .wdt-content-item .wdt-content-elements-group > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-filler-box-s .wdt-content-item > * { grid-area: 1/-1; } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-media-group { line-height: 0; height: 100%; } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-image-wrapper { height: 100%; position: relative; z-index: 0; overflow: hidden; } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-image > span, .wdt-cus-filler-box-s .wdt-content-item .wdt-content-image > a { position: relative; background-color: rgb(var(--wdtPrimaryColorRgb),0.9); } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-image > span:after, .wdt-cus-filler-box-s .wdt-content-item .wdt-content-image > a:after { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-detail-group { padding: clamp(1.25rem, 0.4185rem + 1.7346vw, 2.5rem); display: grid; grid-template-columns: auto 1fr auto; width: 100%; height: fit-content; align-items: center; position: relative; z-index: 1; } .wdt-cus-filler-box-s .wdt-content-item > div[class*="group"] .wdt-content-title + .wdt-content-subtitle, .wdt-cus-filler-box-s .wdt-content-item > div[class*="group"] .wdt-content-subtitle + .wdt-content-title { margin-top: 0; } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-subtitle { text-transform: capitalize; font-size: var(--wdtFontSize_Base); padding-bottom: 8px; color: rgb(var(--wdtAccentTxtColorRgb),0.8); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-filler-box-s .wdt-content-item:hover .wdt-content-subtitle { color: var(--wdtAccentTxtColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-title h5 { text-transform: capitalize; font-size: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem); /* Min-20 & Max-26 */ } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-detail-group> *:not(:last-child) { margin-right: 15px; } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-detail-group:before { content:'0' counter(numbercount); counter-increment: numbercount; top: 0; position: relative; font-family: var(--wdtFontTypo_Alt); font-size: clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem); /* Min-50 & Max-70 */ margin-right: 15px; color: rgba(var(--wdtAccentTxtColorRgb),.8); align-self: flex-start; line-height: 1; } .wdt-cus-filler-box-s .wdt-content-item .wdt-media-image-cover { height: 100%; } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-elements-group { display: flex; flex-direction: column; justify-content: center; } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: calc(clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem) + .2rem); /* Min-40 & Max-50 */ } .wdt-cus-filler-box-s .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span i { animation: wdt-icon-push-animation 350ms ease-in-out; -webkit-animation: wdt-icon-push-animation 350ms ease-in-out; } /* Rsponsive */ @media (max-width: 767px) { .wdt-cus-filler-box-s .wdt-content-item .wdt-content-detail-group { grid-template-columns: 1fr auto; } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-detail-group:before { grid-column: span 2; margin-right: 0; margin-bottom: 10px; } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-detail-group .wdt-content-icon-wrapper { align-self: self-end; } .wdt-cus-filler-box-s .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { bottom: 6px; } } /* ----------------------- Home 1 icon Boc Filler 01 ---------------------------- */ /* -------------- Slider 1 ----------------- */ /* Pagination */ .wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div { width: auto; height: auto; font-size: 68px; margin: 0; transform: translateX(0); -webkit-transform: translateX(0); box-shadow: unset; -webkit-box-shadow: unset; } .wdt-dark-bg.wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div:hover { color: rgb(var(--wdtAccentTxtColorRgb),0.8); } .wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-next:hover { transform: translateX(6px); -webkit-transform: translateX(6px); } .wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-prev:hover { transform: translateX(-6px); -webkit-transform: translateX(-6px); } .wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { display: flex; justify-content: space-between; } .wdt-dark-bg.wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:before { background: none; color: var(--wdtAccentTxtColor); } .wdt-dark-bg.wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:hover:before { background: none; color: var(--wdtPrimaryColor); } .wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 16px; height: 16px; } .wdt-dark-bg.wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { border: 2px solid var(--wdtAccentTxtColor); background-color: transparent; } .wdt-dark-bg.wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:before, .wdt-dark-bg.wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover:before { background-color: var(--wdtAccentTxtColor); } .wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper { width: auto; position: absolute; bottom: 20px; right: 15%; min-width: 250px; display: grid; } .wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper > div { grid-area: 1/-1; } .wdt-cus-slider-01 .wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-swiper-pagination, .wdt-cus-slider-01 .wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { margin: 0; } .wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { display: inline-flex; } /* Icon list */ .wdt-cus-slider-01-contact-list .elementor-icon-list-items .elementor-icon-list-item a { writing-mode: vertical-lr; } .wdt-cus-slider-01-contact-list .elementor-icon-list-items .elementor-icon-list-item a span.elementor-icon-list-icon { transform: rotate(90deg); -webkit-transform: rotate(90deg); } /* popup Title */ .wdt-cus-slider-popup-title .wdt-heading-holder .wdt-heading-subtitle-wrapper { font-size: var(--wdtFontSize_Ext); } .wdt-cus-slider-popup-title .wdt-heading-holder > *:not(:last-child) { margin-bottom: 6px; } .wdt-cus-slider-popup .wdt-popup-box-trigger-element .wdt-popup-box-trigger-icon { animation: none; -webkit-animation: none; width: clamp(5rem, 4.75rem + 1.25vw, 6.25rem); /*100px - 80px*/ height: clamp(5rem, 4.75rem + 1.25vw, 6.25rem); /*100px - 80px*/ font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem); /*30px - 24px*/ } /* Google Review */ .wdt-cus-google-ratings .wdt-content-item > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-google-ratings .wdt-content-item { display: flex; align-items: center; gap: 20px; } .wdt-cus-google-ratings .wdt-content-item .wdt-content-image > span, .wdt-cus-google-ratings .wdt-content-item .wdt-content-image > a { width: 110px; height: 100%; } .wdt-cus-google-ratings .wdt-content-item .wdt-content-media-group > div:not(:last-child) { margin-bottom: 10px; } /* .wdt-cus-google-ratings .wdt-content-item .wdt-rating li span { font-size: 14px; } */ /* bussiness Hours */ .wdt-cus-slider-01-business-hours .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after { transform: rotate(25deg); -webkit-transform: rotate(25deg); } /* animation */ /* main image */ .wdt-cus-slider-01 .swiper-wrapper .swiper-slide .wdt-content-item .wdt-slider1-main-img img { transform: translateX(100%); -webkit-transform: translateX(100%); opacity: 0; transition: transform 0.5s ease-in, opacity 0.1s linear; -webkit-transition: transform 0.5s ease-in, opacity 0.1s linear; } .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-slider1-main-img img { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); transition: transform 0.5s ease-in, opacity 0.3s linear; -webkit-transition: transform 0.5s ease-in, opacity 0.3s linear; } /* Main title & others */ .wdt-cus-slider-01 .swiper-wrapper .swiper-slide .wdt-content-item .wdt-heading-holder > *, .wdt-cus-slider-01 .swiper-wrapper .swiper-slide .wdt-content-item .elementor-widget-wdt-button .wdt-button-holder, .wdt-cus-slider-01 .swiper-wrapper .swiper-slide .wdt-content-item .wdt-cus-slider-popup-title .wdt-heading-holder , .wdt-cus-slider-01 .swiper-wrapper .swiper-slide .wdt-content-item .elementor-widget-wdt-popup-box .wdt-popup-box-trigger-holder, .wdt-cus-slider-01 .swiper-wrapper .swiper-slide .wdt-content-item .wdt-cus-slider-01-business-hours, .wdt-cus-slider-01 .swiper-wrapper .swiper-slide .wdt-content-item .wdt-cus-google-ratings { transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; transition: transform 0.3s linear, opacity 0.1s linear; -webkit-transition: transform 0.3s linear, opacity 0.1s linear; } .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-heading-holder > *, .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .elementor-widget-wdt-button .wdt-button-holder, .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-cus-slider-popup-title .wdt-heading-holder , .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .elementor-widget-wdt-popup-box .wdt-popup-box-trigger-holder, .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-cus-slider-01-business-hours, .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-cus-google-ratings { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; transition: transform 0.3s linear, opacity 0.3s linear; -webkit-transition: transform 0.3s linear, opacity 0.3s linear; } .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-heading-holder > *:nth-child(1) { transition-delay: 100ms; -webkit-transition-delay: 100ms; } .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-heading-holder > *:nth-child(2) { transition-delay: 300ms; -webkit-transition-delay: 300ms; } .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-heading-holder > *:nth-child(3) { transition-delay: 400ms; -webkit-transition-delay: 400ms; } .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .elementor-widget-wdt-button .wdt-button-holder { transition-delay: 450ms; -webkit-transition-delay: 450ms; } .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-cus-slider-popup-title .wdt-heading-holder , .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .elementor-widget-wdt-popup-box .wdt-popup-box-trigger-holder, .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-cus-slider-01-business-hours, .wdt-cus-slider-01 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-cus-google-ratings { transition-delay: 500ms; -webkit-transition-delay: 500ms; } /* Responsive */ @media (max-width: 479px) { .wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div { font-size: 58px; } .wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 12px; } .wdt-cus-slider-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper { min-width: 220px; } } /* -------------- Slider 1 ----------------- */ /* -------------------- Slider 02 ---------------------- */ /* main section */ .wdt-h2-slider-main-section { padding-top: var(--header-height); } /* client Image */ .wdt-cus-slider2-client-img .wp-caption { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; width: fit-content; } .wdt-cus-slider2-client-img .wp-caption img { margin: 0; } .wdt-cus-slider2-client-img .wp-caption .widget-image-caption { font-size: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem); /* Min-20 & Max-26 */ font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); letter-spacing: var(--wdtLetterSpacing_1X); padding: 0; border: 0; background: none; line-height: var(--wdtLineHeight_Alt); } /* popup */ .wdt-cus-slider-02 .wdt-popup-box-trigger-holder.wdt-click-element-label-n-icon .wdt-popup-box-trigger-element .wdt-popup-box-trigger-icon { width: 54px; height: 54px; font-size: 18px; } /* brand Logo */ .wdt-cus-h2-slide-iconbox-01 .wdt-content-item .wdt-content-media-group .wdt-content-icon-wrapper .wdt-content-icon span { background-color: transparent; color: var(--wdtAccentTxtColor); height: 100%; width:100%; font-size: clamp(5rem, 4.75rem + 1.25vw, 6.25rem); /*100-80*/ padding: 0; } .wdt-cus-h2-slide-iconbox-01 .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination { margin-top: 10px; } /* Pagination */ .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div { width: auto; height: auto; font-size: 68px; margin: 0; transform: translateY(0); -webkit-transform: translateY(0); box-shadow: unset; -webkit-box-shadow: unset; } .wdt-dark-bg.wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:hover { color: rgb(var(--wdtAccentTxtColorRgb),.8); } .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-next:hover { transform: translateY(6px); -webkit-transform: translateY(6px); } .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-prev:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); } .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { display: inline-flex; justify-content: space-between; flex-direction: column; height: auto; min-height: 250px; margin: auto; } .wdt-dark-bg.wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:before { background: none; color: var(--wdtAccentTxtColor); } .wdt-dark-bg.wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:hover:before { background: none; color: var(--wdtPrimaryColor); } .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 16px; height: 16px; } .wdt-dark-bg.wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { border: 2px solid var(--wdtAccentTxtColor); background-color: transparent; } .wdt-dark-bg.wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:before, .wdt-dark-bg.wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover:before { background-color: var(--wdtAccentTxtColor); } .wdt-cus-slider-02 .wdt-carousel-holder .swiper + .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets, .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets { margin-left: 0; margin-right: 0; } .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets { transform: unset; -webkit-transform: unset; flex-direction: column; } .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper { width: auto; position: absolute; bottom: 0; top: var(--header-height); right: auto; left: 4%; height: fit-content; margin: auto 0; display: grid; min-height: 250px; } .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper > div { grid-area: 1/-1; } .wdt-cus-slider-02 .wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-swiper-pagination, .wdt-cus-slider-02 .wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { margin: 0; } /* animation */ /* overlay */ .wdt-cus-slider-02 .swiper-wrapper .swiper-slide .wdt-content-item { position: relative; } .wdt-cus-slider-02 .swiper-wrapper .swiper-slide .wdt-content-item:after { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; background-color: var(--wdtAccentTxtColor); opacity: 0.4; pointer-events: none; transform: scaleY(0); -webkit-transform: scaleY(0); transform-origin: top; -webkit-transform-origin: top; transition-property: transform; will-change: transform; transition: all 1s ease-out; -webkit-transition: all 1s ease-out; } .wdt-cus-slider-02 .swiper-wrapper .swiper-slide-active .wdt-content-item:after { animation: wdt-slider2-overlay 1s ease-out; -webkit-animation: wdt-slider2-overlay 1s ease-out; } @keyframes wdt-slider2-overlay { from { transform: scaleY(1); -webkit-transform: scaleY(1); } to { transform: scaleY(0); -webkit-transform: scaleY(0); } } @-webkit-keyframes wdt-slider2-overlay { from { transform: scaleY(1); -webkit-transform: scaleY(1); } to { transform: scaleY(0); -webkit-transform: scaleY(0); } } /* bg image */ .wdt-cus-slider-02 .swiper-wrapper .swiper-slide .wdt-content-item .elementor-section .elementor-background-slideshow .elementor-background-slideshow__slide__image { transform: scale(1.1); -webkit-transform: scale(1.1); transition: all 2.4s linear 0.6s; -webkit-transition: all 2.4s linear 0.6s; } .wdt-cus-slider-02 .swiper-wrapper .swiper-slide-active .wdt-content-item .elementor-section .elementor-background-slideshow .elementor-background-slideshow__slide__image { transform: scale(1); -webkit-transform: scale(1); } /* title & others */ .wdt-cus-slider-02 .swiper-wrapper .swiper-slide .wdt-content-item .wdt-heading-holder > *, .wdt-cus-slider-02 .swiper-wrapper .swiper-slide .wdt-content-item .elementor-widget-wdt-button .wdt-button-holder, .wdt-cus-slider-02 .swiper-wrapper .swiper-slide .wdt-content-item .wdt-cus-slider-02-brand-logo { transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; transition: transform 0.3s linear, opacity 0.1s linear; -webkit-transition: transform 0.3s linear, opacity 0.1s linear; } .wdt-cus-slider-02 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-heading-holder > *, .wdt-cus-slider-02 .swiper-wrapper .swiper-slide-active .wdt-content-item .elementor-widget-wdt-button .wdt-button-holder, .wdt-cus-slider-02 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-cus-slider-02-brand-logo { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; transition: transform 0.3s linear, opacity 0.3s linear; -webkit-transition: transform 0.3s linear, opacity 0.3s linear; } .wdt-cus-slider-02 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-heading-holder > *:nth-child(1) { transition-delay: 600ms; -webkit-transition-delay: 600ms; } .wdt-cus-slider-02 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-heading-holder > *:nth-child(2) { transition-delay: 650ms; -webkit-transition-delay: 650ms; } .wdt-cus-slider-02 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-heading-holder > *:nth-child(3) { transition-delay: 650ms; -webkit-transition-delay: 650ms; } .wdt-cus-slider-02 .swiper-wrapper .swiper-slide-active .wdt-content-item .elementor-widget-wdt-button .wdt-button-holder { transition-delay: 700ms; -webkit-transition-delay: 700ms; } .wdt-cus-slider-02 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-cus-slider-02-brand-logo { transition-delay: 750ms; -webkit-transition-delay: 750ms; } /* Responsive */ @media (max-width: 1280px) { .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper { left: 10px; right: auto; } } @media (max-width: 1024px) { .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper { left: 0; right: auto; } } @media (max-width: 767px) { .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper { left: auto; right: -10px; } .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div { font-size: 58px; } .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 12px; } .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper, .wdt-cus-slider-02 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { min-height: 220px; } } /* -------------------- Slider 02 ---------------------- */ /* -------------------- Slider 03 ---------------------- */ /* Social icons */ .elementor-widget-icon-list.wdt-cus-slider3-social-icons { padding-top: var(--header-height); } .wdt-cus-slider3-social-icons .elementor-icon-list-items .elementor-icon-list-item a { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); background-color: var(--wdtAccentTxtColor); font-size: var(--wdtFontSize_Ext); } .wdt-cus-slider3-social-icons .elementor-icon-list-items .elementor-icon-list-item a:hover { background-color: var(--wdtPrimaryColor); } .wdt-cus-slider3-social-icons .elementor-icon-list-items .elementor-icon-list-item a .elementor-icon-list-icon svg { margin: 0; } .wdt-cus-slider3-social-icons .elementor-icon-list-items .elementor-icon-list-item a .elementor-icon-list-text:empty { display: none; } /* Pagination */ .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div { width: auto; height: auto; font-size: 68px; margin: 0; transform: translateY(0); -webkit-transform: translateY(0); box-shadow: unset; -webkit-box-shadow: unset; } .wdt-cus-slider-03.wdt-dark-bg .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:hover { color: rgb(var(--wdtAccentTxtColorRgb),.8); } .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-next:hover { transform: translateY(6px); -webkit-transform: translateY(6px); } .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-prev:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); } .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { display: inline-flex; flex-direction: column; justify-content: space-between; min-height: 250px; height: auto; margin: auto; } .wdt-dark-bg.wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:before { background: none; color: var(--wdtAccentTxtColor); } .wdt-dark-bg.wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:hover:before { background: none; color: var(--wdtPrimaryColor); } .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 16px; height: 16px; } .wdt-dark-bg.wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { border: 2px solid var(--wdtAccentTxtColor); background-color: transparent; } .wdt-dark-bg.wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:before, .wdt-dark-bg.wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover:before { background-color: var(--wdtAccentTxtColor); } .wdt-cus-slider-03 .wdt-carousel-holder .swiper + .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets, .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets { margin-left: 0; margin-right: 0; } .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets { transform: unset; -webkit-transform: unset; flex-direction: column; } .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper { width: 30px; position: absolute; bottom: 0; top: var(--header-height); left: auto; right: 20px; height: fit-content; margin: auto 0; display: grid; min-height: 250px; } .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper > div { grid-area: 1/-1; } .wdt-cus-slider-03 .wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-swiper-pagination, .wdt-cus-slider-03 .wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { margin: 0; } /* Animation */ /* title & others */ .wdt-cus-slider-03 .swiper-wrapper .swiper-slide .wdt-content-item .wdt-heading-holder > *, .wdt-cus-slider-03 .swiper-wrapper .swiper-slide .wdt-content-item .elementor-widget-wdt-button .wdt-button-holder, .wdt-cus-slider-03 .swiper-wrapper .swiper-slide .wdt-content-item .elementor-widget-wdt-popup-box .wdt-popup-box-trigger-holder { transform: translateY(150px); -webkit-transform: translateY(150px); opacity: 0; transition: transform 0.5s ease-in-out, opacity 0.1s linear; -webkit-transition: transform 0.5s ease-in-out, opacity 0.1s linear; } .wdt-cus-slider-03 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-heading-holder > *, .wdt-cus-slider-03 .swiper-wrapper .swiper-slide-active .wdt-content-item .elementor-widget-wdt-button .wdt-button-holder, .wdt-cus-slider-03 .swiper-wrapper .swiper-slide-active .wdt-content-item .elementor-widget-wdt-popup-box .wdt-popup-box-trigger-holder { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; transition: transform 0.5s ease-in-out, opacity 0.3s linear; -webkit-transition: transform 0.5s ease-in-out, opacity 0.3s linear; } .wdt-cus-slider-03 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-heading-holder > *:nth-child(1) { transition-delay: 100ms; -webkit-transition-delay: 100ms; } .wdt-cus-slider-03 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-heading-holder > *:nth-child(2) { transition-delay: 150ms; -webkit-transition-delay: 150ms; } .wdt-cus-slider-03 .swiper-wrapper .swiper-slide-active .wdt-content-item .wdt-heading-holder > *:nth-child(3) { transition-delay: 200ms; -webkit-transition-delay: 200ms; } .wdt-cus-slider-03 .swiper-wrapper .swiper-slide-active .wdt-content-item .elementor-widget-wdt-button .wdt-button-holder, .wdt-cus-slider-03 .swiper-wrapper .swiper-slide-active .wdt-content-item .elementor-widget-wdt-popup-box .wdt-popup-box-trigger-holder { transition-delay: 250ms; -webkit-transition-delay: 250ms; } /* Responsive */ @media (max-width: 767px) { .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper { left: auto; right: 10px; } .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div { font-size: 58px; } .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 12px; } .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper, .wdt-cus-slider-03 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { min-height: 220px; } } /* -------------------- Slider 03 ---------------------- */ /* ------------- Home 3 Banner --------------- */ .wdt-header-with-section.wdt-cus-home-3-banner { padding-top: var(--header-height); } /* animation */ /* .wdt-cus-home-3-banner .elementor-background-slideshow .elementor-background-slideshow__slide .elementor-background-slideshow__slide__image { transform: scale(1.2); -webkit-transform: scale(1.2); transition: transform 0.8s linear; -webkit-transition: transform 0.8s linear; } .wdt-cus-home-3-banner .elementor-background-slideshow .elementor-background-slideshow__slide.swiper-slide-active .elementor-background-slideshow__slide__image { transform: scale(1); -webkit-transform: scale(1); } */ /* ------------- Home 3 Banner --------------- */ /* ------------ Home 4 Banner -------------- */ /* section */ .wdt-cus-h4-main-banner-section { padding-top: var(--header-height); } /* vertical title */ .wdt-cus-h4-banner-cus-title .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title { text-transform: uppercase; writing-mode: vertical-lr; } .wdt-cus-h4-image-only-carousel-02 .wdt-content-item .wdt-content-media-group { line-height: 0; } /* image only cariusel */ .wdt-cus-home4-slider-imagebox-01 .wdt-content-item{ display: grid; } .wdt-cus-home4-slider-imagebox-01 .wdt-content-item .wdt-content-media-group{ margin-bottom: 0; } .wdt-cus-home4-slider-imagebox-01 .wdt-content-item .wdt-content-detail-group{ z-index: 2 } .wdt-cus-home4-slider-imagebox-01 .wdt-content-item .wdt-content-media-group,.wdt-cus-home4-slider-imagebox-01 .wdt-content-item .wdt-content-detail-group{ grid-area: 1/-1; align-content: end; } .wdt-cus-home4-slider-imagebox-01 .wdt-content-item .wdt-content-image-wrapper, .wdt-cus-home4-slider-imagebox-01 .wdt-content-item .wdt-content-image-wrapper .wdt-content-image, .wdt-cus-home4-slider-imagebox-01 .wdt-content-item .wdt-content-image > span, .wdt-cus-home4-slider-imagebox-01 .wdt-content-item .wdt-content-image > a { height: 100%; } .wdt-cus-home4-slider-imagebox-01 .wdt-content-item .wdt-content-detail-group { padding: 30px; } .wdt-cus-home4-slider-imagebox-01 .wdt-content-item .wdt-content-image:before { content: ''; height: 100%; width: 100%; background-color: rgba(var(--wdtHeadAltColorRgb),0.6); position: absolute; top: 0; left: 0; z-index: 1; } .wdt-cus-home4-slider-imagebox-01 .wdt-carousel-holder .swiper.swiper-horizontal+.wdt-carousel-pagination-wrapper .wdt-swiper-pagination { margin-top: 30px; } /* ------------ Home 4 Banner -------------- */ /* ----------------- Contact Page ----------------- */ .wdt-cus-location-banner .wdt-advanced-slider-block { background-color: var(--wdtHeadAltColor); } .wdt-cus-location-banner .wdt-advanced-slider-block:before { content: ''; width: 100%; height: 100%; background-color: inherit; opacity: 0; position: absolute; inset: 0; opacity: 0; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); transform: skewX(-20deg) scale(0.5); -webkit-transform: skewX(-20deg) scale(0.5); z-index: 1; } .wdt-cus-location-banner .wdt-advanced-slider-block:hover:before { opacity: 0.6; transform: skewX(0deg) scale(1); -webkit-transform: skewX(0deg) scale(1); } .wdt-cus-location-banner .wdt-advanced-slider-block:after { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; background-color: inherit; opacity: 0.6; pointer-events: none; z-index: 1; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-location-banner .wdt-advanced-slider-block:hover:after { opacity: 0; } .wdt-cus-location-banner .wdt-content-item .wdt-advanced-slider-block { display: grid; } .wdt-cus-location-banner .wdt-content-item .wdt-advanced-slider-block .wdt-image-icon-group { grid-area: 1/1; } .wdt-cus-location-banner .wdt-content-item .wdt-advanced-slider-block .wdt-content-detail-group { grid-area: 1/1; padding: 50px 20px; z-index: 2; height: fit-content; align-self: center; } .wdt-cus-location-banner .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-location-banner .wdt-content-item .wdt-content-title h5 { color: var(--wdtAccentTxtColor); font-size: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); /* Min-26 & Max-30 */ transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-location-banner .wdt-content-item .wdt-content-title h5 a { color: var(--wdtAccentTxtColor); pointer-events: none; } .wdt-cus-location-banner .wdt-content-item .wdt-content-description { text-wrap: balance; padding-top: 16px; padding-bottom: 14px; } .wdt-cus-location-banner .wdt-content-item .wdt-content-description, .wdt-cus-location-banner .wdt-content-item .wdt-content-button-group { color: var(--wdtAccentTxtColor); } .wdt-cus-location-banner .wdt-content-item .wdt-content-button > a { font-family: var(--wdtFontTypo_Base); border: none; background-color: transparent; font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); padding: 0; color: var(--wdtAccentTxtColor); text-transform: unset; transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } .wdt-cus-location-banner .wdt-content-item .wdt-content-button > a:hover, .wdt-cus-location-banner .wdt-specifications-holder .wdt-content-item .wdt-advanced-slider-block .wdt-content-detail-group .wdt-content-button-group .wdt-content-button + .wdt-content-button > a:hover { background-color: transparent; color: rgb(var(--wdtAccentTxtColorRgb),0.8); transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } .wdt-cus-location-banner .wdt-specifications-holder .wdt-content-item .wdt-advanced-slider-block .wdt-content-detail-group .wdt-content-button-group .wdt-content-button+.wdt-content-button > a { background-color: transparent; } .wdt-cus-location-banner .wdt-content-item .wdt-advanced-slider-block .wdt-content-detail-group .wdt-content-button-group { display: flex; flex-direction: column; margin: -7px; } .wdt-cus-location-banner .wdt-specifications-holder .wdt-content-item .wdt-advanced-slider-block .wdt-content-detail-group .wdt-content-button-group .wdt-content-button { margin: 7px; line-height: 0; } /*----hover-----*/ .wdt-cus-location-banner .wdt-content-item .wdt-content-detail-group .wdt-content-title { transform: scale(1.6) translateY(35px); -webkit-transform: scale(1.6) translateY(35px); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-location-banner .wdt-content-item:hover .wdt-content-detail-group .wdt-content-title { transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0); } .wdt-cus-location-banner .wdt-content-item .wdt-content-detail-group .wdt-content-description, .wdt-cus-location-banner .wdt-content-item .wdt-content-detail-group .wdt-content-button-group { transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-cus-location-banner .wdt-content-item:hover .wdt-content-detail-group .wdt-content-description, .wdt-cus-location-banner .wdt-content-item:hover .wdt-content-detail-group .wdt-content-button-group { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; } /* ----------------- Contact Page ----------------- */ /* ----------------- Terms And Condition ------------------- */ .wdt-cus-tc-block .wdt-heading-holder .wdt-heading-content-wrapper, .wdt-cus-tc-block.elementor-widget-text-editor { padding-left: clamp(1.25rem, 1rem + 1.25vw, 2.5rem); /*40px-20px*/ } /* ----------------- Terms And Condition ------------------- */ /* ----------------------------- Data and time picker (flatpickr) -------------------------------- */ body .flatpickr-calendar::before, body .flatpickr-calendar::after { opacity: 0; } body .flatpickr-calendar { border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); width: 100%; max-width: 330px; margin-top: 6px; margin-right: -40px; padding: 10px; box-shadow: unset; -webkit-box-shadow: unset; border: 2px solid var(--wdtPrimaryColor); } body .flatpickr-current-month { padding: 0; } body .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, body .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { padding: 8px 10px 0; } body .flatpickr-current-month .flatpickr-monthDropdown-months { color: var(--wdtHeadAltColor); font-weight: var(--wdtFontWeight_Alt); font-size: var(--wdtFontSize_Base); padding: 0; } body .flatpickr-current-month, body .flatpickr-calendar .flatpickr-current-month span.cur-month, body .flatpickr-current-month input.cur-year { font-weight: var(--wdtFontWeight_Alt); font-size: var(--wdtFontSize_Base); } body .flatpickr-weekdays .flatpickr-weekdaycontainer { gap: 4px; } body span.flatpickr-weekday { color: var(--wdtAccentTxtColor); font-weight: var(--wdtFontWeight_Alt); background-color: var(--wdtPrimaryColor); padding: 2px 4px; } body .flatpickr-day.today:hover, body .flatpickr-day.today:focus, body .flatpickr-day.selected, body .flatpickr-day.startRange, body .flatpickr-day.endRange, body .flatpickr-day.selected.inRange, body .flatpickr-day.startRange.inRange, body .flatpickr-day.endRange.inRange, body .flatpickr-day.selected:focus, body .flatpickr-day.startRange:focus, body .flatpickr-day.endRange:focus, body .flatpickr-day.selected:hover, body .flatpickr-day.startRange:hover, body .flatpickr-day.endRange:hover, body .flatpickr-day.selected.prevMonthDay, body .flatpickr-day.startRange.prevMonthDay, body .flatpickr-day.endRange.prevMonthDay, body .flatpickr-day.selected.nextMonthDay, body .flatpickr-day.startRange.nextMonthDay, body .flatpickr-day.endRange.nextMonthDay{ border-color: var(--wdtPrimaryColor); background: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); } body .flatpickr-day.today, body .flatpickr-day.inRange, body .flatpickr-day.prevMonthDay.inRange, body .flatpickr-day.nextMonthDay.inRange, body .flatpickr-day.today.inRange, body .flatpickr-day.prevMonthDay.today.inRange, body .flatpickr-day.nextMonthDay.today.inRange, body .flatpickr-day:hover, body .flatpickr-day.prevMonthDay:hover, body .flatpickr-day.nextMonthDay:hover, body .flatpickr-day:focus, body .flatpickr-day.prevMonthDay:focus, body .flatpickr-day.nextMonthDay:focus { border-color: var(--wdtPrimaryColor); background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor) !important; } body .flatpickr-calendar .flatpickr-day, body .flatpickr-calendar * { transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } body .flatpickr-calendar .flatpickr-day { border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); color: var(--wdtHeadAltColor); } form.wpcf7-form span.wpcf7-form-control-wrap:has(> input.wdtdatePicker) { position: relative; } form.wpcf7-form span.wpcf7-form-control-wrap:has(> input.wdtdatePicker):after { content: '\e844'; font-family: "Karimotors Icons"; font-style: normal; font-weight: normal; font-size: 20px; color: var(--wdtHeadAltColor); position: absolute; top: 0; bottom: 0; right: 24px; margin: auto; left: auto; width: fit-content; height: fit-content; cursor: pointer; pointer-events: none; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } /* time */ body .flatpickr-time { max-height: 50px; line-height: 50px; } body .flatpickr-calendar.hasTime .flatpickr-time { border: 0; } body .flatpickr-time .numInputWrapper { height: 50px; } body .numInputWrapper:hover { background: none; } body .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { border-top: 0; } body .flatpickr-time input.flatpickr-hour { font-weight: var(--wdtFontWeight_Alt); } body .flatpickr-time .flatpickr-time-separator { margin: 0 10px; } body .numInputWrapper span { border: 0; width: 16px; padding: 0; top: 0; bottom: 0; opacity: 1; } body .flatpickr-time .numInputWrapper span.arrowDown { top: 25px; height: 16px; } body .flatpickr-time .numInputWrapper span.arrowUp { top: 5px; height: 16px; } body .numInputWrapper span.arrowUp:after { border-bottom-color: var(--wdtHeadAltColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } body .numInputWrapper span.arrowDown:after { border-top-color: var(--wdtHeadAltColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } body .numInputWrapper span.arrowUp:hover:after { border-bottom-color: var(--wdtPrimaryColor); } body .numInputWrapper span.arrowDown:hover:after { border-top-color: var(--wdtPrimaryColor); } body .flatpickr-time .flatpickr-am-pm { font-weight: var(--wdtFontWeight_Alt); font-size: var(--wdtFontSize_Base); color: var(--wdtHeadAltColor); } body .numInputWrapper span:hover { background: none; } body .numInputWrapper span::after { top: 0; bottom: 0; margin: 2px; } body .numInputWrapper span:hover::after { border-bottom-color:var(--wdtLinkHoverColor); } body .flatpickr-time .flatpickr-am-pm:hover, body .flatpickr-time .flatpickr-am-pm:focus { background: none; color: var(--wdtPrimaryColor); } form.wpcf7-form span.wpcf7-form-control-wrap:has(> input.wdttimePicker):after { content: '\0800'; font-family: "karimotors-extra-icons"; font-style: normal; font-weight: normal; font-size: 20px; color: var(--wdtHeadAltColor); position: absolute; top: 0; bottom: 0; right: 24px; margin: auto; left: auto; width: fit-content; height: fit-content; cursor: pointer; pointer-events: none; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } /* ----------------------------- Data and time picker (flatpickr) -------------------------------- */ /* --------------- SideMenu --------------- */ /* gallery */ .wdt-side-bar-gallery .wdt-content-item .wdt-content-media-group { line-height: 0; } .wdt-side-bar-gallery .wdt-content-item .wdt-content-image > span, .wdt-side-bar-gallery .wdt-content-item .wdt-content-image > a { overflow: hidden; } .wdt-side-bar-gallery .wdt-content-item .wdt-content-image > span img, .wdt-side-bar-gallery .wdt-content-item .wdt-content-image > a img { transform: scale(1); -webkit-transform: scale(1); transform-origin: center center; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); } .wdt-side-bar-gallery .wdt-content-item:hover .wdt-content-image > span img, .wdt-side-bar-gallery .wdt-content-item:hover .wdt-content-image > a img { transform: scale(1.2); -webkit-transform: scale(1.2); } /* --------------- SideMenu --------------- */ /* --------------------- Post Feaature Image --------------------- */ .elementor-widget-wdt-post-feature-image .single-preview-img img { min-height: 330px; object-fit: cover; object-position: center ; } /* --------------------- Post Feaature Image --------------------- */ /* -------------------- Sidemenu Contact Block ---------------------- */ .wdt-cus-side-menu-contact-block .wdt-content-item .wdt-advanced-slider-block { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; } .wdt-cus-side-menu-contact-block .wdt-content-item .wdt-advanced-slider-block .wdt-content-detail-group { width: auto; } .wdt-cus-side-menu-contact-block .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { padding: 0; font-size: 22px; pointer-events: none; } .wdt-cus-side-menu-contact-block .wdt-content-item .wdt-content-description { font-size: var(--wdtFontSize_Ext); font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); color: var(--wdtHeadAltColor); } .wdt-cus-side-menu-contact-block .wdt-content-item .wdt-content-button > a { padding: 0; background: none; color: var(--wdtLinkColor); font-size: var(--wdtFontSize_Ext); font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); letter-spacing: var(--wdtLetterSpacing_1X); text-transform: unset; transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition); } .wdt-cus-side-menu-contact-block .wdt-specifications-holder .wdt-content-item .wdt-advanced-slider-block .wdt-content-detail-group .wdt-content-button-group .wdt-content-button + .wdt-content-button > a { background: none; color: var(--wdtLinkColor); transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } .wdt-cus-side-menu-contact-block .wdt-content-item .wdt-content-button > a:hover, .wdt-cus-side-menu-contact-block .wdt-specifications-holder .wdt-content-item .wdt-advanced-slider-block .wdt-content-detail-group .wdt-content-button-group .wdt-content-button + .wdt-content-button > a:hover { background: none; color: var(--wdtLinkHoverColor); transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } .wdt-cus-side-menu-contact-block .wdt-specifications-holder .wdt-content-item .wdt-advanced-slider-block .wdt-content-detail-group .wdt-content-button-group { margin: -6px 0; } .wdt-cus-side-menu-contact-block .wdt-specifications-holder .wdt-content-item .wdt-advanced-slider-block .wdt-content-detail-group .wdt-content-button-group .wdt-content-button { margin: 6px 0; } .wdt-cus-side-menu-contact-block .wdt-specifications-holder .wdt-content-item .wdt-advanced-slider-block .wdt-content-detail-group .wdt-content-button-group .wdt-content-button:not(:only-child):first-child:after { content: ""; position: relative; display: inline-block; background-color: var(--wdtHeadAltColor); margin: 0 20px; width: 2px; height: 20px; transform: skew(-22deg); -webkit-transform: skew(-22deg); vertical-align: middle; } /* -------------------- Sidemenu Contact Block ---------------------- */ /* -------------------- Panaroma 360deg Viewer ---------------------- */ .pnlm-container .pnlm-ui .pnlm-panorama-info { display: none !important; } .pnlm-container .pnlm-grab { cursor: grab; } .pnlm-container .pnlm-ui .pnlm-controls-container .pnlm-controls .pnlm-zoom-in, .pnlm-container .pnlm-ui .pnlm-controls-container .pnlm-controls .pnlm-zoom-out, .pnlm-container .pnlm-ui .pnlm-controls-container .pnlm-controls { border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); } /* -------------------- Panaroma 360deg Viewer ---------------------- */ /* ---------------------- Blog list ting Home 1 ----------------------- */ /* List Style */ .wdt-cus-blog-list-style-o1 .tpl-blog-holder:has( > .entry-list-layout ) { margin: -20px; } .wdt-cus-blog-list-style-o1 .tpl-blog-holder .column.entry-list-layout { padding: 20px; } /* Cover Style */ .wdt-cus-blog-listing-cover-style-01.elementor-widget-wdt-blog-posts, .wdt-cus-blog-listing-cover-style-01.elementor-widget-wdt-blog-posts > div, .wdt-cus-blog-listing-cover-style-01.elementor-widget-wdt-blog-posts > div > .wdt-posts-list-wrapper, .wdt-cus-blog-listing-cover-style-01.elementor-widget-wdt-blog-posts > div > .wdt-posts-list-wrapper .tpl-blog-holder, .wdt-cus-blog-listing-cover-style-01.elementor-widget-wdt-blog-posts > div > .wdt-posts-list-wrapper .tpl-blog-holder > .wdt-post-entry, .wdt-cus-blog-listing-cover-style-01.elementor-widget-wdt-blog-posts > div > .wdt-posts-list-wrapper .tpl-blog-holder > .wdt-post-entry > .blog-entry { height: 100%; } .wdt-cus-blog-listing-cover-style-01.elementor-widget-wdt-blog-posts .tpl-blog-holder { margin: 0; } .wdt-cus-blog-listing-cover-style-01.elementor-widget-wdt-blog-posts .tpl-blog-holder .column.entry-cover-layout { padding: 0; } /* responsive */ @media (max-width: 1540px) { .wdt-cus-blog-list-style-o1 .tpl-blog-holder:has( > .entry-list-layout ) { margin: -15px; } .wdt-cus-blog-list-style-o1 .tpl-blog-holder .column.entry-list-layout { padding: 15px; } } @media (max-width: 1280px) { .wdt-cus-blog-list-style-o1 .tpl-blog-holder:has( > .entry-list-layout ) { margin: -10px; } .wdt-cus-blog-list-style-o1 .tpl-blog-holder .column.entry-list-layout { padding: 10px; } } @media (max-width: 1024px) { .wdt-cus-blog-list-style-o1 .tpl-blog-holder:has( > .entry-list-layout ) { margin: -20px; } .wdt-cus-blog-list-style-o1 .tpl-blog-holder .column.entry-list-layout { padding: 20px; } } @media (max-width: 479px) { .wdt-cus-blog-list-style-o1 .tpl-blog-holder:has( > .entry-list-layout ) { margin: -15px; } .wdt-cus-blog-list-style-o1 .tpl-blog-holder .column.entry-list-layout { padding: 15px; } } /* ---------------------- Blog list ting Home 1 ----------------------- */ /* ---------------------- Home 4 Shop Tab Fillter ------------------------ */ @media (min-width:1025px) { .wdt-cus-shop-filter-tab .wdt-tabs-container .wdt-tabs-list-wrapper { width: 50%; float: right; clear: both; } .wdt-cus-shop-filter-tab .wdt-tabs-container.wdt-template-default .wdt-tabs-content-wrapper { clear: both; padding-top: 100px; } } @media (min-width: 1025px) and (max-width:1280px) { .wdt-cus-shop-filter-tab .wdt-tabs-container .wdt-tabs-list-wrapper { width: 60%; } .wdt-cus-shop-filter-tab .wdt-tabs-container.wdt-template-default .wdt-tabs-content-wrapper { padding-top: 80px; } } /* ---------------------- Home 4 Shop Tab Fillter ------------------------ */ /* ----------------- Home 3 Slider ------------------- */ .wdt-cus-home-3-spec-01 .wdt-content-item .wdt-content-title h5:hover, .wdt-cus-home-3-spec-01 .wdt-content-item .wdt-content-title h5 a:hover { color: var(--wdtPrimaryColor); } .wdt-cus-home-3-spec-01 .wdt-content-item .wdt-specification-block .wdt-content-detail-group .wdt-content-spec-group > .wdt-content-spec-items { color: var(--wdtAccentTxtColor); font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Base); } .wdt-cus-home-3-spec-01 .wdt-content-item .wdt-specification-block .wdt-content-detail-group .wdt-content-spec-group > .wdt-content-spec-items > span:before { display: none; } /* .wdt-cus-home-3-spec-01 .wdt-content-item .wdt-content-icon-wrapper { margin-bottom:30px } */ .wdt-cus-home-3-spec-01 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { font-size: clamp(4.375rem, 4.125rem + 1.25vw, 5.625rem); /*90px - 70px*/ color: var(--wdtPrimaryColor); margin-bottom: 20px; line-height: 0; padding: 0; } .wdt-cus-home-3-spec-01 .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 0; } .wdt-cus-home-3-spec-01 .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem); /*30px - 26px*/ margin-bottom: 14px; } /* .wdt-cus-home-3-spec-01 .wdt-carousel-holder > .swiper { padding: 0 50px; } */ .wdt-cus-home-3-spec-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div { position: absolute; top: 0; bottom: 0; margin: auto; width: fit-content; height: fit-content; font-size: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem); /*50px - 40px*/ border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition); transform: unset; -webkit-transform: unset; box-shadow: unset; -webkit-box-shadow: unset; } .wdt-cus-home-3-spec-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:before, .wdt-cus-home-3-spec-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:hover:before , .wdt-dark-bg.wdt-cus-home-3-spec-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:before, .wdt-dark-bg.wdt-cus-home-3-spec-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:hover:before { background-color: transparent; } .wdt-cus-home-3-spec-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-prev { left: -60px; right: auto; } /* .wdt-cus-home-3-spec-01 .wdt-carousel-holder:hover .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-prev { opacity: 1; } */ .wdt-cus-home-3-spec-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-next { right: -60px; left: auto; } /* .wdt-cus-home-3-spec-01 .wdt-carousel-holder:hover .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-next { opacity: 1; } */ /* Responsive */ @media (max-width:479px) { .wdt-cus-home-3-spec-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-prev { left: -50px; } .wdt-cus-home-3-spec-01 .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div.wdt-arrow-pagination-next { right: -50px; } } /* ----------------- Home 3 Slider ------------------- */ /* ----------------------- Before After Slider Tab -------------------------- */ .wdt-cus-before-after-slider-tab .wdt-tabs-list-wrapper { margin: 0 20px; } /* Responsive */ @media (max-width: 600px) { .wdt-cus-before-after-slider-tab .wdt-tabs-container[class*='-tabs-toggle-mode'] .wdt-tabs-list-wrapper { margin-right: 20px; margin-left: 20px; } } /* ----------------------- Before After Slider Tab -------------------------- */ /* ------------------ Panorama shortCode -------------------- */ .wdt-cus-panorama-shortcode.elementor-widget-shortcode .elementor-widget-container { min-height: 250px; } /* ------------------ Panorama shortCode -------------------- */