/*
Theme Name: Enciser Child
Template: enciser
Author: Child Theme Configurator
Version: 1.8.1683202399
Updated: 2023-05-04 12:13:17
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



/* Define CSS variables (Custom Properties) at the root level */
:root {
    --primary-color: #002424;
    --text-secondary-color: #6c757d;
    --dark-blue-color: #001623;
    --light-blue-color: #8a949a;
    --light-active-color: #f9f8ee;
    --green-light-color: #75e696;
    --white-color: #ffffff;
    --tan-green-color: #019d9a;
    --gradient-green-color: Green;
    /* --green-gradient: linear-gradient(90deg, #75e696 0%, #019d9a 100%); */
    --green-gradient: linear-gradient(90deg, #019d9a 0%, #01a09b 100%);
    --font-family: "Inter", sans-serif;
    --heading-font-size: 16px;
}

/* Global styles using CSS variables */
* {
    font-family: var(--font-family);
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-padding-top: 6rem;
}

.site-logo a.custom-logo-link {
    display: flex;
}

button[type="submit"], .site .button:not(:hover):not(:active):not(.has-background),
/* button:not(:hover):not(:active):not(.has-background), */
input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
    border-radius: 50px;
    background: var(--green-gradient);
    height: 48px;
    line-height: 124%;
    transition: all 0.3s ease-in-out;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
    background-color: transparent;
    text-decoration: none;
    background-image: none;
    color: #515151;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    border-radius: 50px;
}

.site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
    background-color: transparent !important;
}

/* width */
::-webkit-scrollbar {
    width: 6px;
    height: 3px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--light-active-color);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--light-blue-color);
}

.site .button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
.wp-block-search .wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file a.wp-block-file__button:focus {
    outline-offset: 0;
    outline: none;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    outline: none !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
.site textarea:focus {
    outline-offset: 0;
    outline: none;
}

.primary-navigation .current-menu-item>a:first-child,
.primary-navigation .current_page_item>a:first-child,
.primary-navigation .current-menu-item>a:first-child:hover,
.primary-navigation .current_page_item>a:first-child:hover {
    text-decoration: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* Commen CSS */
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: none;
    color: inherit;
    text-decoration: none;
    outline: none;
    -webkit-text-fill-color: inherit;
}

.es-btn-com {
    border-radius: 150px;
    background: var(--white-color);
    display: flex;
    padding: 8px 8px 8px 20px;
    align-items: center;
    gap: 20px;
    color: #ffffff;
    font-size: clamp(16px, 1.25vw, 20px);
    text-decoration: none;
    font-weight: 600;
    line-height: 140%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.es-btn-com:focus,
.es-btn-com:hover {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209 213 219 / 40%) 0px 0px 0px 1px inset;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    background: var(--white-color) !important;
}

.dark-green-btn {
    background: var(--green-gradient);
}

.dark-green-btn:focus,
.dark-green-btn:hover {
    background: var(--green-gradient) !important;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.btn-arrow-icon {
    background: var(--dark-blue-color);
    padding: 10px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: -webkit-sticky;
}

.btn-arrow-icon svg {
    animation: arrow-move 3s ease 0.1s infinite forwards;
    -webkit-animation: arrow-move 3s ease 0.1s infinite forwards;
}

@keyframes arrow-move {
    0% {
        transform: translateY(20px) translateX(-20px);
        -webkit-transform: translateY(20px) translateX(-20px);
        -moz-transform: translateY(20px) translateX(-20px);
        -ms-transform: translateY(20px) translateX(-20px);
        -o-transform: translateY(20px) translateX(-20px);
    }

    100% {
        transform: translateX(30px) translateY(-20px);
        -webkit-transform: translateX(30px) translateY(-20px);
        -moz-transform: translateX(30px) translateY(-20px);
        -ms-transform: translateX(30px) translateY(-20px);
        -o-transform: translateX(30px) translateY(-20px);
    }
}

.color-gradient {
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    font-family: var(--font-family);
}

.light-th-wrapper {
    background: var(--light-active-color);
    padding: 8.75rem 1.25rem 5rem;
    position: relative;
}

.light-th-wrapper .entry-title {
    color: var(--primary-color);
    font-size: clamp(24px, 4.2vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 1.25rem;
}

/* Header CSS */

/* .myprefix-maybe-sticky:before {
    background: rgb(161 161 161 / 60%);
    content: "";
    position: absolute;
    width: 100%;
    height: 80px;
    left: 0;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: -2;
}

.myprefix-maybe-sticky .primary-navigation ul li a {
    color: var(--white-color);
} */

.site-header {
    position: absolute;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    transition: top 0.3s;
    display: flex;
    justify-content: space-between;
    left: 50%;
    transform: translateX(-50%);
    padding: 6px 40px;
    z-index: 999;
    height: 80px;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
}

/* .myprefix-maybe-sticky {
    opacity: 1;
    position: fixed;
}

.myprefix-show {
    opacity: 1;
} */

.site-header .primary-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    width: calc(100% - 190px);
}

.site-header .primary-navigation ul,
.site-header .primary-navigation li {
    margin: 0;
    padding: 0;
}

.site-header .primary-navigation li {
    display: inline-block;
    margin: 1.4em 1em 1em 1em;
}

.site-header .primary-navigation .current-menu-item a::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.primary-navigation a:hover,
.primary-navigation a:link,
.primary-navigation a:visited {
    color: var(--white-color);
}

body header#masthead.site-header .primary-navigation ul li a:focus {
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    box-shadow: none;
}

main.site-main {
    padding: 0;
}

.site-header .primary-navigation ul li a {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    outline: none;
    padding: 6px 0;
    display: inline-block;
    position: relative;
}

.coming-soon a:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    right: -12px;
    top: 16px;
    background: var(--green-gradient);
    border-radius: 50px;
    display: none;
}

.site-header .primary-navigation ul li a:hover {
    text-decoration: none;
}

.site-header .primary-navigation ul li a::after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background: var(--green-gradient);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.site-header .primary-navigation ul li a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.site-header .primary-navigation ul li {
    padding-right: 30px;
}

ul#secondary-menu-list li.menu-item {
    padding-right: 16px;
}

ul#secondary-menu-list li.menu-item:last-child {
    padding-right: 0;
}

.site-header .primary-navigation ul li:last-child {
    padding-right: 0;
}

.site-header .site-branding {
    margin: 0;
    z-index: 9;
}

/* Banner */
.banner-section {
    position: relative;
}

.hero-banner-video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

#top-video {
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

#top-video::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: var(--dark-blue-color);
    opacity: 0.5;
}

.hero-title {
    color: var(--white-color);
    z-index: 3;
    font-size: clamp(54px, 6.25vw, 120px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding: 0 1.25rem;
    font-family: var(--font-family);
}

.banner-content {
    z-index: 3;
    margin-top: 3rem;
}

/* Slider section */
.section_services-track {
    width: 100%;
    height: 300vw;
}

.services_camera {
    width: 100%;
    min-height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.services-frame {
    height: 100%;
    display: flex;
    position: relative;
}

.services_wrapper {
    display: flex;
}

.services-intro {
    width: 100vw;
    min-height: 100vh;
    position: relative;
}

.services-intro .col-rt-lt {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-width: 80vw;
    margin: 0 auto;
}

.col-rt-lt {
    padding: 2rem 5rem;
    width: 96%;
}

.services-intro .col-rt-lt>* {
    color: var(--primary-color);
}

.services-intro .col-rt-lt h2 {
    font-size: clamp(36px, 5.3vw, 100px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    font-family: var(--font-family);
}

.services-padding {
    height: 100%;
    padding: 5rem 3rem;
}

.container.services-section {
    height: 100%;
    grid-column-gap: 0rem;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

.services .col-rt-lt>* {
    color: var(--green-light-color);
}

.services .col-rt-lt h2 {
    font-size: clamp(28px, 4.2vw, 80px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 28px;
    font-family: var(--font-family);
}

.services .col-rt-lt p {
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    font-size: clamp(16px, 2vw, 20px);
}

.services .col-rt-lt .kWh-text,
.services .col-rt-lt h3 {
    color: var(--green-light-color);
    text-align: center;
    font-size: clamp(32px, 5.3vw, 100px);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    font-family: var(--font-family);
    margin-top: 112px;
}

.services .col-rt-lt h5 {
    color: var(--green-light-color);
    text-align: center;
    font-size: clamp(20px, 2.5vw, 40px);
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: auto;
    bottom: 3rem;
    left: 3rem;
    right: 3rem;
}

.product-image {
    z-index: 1;
    height: 65vh;
    margin-bottom: 22%;
    position: relative;
    display: inline-block;
}

.product-image img {
    height: 100%;
    object-fit: contain;
}

.container {
    z-index: 0;
    width: 100%;
    max-width: 1920px;
    grid-column-gap: 2.5rem;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}

.container.test {
    z-index: 2;
    position: relative;
}

.images_getting-home {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1.5fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.services {
    width: 50vw;
    min-height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.services_image1 {
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

/* Slider swipe */
.section_services-track .services-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-height: 100%;
}

.section_services-track .image-col {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -99;
}

.services-intro .tags {
    color: var(--primary-color);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    border-radius: 40px;
    border: 1px solid var(--primary-color);
    display: inline-flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.services-intro .content-col {
    display: flex;
    width: 100%;
    align-items: flex-end;
    gap: 20px;
    padding-top: 20rem;
    padding-bottom: 5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    background: linear-gradient(180deg, rgb(36 36 36 / 0%) 31%, rgb(0 0 0 / 65%) 116.2%);
}

.services-intro .left-col {
    width: 50%;
    display: block;
}

.desktop-image {
    height: 100%;
}

.section_services-track .image-col .m-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.content-col {
    z-index: 2;
    width: 40%;
    display: block;
    padding: 0 8rem 0 3rem;
}

.content-col .button-cta {
    display: flex;
    width: 300px;
    align-items: flex-end;
    justify-content: flex-end;
}

.services-intro .left-col {
    width: calc(100% - 300px);
    display: block;
}

.ct-title {
    color: var(--white-color);
    font-size: clamp(24px, 4.2vw, 80px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    font-family: var(--font-family);
}

.services-intro .ct-title {
    margin-bottom: 1.5rem;
    line-height: 110%;
}

.services-intro .ct-para {
    color: var(--White, #fff);
    font-family: Rebond Grotesque;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    max-width: 700px;
}

.content-col ul {
    color: var(--white-color);
    font-size: clamp(14px, 2vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    list-style: none;
    margin-bottom: 40px;
    margin-top: 24px;
}

.content-col ul li {
    position: relative;
    padding-left: 16px;
}

.content-col ul li:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: var(--white-color);
    border-radius: 50px;
    top: 0;
    left: 0;
    transform: translateY(13px);
    -webkit-transform: translateY(13px);
    -moz-transform: translateY(13px);
    -ms-transform: translateY(13px);
    -o-transform: translateY(13px);
}

.section_services-track .container-swap {
    justify-content: flex-start;
}

.content-img-section {
    height: 200vw;
}

/* vh-content image section */
.vh-sc-col {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    width: 100%;
    position: absolute;
}

.section_sticky-sections-tbx {
    width: 100%;
    height: 410vh;
}

.sticky-sections-tbx {
    min-height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.vh-content {
    width: 45%;
    padding: 0 6rem 0 2rem;
}

.vh-image {
    width: 55%;
    padding: 0 2rem 1rem 2rem;
    overflow: hidden;
}

.vh-content h3 {
    font-size: clamp(22px, 3.5vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    max-width: 600px;
    margin-bottom: 28px;
    font-family: var(--font-family);
}

.vh-content p {
    color: var(--light-blue-color);
    font-size: clamp(14px, 2.5vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.vh-image img {
    object-fit: contain;
    opacity: 1;
    z-index: 1;
}

.vh-sc-col.active .vh-image img {
    position: relative;
    z-index: 2;
}

.vh-sc-col.in-active .vh-image img {
    z-index: 3;
    position: relative;
}

.vh-sc-col.slide-active .vh-image img {
    z-index: 6 !important;
    position: relative;
}

.vh-sc-col .vh-content {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

.vh-sc-col.slide-active .vh-content {
    opacity: 1;
    visibility: visible;
}

.slide-up .vh-content {
    opacity: 1;
}

.sticky-sections-tbx .active .vh-content>*,
.sticky-sections-tbx .slide-active .vh-image img {
    animation: slide-bottom-up 0.5s ease 0s 1 alternate forwards;
    -webkit-animation: slide-bottom-up 0.5s ease 0s 1 alternate forwards;
}

.sticky-sections-tbx .slide-up .vh-content>*,
.sticky-sections-tbx .slide-up .vh-image img {
    animation: slide-up-bottom 0.5s ease 0s 1 alternate forwards;
    -webkit-animation: slide-up-bottom 0.5s ease 0s 1 alternate forwards;
}

@keyframes slide-bottom-up {
    0% {
        transform: translateY(100vh);
        -webkit-transform: translateY(100vh);
        -moz-transform: translateY(100vh);
        -ms-transform: translateY(100vh);
        -o-transform: translateY(100vh);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes slide-up-bottom {
    0% {
        transform: translateY(-100vh);
        -webkit-transform: translateY(-100vh);
        -moz-transform: translateY(-100vh);
        -ms-transform: translateY(-100vh);
        -o-transform: translateY(-100vh);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

/* on hover */
.wrapper_message {
    z-index: 0;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: static;
    min-height: 100vh;
    justify-content: center;
}

.fill-text-item {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
}

.texture-pink {
    -webkit-text-fill-color: transparent;
    background: var(--white-color);
    background-position: 50%;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
}

.fill-text-row {
    opacity: 0.3;
    position: relative;
}

.fill-text-hover-row {
    white-space: nowrap;
    position: absolute;
    left: 0;
    overflow: hidden;
}

.question-text {
    padding-bottom: 0.5rem;
    font-family: var(--font-family);
    font-size: clamp(24px, 6.25vw, 80px);
    font-weight: 600;
    line-height: 111%;
}

.question-text.texture-pink {
    position: static;
}

/* Inner section scroll */
/* Styling for the fixed section */
li.inner-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 1em;
}

.slide-img {
    overflow: hidden;
}

.slide-img img {
    width: 100%;
}

.media-single-col {
    overflow: hidden;
}

.image-col {
    overflow: hidden;
    position: relative;
}

.video-col video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.video-col {
    position: relative;
    min-height: 100vh;
    width: 100%;
}

/* img video col section*/
.bg-image {
    min-height: 100vh;
    overflow: hidden;
    position: relative;
}

.bg-image img {
    height: 100% !important;
    object-fit: cover;
    position: absolute;
}

.flexible-grid-wrapper .bg-image img {
    position: unset;
}

.media-single-col .heading-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    max-width: 1200px;
    width: 100%;
    text-align: center;
    color: var(--primary-color);
}

.media-single-col .heading-text h3 {
    font-size: clamp(36px, 4.2vw, 80px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    padding: 0 1.25rem;
    font-family: var(--font-family);
}

/* Slider CSS sucuss story */
section.success-stories {
    padding: 7.5rem;
    background: var(--dark-blue-color);
    position: relative;
    overflow: hidden;
    display: block;
}

.success-stories:before,
.success-stories:after {
    content: "";
    position: absolute;
    border-radius: 838px;
    background: var(--green-gradient);
    -webkit-filter: blur(400px);
    width: 400px;
    height: 400px;
    top: -70px;
    left: -60px;
    z-index: 0;
    border-radius: 511px;
    background: var(--green-gradient);
    filter: blur(200px);
    z-index: 0;
}

section.success-stories:after {
    bottom: -60px;
    right: -60px;
    top: unset;
    left: unset;
}

section.success-stories .b-title {
    color: var(--white-color);
    margin-bottom: 3rem;
    z-index: 9;
    position: relative;
}

.success-stories .slick-track {
    display: flex;
    gap: 20px;
}

.slide-container.slick-active .slide-wrapper {
    display: block;
    opacity: 1;
}

.slide-container .slide-wrapper {
    opacity: 0.4;
}

.success-slides {
    position: relative;
    z-index: 99;
}

.success-slides button.slick-arrow {
    position: absolute;
    top: 40%;
    z-index: 9;
    transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
}

.success-slides button.slick-prev {
    left: 140px;
}

.success-slides button.slick-next {
    right: 140px;
}

.slick-next::before {
    background-image: url(/wp-content/uploads/2023/07/rt-arrow-btn.svg);
    content: "" !important;
    position: absolute;
    width: 36px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    font-size: 0;
    top: -5px;
    left: -10px;
}

.slick-prev::before {
    background-image: url(/wp-content/uploads/2023/07/lt-arrow-btn.svg);
    content: "" !important;
    position: absolute;
    width: 36px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    font-size: 0;
    top: -5px;
    right: -10px;
}

button.slick-arrow {
    background: none !important;
    position: relative;
    font-size: 0;
}

button.slick-arrow:hover::before {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.success-slides.slick-slider .slick-dots li button:before {
    width: 9px !important;
    height: 9px !important;
    color: rgba(255, 255, 255, 0) !important;
}

.slide-info h5 {
    color: var(--green-light-color);
    font-size: clamp(16px, 1.3vw, 24px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-top: 28px;
    margin-bottom: 28px;
}

.client-info {
    display: flex;
}

.client-info .col-1 {
    display: flex;
    width: 35%;
    padding-right: 40px;
    height: fit-content;
}

.client-info .col-2 {
    width: 65%;
    padding-left: 40px;
    border-left: 1px solid var(--white-color);
}

.client-info .col-2 .description,
.client-info .col-2 p {
    color: var(--white-color);
    font-size: clamp(15px, 1.2vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.client-info .name {
    color: var(--white-color);
    font-size: clamp(15px, 1.1vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.client-info .col-1 .designation {
    color: var(--light-blue-color);
    font-size: clamp(14px, 1.2vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.client-info .col-1 img {
    margin-right: 20px;
    border-radius: 8px;
    width: 80px;
    height: 100%;
    object-fit: contain;
}

.slide-container .slide-wrapper .client-info,
.slide-container .slide-wrapper .slide-info h5 {
    opacity: 0;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.slide-container.slick-active .slide-wrapper .client-info,
.slide-container.slick-active .slide-wrapper .slide-info h5 {
    opacity: 1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    animation: content-up 0.9s ease 0.5s 1 normal both;
    -webkit-animation: content-up 0.9s ease 0.5s 1 normal both;
}

@keyframes content-up {
    0% {
        opacity: 0;
        transform: translateY(250px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Footer CSS */
.site-footer {
    padding-top: 5rem;
    background: var(--primary-color);
    position: relative;
}

.ft-more-wrapper {
    margin-bottom: 3.75rem;
    margin-top: 2rem;
}

.ft-content-col {
    color: var(--green-light-color);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    max-width: 60%;
}

.ft-content-col h2 {
    color: var(--white-color);
    font-family: var(--font-family);
    font-size: clamp(32px, 4.2vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.ft-content-col p {
    color: var(--green-light-color);
    font-size: clamp(14px, 1.2vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 24px;
}

.footer-wrapper {
    max-width: 100%;
    margin: 0 auto;
    background: none;
    z-index: 2;
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-content: center;
    border-top: 2px solid rgb(255 255 255 / 20%);
    border-bottom: 2px solid rgb(255 255 255 / 20%);
}

.footer-wrapper * {
    color: var(--white-color);
    list-style: none;
    text-decoration: none;
}

.powered-by {
    color: var(--Dark-Blue-200, #8a949a);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.site-info {
    text-align: center;
    color: var(--white-color);
    z-index: 2;
    position: relative;
    padding: 20px;

    max-width: 100%;
    margin: 0 auto;
}

.social-links {
    list-style: none;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.social-wrapper {
    display: flex;
    align-items: flex-start;
    margin-top: 3.75rem;
    flex-direction: column;
}

.social-wrapper span.follow {
    font-size: clamp(18px, 2vw, 24px);
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.social-wrapper ul.social-links {
    margin-top: 2rem;
}

.social-wrapper ul.social-links a img {
    width: 40px;
}

.social-wrapper ul.social-links a:hover img {
    opacity: 0.7;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.widget-one p {
    font-family: var(--font-family);
    font-size: clamp(14px, 1.2vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.footer-desc>* {
    color: var(--white-color);
    font-size: clamp(13px, 1.2vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.footer-address {
    display: flex;
    align-items: center;
    max-width: 340px;
    margin-top: 24px;
}

.footer-address>* {
    color: var(--white-color);
    font-size: clamp(13px, 1.5vw, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.footer-address i {
    display: flex;
    margin-right: 12px;
}

.ft-image-logo {
    width: 100%;
    max-width: 176px;
}

.ft-image-logo img {
    max-width: 100% !important;
}

.footer-desc>* {
    font-size: clamp(13px, 1.2vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.footer-address>* {
    font-size: clamp(13px, 1.5vw, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.footer-wrapper p.footerHeading {
    font-size: clamp(20px, 2vw, 24px);
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 1.5rem;
}

.widget-two ul li,
.widget-three ul li {
    margin-bottom: 0.75rem;
}

.widget-two ul li a,
.widget-three ul li a {
    font-size: clamp(14px, 1.2vw, 18px);
    margin-bottom: 12px;
    position: relative;
    transition: all 0.5s ease-in-out;
    font-family: var(--font-family);
    font-weight: 600;
    line-height: 140%;
}

.widget-two ul li a:hover,
.widget-three ul li a:hover {
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.51s ease-in-out;
    -moz-transition: all 0.51s ease-in-out;
    -ms-transition: all 0.51s ease-in-out;
    -o-transition: all 0.51s ease-in-out;
}

.row1,
.row2 {
    display: inline-flex;
    gap: 10px;
    align-items: flex-start;
}

.footer-address p,
.footer-desc p {
    color: var(--White, #fff);
    font-size: clamp(14px, 1.2vw, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.row2 svg {
    width: 56px;
    height: 28px;
}

.row1 svg {
    width: 28px;
    height: 20px;
}

.newletter {
    position: relative;
    height: 60px;
    margin-top: 20px;
}

.newletter .mc4wp-form-fields input[type="email"] {
    border: 1px solid var(--white-color);
    color: var(--white-color);
    font-size: clamp(14px, 1.5vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 14px 55px 14px 16px;
    background: none;
    position: absolute;
    width: 100%;
    height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* border-radius: 8px;
     */
}

.newletter .mc4wp-form-fields button {
    border-radius: 0 !important;
}

.newletter .mc4wp-response {
    position: absolute;
    bottom: -12px;
}

.newletter .mc4wp-response .mc4wp-error p {
    color: #e76c73;
}

input::placeholder,
input:-ms-input-placeholder,
input::-ms-input-placeholder {
    color: var(--white-color);
}


input[type="email"]::-webkit-input-placeholder {
    color: var(--white-color);
}

.newletter .mc4wp-form-fields {
    position: relative;
    display: contents;
}

.newletter .mc4wp-form-fields button {
    position: absolute;
    right: -1px;
    top: 1px;
    padding: 2px;
    width: 50px;
    font-size: 0;
    background: var(--green-gradient);
    height: 48px;
}

.newletter .mc4wp-form-fields button .mailchimp-loader svg {
    width: 36px;
    height: 36px;
}

.newletter .mc4wp-form-fields button .mailchimp-loader svg path {
    fill: var(--primary-color);
}

.footer-app {
    display: block;
    position: relative;
    padding-top: 40px;
    margin-top: 40px;
}

.footer-app:before {
    content: "";
    position: absolute;
    border-top: 2px solid rgb(255 255 255 / 20%);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
}

.footer-app ul {
    display: flex;
    gap: 16px;
    align-items: center;
}

.footer-app ul li a {
    display: block;
    margin: 0;
}

.footer-app ul li {
    margin: 0;
}

.footer-app ul li a img {
    width: 100%;
}

.footer-app h4 {
    padding: 0;
}

.ft-mobile-col {
    margin-bottom: 40px;
    padding-bottom: 40px;
    margin-top: 0;
    padding-top: 0;
    display: none;
}

.ft-mobile-col:before {
    display: none;
}

.ft-mobile-col:after {
    content: "";
    position: absolute;
    border-top: 2px solid rgb(255 255 255 / 20%);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
}

/* Blog Section */
.future-blog {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-column-gap: 2.5rem;
}

.bg-container {
    max-width: 80%;
    margin: 0 auto;
    display: block;
}

.upper-section-blog {
    background: var(--light-active-color);
    padding-top: 8.75rem;
    padding-bottom: 7.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.content-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem 2.5rem 2.5rem 0;
}

.bg-title-heading {
    display: flex;
    margin-bottom: 3.75rem;
}

.main-bg-title {
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(32px, 6vw, 80px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.bg-title {
    color: var(--primary-color);
    font-size: clamp(24px, 4.2vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 1.25rem;
}

.bg-future-image {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.bg-future-image:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2023/07/Latest-Tag.svg);
    width: 140px;
    height: 140px;
    background-repeat: no-repeat;
    right: -10px;
    top: -10px;
    background-size: contain;
    z-index: 99;
    animation: new-post 3s ease 1s infinite normal forwards;
}

@keyframes new-post {
    0% {
        animation-timing-function: ease-out;
        transform: scale(1);
        transform-origin: center center;
    }

    10% {
        animation-timing-function: ease-in;
        transform: scale(0.91);
    }

    17% {
        animation-timing-function: ease-out;
        transform: scale(0.98);
    }

    33% {
        animation-timing-function: ease-in;
        transform: scale(0.87);
    }

    45% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }
}

.bg-future-image img {
    height: 100% !important;
    object-fit: cover;
}

.content-section .blog-read-more {
    justify-content: flex-start;
}

.blog-section {
    max-width: 90%;
    margin: 0 auto;
    width: 100%;
    padding-top: 140px;
    padding-bottom: 140px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.blog-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 1em;
}

.blog-article:nth-child(2) {
    padding-top: 0;
}

.blog-article:first-child {
    padding-top: 130px;
}

.blog-article:last-child {
    margin-top: -130px;
    display: flex;
    height: fit-content;
}

.blog-title-col {
    position: absolute;
    top: 0;
    left: 0;
}

.blog-container {
    position: relative;
}

.b-title {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: clamp(28px, 3.2vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    font-family: var(--font-family);
}

.blog-more-col {
    position: absolute;
    right: 0;
    bottom: 0;
}
.blog-more-col .btn-arrow-icon svg path {
    fill: #ffffff;
}
.blog-article {
    padding-top: 16px;
    height: fit-content;
}

.inner-card {
    background: var(--light-active-color);
    padding: 20px;
    position: relative;
}

.blog-grid #post-grid-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.ajax-loader {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: var(--light-active-color);
    opacity: 0.5;
}

/* .bg-col-three #post-grid-wrapper {
     grid-template-columns: 1fr 1fr 1fr;
}
 */
ul#category-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 1.25rem;
    row-gap: 0.75rem;
    margin-bottom: 3.75rem;
    margin-top: 2.5rem;
}

.mid-section-blog {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}

.bg-child-container {
    max-width: 94%;
    margin: 0 auto;
}

.bg-child-title {
    color: var(--primary-color);
    font-size: clamp(32px, 5.2vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

ul#category-list .post-cat a {
    text-decoration: none;
    color: var(--light-blue-color);
    font-size: clamp(14px, 2vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border-radius: 150px;
    border: 1px solid var(--light-blue-color);
    display: flex;
    padding: 4px 16px;
    align-items: center;
    gap: 20px;
}

ul#category-list .post-cat.active a {
    background: var(--primary-color);
    color: var(--white-color);
}

ul#category-list .post-cat a:hover {
    transition: all 1s ease-in-out;
    background: var(--primary-color);
    color: var(--white-color);
}

#post-grid-wrapper .inner-card .insights-img {
    overflow: hidden;
    border-radius: 8px;
}

#post-grid-wrapper .inner-card .insights-img img,
.related-thumbnail .post-grid-media img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#post-grid-wrapper .inner-card:hover .insights-img img,
.related-pro:hover .post-grid-media img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.custom-pagination ul {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 9px;
}

.custom-pagination ul .page-list .page-numbers {
    border-radius: 30px;
    border: 1px solid #8a949a;
    display: flex;
    padding: 16px 0px 15px 0px;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    text-decoration: none;
}

span.page-numbers.current {
    border-radius: 30px;
    border: 1px solid var(--dark-blue-color);
}

.custom-pagination ul .page-list a.next,
.custom-pagination ul .page-list a.next:focus,
.custom-pagination ul .page-list a.prev,
.custom-pagination ul .page-list a.prev:focus {
    border-radius: 150px;
    background: var(--green-gradient) !important;
    display: flex;
    padding: 8px 24px;
    align-items: center;
    gap: 4px;
    width: auto;
    border: none;
    color: var(--white-color);
}

.custom-pagination ul .page-list a.next:hover {
    opacity: 0.8;
}

.custom-pagination ul .page-list .page-numbers.current {
    opacity: 0.6;
}

.bg-col-three .pagination-wrapper.custom-pagination {
    grid-area: 4 / 1 / span 2 / span 3;
    padding-top: 5rem;
}

.blog-article:first-child .inner-card:before {
    content: "";
    position: absolute;
    background-image: url("/wp-content/uploads/2023/07/Latest-Tag.svg");
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    background-size: contain;
    z-index: 99;
}

.blogs-title {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: clamp(16px, 2vw, 24px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    min-height: 50px;
}

.blogs-meta {
    color: var(--light-blue-color);
    font-family: var(--font-family);
    font-size: clamp(14px, 2vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 20px;
}

.blog-img {
    margin-bottom: 20px;
    border-radius: 8px;
    background: var(--primary-color);
    overflow: hidden;
}

.blog-article:hover .blog-img img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.blog-article:hover .inner-card {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
}

.blog-img img,
.blog-article .inner-card {
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.blog-read-more {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
}

.blog-read-more a {
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--font-family);
    font-size: clamp(16px, 2vw, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.icon-arrow-bg {
    display: flex;
    align-items: center;
    margin-left: 12px;
    width: clamp(26px, 6.6vw, 39px);
    height: clamp(26px, 6.6vw, 39px);
}

.icon-arrow-bg svg {
    width: 100%;
    height: 100%;
}

.insights-title {
    color: var(--primary-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 0.75rem;
    display: block;
}

.insights-content>a {
    text-decoration: none;
    margin-top: 1.25rem;
    display: block;
}

.date-read-time>i {
    margin: 0 5px;
}

.main-blog:has(.newsletter-section) {
    padding-bottom: 8.75rem;
}

/* =====Blog Single Page CSS========= */
.cus-single-blog-wrapper .post img.size-large,
.cus-single-blog-wrapper .post img.size-medium {
    max-width: 100% !important;
}

.cus-single-post {
    padding-bottom: 2.5rem;
}

.cus-single-post:has(.custom-related-prod) {
    padding-bottom: 0;
}

.cus-single-blog-wrapper .post li a,
.cus-single-blog-wrapper .post p a,
.cus-single-blog-wrapper .post li a:focus,
.cus-single-blog-wrapper .post p a:focus {
    color: #00bdb9 !important;
    text-decoration: inherit !important;
}

.cus-single-blog-wrapper {
    background: var(--light-active-color);
    padding: 8.75rem 1.25rem 5rem;
    margin-bottom: 8.75rem;
    position: relative;
}

.cus-single-blog-wrapper .post,
.cus-single-blog-wrapper .previous-next {
    max-width: 1200px;
    margin: 0 auto;
}

.single-post .cus-single-blog-wrapper h2 {
    color: var(--primary-color);
    font-size: clamp(24px, 1.7vw, 36px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-top: 4px;
    margin-bottom: 8px;
}

.single-post .cus-single-blog-wrapper h3 {
    color: var(--primary-color);
    font-size: clamp(18px, 1.7vw, 24px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-top: 18px;
    margin-bottom: 8px;
}

.single-post .cus-single-blog-wrapper h4 {
    color: var(--primary-color);
    font-size: clamp(16px, 1.4vw, 20px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-top: 4px;
    margin-bottom: 8px;
}

.custom-default-page .primary-navigation a:hover,
.custom-default-page .primary-navigation a:link,
.custom-default-page .primary-navigation a:visited,
.single-post:has(.cus-single-post) .primary-navigation a:hover,
.single-post:has(.cus-single-post) .primary-navigation a:link,
.single-post:has(.cus-single-post) .primary-navigation a:visited,
.page-template-blog-listings:has(.main-blog) .primary-navigation a:hover,
.page-template-blog-listings:has(.main-blog) .primary-navigation a:link,
.page-template-blog-listings:has(.main-blog) .primary-navigation a:visited,
.page-template-review-listing .primary-navigation a:hover,
.page-template-review-listing .primary-navigation a:link,
.page-template-review-listing .primary-navigation a:visited,
body:has(.light-theme) .primary-navigation a:hover,
body:has(.light-theme) .primary-navigation a:link,
body:has(.light-theme) .primary-navigation a:visited {
    color: var(--primary-color);
}

.single-post.myprefix-maybe-sticky:has(.cus-single-post) .primary-navigation a {
    color: var(--primary-color) !important;
}

.custom-default-page .primary-navigation #primary-mobile-menu svg path,
.single-post:has(.cus-single-post) .primary-navigation #primary-mobile-menu svg path,
.page-template-blog-listings:has(.main-blog) .primary-navigation #primary-mobile-menu svg path,
.page-template-review-listing .primary-navigation #primary-mobile-menu svg path,
body:has(.light-theme) .primary-navigation #primary-mobile-menu svg path {
    fill: var(--primary-color);
}

.custom-default-page .primary-navigation #primary-mobile-menu svg rect,
.single-post:has(.cus-single-post) .primary-navigation #primary-mobile-menu svg rect,
.page-template-blog-listings:has(.main-blog) .primary-navigation #primary-mobile-menu svg rect,
.page-template-review-listing .primary-navigation #primary-mobile-menu svg rect,
body:has(.light-theme) .primary-navigation #primary-mobile-menu svg rect {
    stroke: var(--primary-color);
}

.cus-single-blog-wrapper .entry-title {
    color: var(--primary-color);
    font-size: clamp(24px, 4.2vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 1.25rem;
}

.cus-single-blog-wrapper .post-meta {
    color: var(--light-blue-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 3.75rem;
}

.cus-single-blog-wrapper .entry-content ol,
.cus-single-blog-wrapper .entry-content ul {
    padding-left: 25px;
}

.cus-single-blog-wrapper .entry-content>* {
    color: var(--primary-color);
    font-size: clamp(16px, 1.5vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.cus-single-blog-wrapper .entry-content ol li,
.cus-single-blog-wrapper .entry-content ul li {
    margin-bottom: 10px;
    margin-top: 5px;
}

.cus-single-blog-wrapper figure.post-thumbnail {
   
    overflow: hidden;
    margin-bottom: 3.75rem;
}
.cus-single-blog-wrapper figure.post-thumbnail img{
	 border-radius: 20px;
}
.cus-single-blog-wrapper .previous-next {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5rem;
}

.previous-next a,
.previous-next a:focus {
    border-radius: 150px;
    background: var(--green-gradient) !important;
    color: var(--white-color);
    font-size: clamp(14px, 1.2vw, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    display: inline-flex;
    padding: 8px 24px;
    align-items: center;
    gap: 4px;
    text-decoration: none;
}

.previous-next .disabled a {
    opacity: 0.4;
    cursor: none;
    pointer-events: none;
    user-select: none;
}

.custom-related-prod .cus-related-slider {
    display: grid;
    /* grid-template-columns: 1fr 1fr 1fr;
     */
    grid-auto-columns: 1fr;
    gap: 1.25rem;
    row-gap: 1.25rem;
}

.custom-related-prod {
    max-width: 96%;
    margin: 0 auto;
    padding: 8.75rem 1.2rem;
}

.custom-related-prod h2 {
    margin-bottom: 3.75rem;
    color: var(--primary-color);
    font-size: clamp(32px, 5.2vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
}

.post-grid-holder {
    background: var(--light-active-color);
    padding: 20px;
    position: relative;
}

article.related-pro.post-grid-article {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.related-thumbnail .post-grid-media {
    overflow: hidden;
    border-radius: 8px;
}

.related-thumbnail {
    display: block;
    margin-bottom: 1.25rem;
}

.related-pro .post-grid-title {
    color: var(--primary-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 0.75rem;
    display: block;
}

.date-read-time {
    color: var(--light-blue-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.related-pro .post-meta {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cus-single-blog-wrapper .post-sharing-sticky {
    width: 100%;
    height: 100%;
    max-width: 6.25rem !important;
    position: absolute;
    top: 0%;
    bottom: auto;
    right: 2%;
    left: auto;
    padding-bottom: 10%;
}

.social-share-icons {
    background: var(--white-color);
    padding: 20px 20px;
    width: 100%;
    grid-row-gap: 1.25rem;
    border-radius: 1rem;
    flex-direction: column;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 20rem;
}

.social-share-icons a {
    display: block;
}

.social-share-icons svg {
    width: clamp(32px, 5.2vw, 56px);
    height: clamp(32px, 5.2vw, 56px);
}

.social-share-icons span {
    color: var(--light-blue-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.newsletter-section {
    max-width: 94%;
    margin: 0 auto;
    padding: 5rem;
    border-radius: 20px;
    background: var(--primary-color);
    display: flex;
    gap: 20px;
    position: relative;
    overflow: hidden;
}

.newsletter-section:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2023/08/vector-newsletter.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 86px;
    left: 0;
    bottom: -1px;
}

.news-contant-col {
    width: 50%;
}

.form-news-letter {
    width: 50%;
    position: relative;
    display: flex;
}

.ns-title {
    color: var(--green-light-color);
    font-size: clamp(32px, 3.2vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 1.25rem;
}

.news-contant-col p {
    color: var(--green-light-color);
    font-size: clamp(16px, 1.5vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.form-news-letter .mc4wp-form-fields input[type="email"] {
    border: 1px solid var(--white-color);
    color: var(--white-color);
    font-size: clamp(14px, 1.5vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 14px 55px 14px 16px;
    background: none;
    position: absolute;
    width: 100%;
    height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.form-news-letter .mc4wp-form-fields {
    position: relative;
    display: block;
    width: 100%;
}

.form-news-letter .mc4wp-form-fields button {
    position: absolute;
    top: 1px;
    right: -1px;
    padding: 2px;
    width: 50px;
    font-size: 0;
    background: var(--green-gradient);
    height: 48px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.form-news-letter .mc4wp-form-fields button .mailchimp-loader svg path {
    fill: var(--primary-color);
}

.form-news-letter form {
    display: flex;
    align-items: center;
    width: 100%;
}

.form-news-letter .mc4wp-response {
    position: absolute;
    bottom: -70px;
    color: #f44336;
}

a.link-bottom {
    color: #009688;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    display: inline-block;
    /* text-decoration: unset;
     */
    /* margin-bottom: 20px; */
}

/* Page Bluider CSS */
.grid-wrap {
    /* height: 110vh;
     */
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
    padding: 8.75rem 1.25rem;
}

.grid-inner-col {
    z-index: 2;
    width: 100%;
    height: 100%;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.item {
    background-color: var(--primary-color);
    color: var(--white-color);
    /* border-radius: 1rem;
     */
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    /* padding-bottom: 2rem;
     padding-left: 2rem;
     padding-right: 2rem;
    */
    display: flex;
    position: relative;
    overflow: hidden;
}

/* New HOme Page Section */
.grid-wrap-home {
    max-width: 1600px;
    width: 98%;
    margin: 0 auto;
    padding: 6.75rem 1.25rem 1rem;
}

.title_gr__main {
    font-weight: 600;
    font-size: clamp(32px, 6.1vw, 72px);
    line-height: 130%;
    letter-spacing: 0%;
    margin-bottom: 80px;
    max-width: 1200px;
}

.grid-wrap-home .grid .grid-1 img {
    position: unset;
    object-fit: unset;
    width: 100%;
    height: auto;
    max-width: 245px;
    /* transform: translateY(40px); */
}

.grid-wrap-home .grid .in_htext {
    color: #fff;
    font-size: clamp(24px, 2.55vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding: 0;
}

.grid-wrap-home .grid-3 .in_htext {
    font-size: clamp(24px, 1.75vw, 32px);
}

.grid-wrap-home .grid-3 img {
    padding: 0;
    transform: translateY(40px);
    max-width: 300.151px;
    max-height: 352.049px;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.grid-wrap-home .item {
    padding: 40px;
    background-repeat: no-repeat;
    background-size: cover;
}

.grid-wrap-home .grid-inner-col.grid .item {
    width: auto;
    align-items: unset;
}

.grid-wrap-home .grid-1 {
    flex-direction: row;
    gap: 40px;
    justify-content: space-between;
}

.grid-wrap-home .grid-inner-col.grid {
    grid-template-rows: auto auto;
    grid-template-columns: repeat(12, 1fr);
    display: grid;
    position: relative;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
}

.grid-wrap-home .grid-inner-col.grid .item.grid-1 {
    grid-area: 1 / 1 / span 1 / span 7;
    padding-bottom: 0;
}

.grid-wrap-home .grid-inner-col.grid .item.grid-2 {
    grid-area: 1 / 8 / span 1 / span 5;
    justify-content: flex-start;
}

.grid-wrap-home .grid-inner-col.grid .item.grid-3 {
    grid-area: 2 / 1 / span 1 / span 5;
}

.grid-wrap-home .grid-inner-col.grid .item.grid-4 {
    grid-area: 2 / 6 / span 1 / span 7;
}

.grid-wrap-home .grid-inner-col.grid .item.grid-2 img {
    position: absolute;
    max-width: 250px;
    max-height: clamp(240px, 20.55vw, 300px);
    width: 100%;
    height: 100%;
    right: 40px;
    bottom: 0;
}

.grid-wrap-home .grid-inner-col.grid .item.grid-4 .in_htext {
    display: flex;
    position: absolute;
    bottom: 40px;
    width: 90%;
}

.tag-line-kh {
    display: block;
    color: var(--Bright-Green-500, #75E696);
    font-size: clamp(24px, 1.75vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-top: 16px;
}

.make-everpara {
    color: var(--White, #FFF);
    font-size: clamp(16px, 1.1vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 12px;
}

/* sec section */
.productCarousel .row {
    max-width: 1300px;
    width: 94%;
    margin: 0 auto;
    /* overflow: hidden; */
}

/* .productCarousel .row  .productSwiper{
    overflow: hidden;
} */
.productCarousel .slick-dots {
    display: none;
}

.productCarousel .slick-track {
    display: flex;
    gap: 40px;
}

.productCarousel {
    padding: 120px 20px;
}

.productCarousel .card-inner-swp {
    min-height: 450px;
    max-height: 650px;
    padding: 40px 40px 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    user-select: none;
    cursor: grab;
    overflow: hidden;
}

.productCarousel .card-inner-swp .img-sp {
    transform: translateY(2px);
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}

.swp-title {
    font-family: 'Inter';
    font-size: clamp(24px, 5.25vw, 32px);
    font-style: normal;
    font-weight: 600;
    color: #ffff;
    line-height: 110%;
    margin-bottom: 24px;
}

.swp-para p {
    color: var(--White, #FFF);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.buttons-shops a {
    color: var(--White, #FFF);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 25.2px */
    text-decoration: none;
    display: inline-flex;
    padding: 12px 30px;
    justify-content: center;
    align-items: center;
    border-radius: 150px;
    outline: none;
    transition: 0.5s;
}

.buttons-shops a:hover {
    transform: translateY(-2px);
    opacity: 0.8;
    transition: 0.5s;
}

.buttons-shops {
    margin-top: 30px;
    display: flex;
    gap: 16px;
}

.buttons-shops a.dark {
    border-radius: 150px;
    background: var(--green-gradient) !important;
    border: none;
    color: var(--Green-1300, #001C1B) !important;

}

.buttons-shops a.light {
    border: 1px solid var(--White, #FFF) !important;
    color: #ffffff !important;
}

.shop-icon {
    width: 24px;
    height: 24px;
    margin-right: 6px;
}

.buttons-shops a.light .shop-icon {
    display: none;
}

/* New HOme Page  End */

.grid-inner-col .item:first-child {
    width: 34vw;
}

.track-card {
    border-radius: 12px;
    background: var(--white-color);
    display: flex;
    padding: 12px;
    width: 100%;
    max-width: 85%;
    margin-bottom: 2.5rem;
}

.in-co-text h6 {
    color: var(--light-blue-color);
    font-size: clamp(0.85rem, 1.1vw, 1.125rem);
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-top: 12px;
}

.in-co-text .icon-text h6 {
    color: var(--primary-color);
    font-size: clamp(0.85rem, 1.1vw, 1.125rem);
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
}

.icon-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.icon-text i {
    margin-right: 12px;
    display: flex;
}

.in-co-text:first-child {
    border-right: 1px solid rgba(213, 220, 223, 0.8);
    padding-right: 12px;
    padding-left: 0;
}

.in-co-text {
    padding-left: 12px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.item-1 {
    grid-area: 1 / 1 / span 12 / span 1;
}

.item-2 {
    grid-area: 1 / 2 / span 4 / span 1;
}

.item-3 {
    grid-area: 5 / 2 / span 8 / span 1;
}

.item-4 {
    grid-area: 1 / 3 / span 8 / span 1;
}

.item-5 {
    grid-area: 9 / 3 / span 4 / span 1;
    background: none;
}

.item img {
    padding-top: 1.25rem;
}

.item h2 {
    color: var(--green-light-color);
    font-size: clamp(2.4rem, 3.15vw, 3.75rem);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    padding: 2.5rem 2.5rem 1.25rem;
}

.item h4 {
    color: var(--green-light-color);
    font-size: clamp(1.4rem, 1.7vw, 2rem);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    padding: 2.5rem 2.5rem 1.25rem;
}

.item h3 {
    color: var(--green-light-color);
    font-size: clamp(2rem, 2.1vw, 2.5rem);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    padding: 2.5rem 2.5rem 0.25rem;
    z-index: 3;
}

.item-4 img {
    position: absolute;
    z-index: 0;
    padding: 0;
    height: 100%;
    object-fit: cover;
    top: 0;
}

.grid-inner-col.grid {
    grid-template-columns: 1fr 1fr;
}

.grid-inner-col.grid .item:first-child {
    width: 100%;
}

.grid-1 {
    grid-area: 1 / 1 / span 6 / span 2;
}

.grid-2 {
    grid-area: 1 / 3 / span 6 / span 1;
}

.grid-3 {
    grid-area: 7 / 1 / span 6 / span 1;
    width: 33vw;
}

.grid-4 {
    grid-area: 7 / 2 / span 6 / span 2;
    background: none;
}

.grid-3 img {
    padding: 2.5rem 2.5rem 0;
}

.grid-4 img {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: cover;
}

.left-child-text {
    max-width: 800px;
}

.left-child-text h2 {
    color: var(--light-active-color);
    font-size: clamp(2.25rem, 5.25vw, 6.25rem);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    font-family: var(--font-family);
}

.left-child-text p {
    color: var(--light-active-color);
    font-size: clamp(0.875rem, 1.25vw, 1.125rem);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 24px;
}

.builder-media-col .heading-text {
    max-width: 100%;
    width: 100%;
    padding: 0 2.5rem;
}

.builder-media-col .color-gradient {
    background: none;
    -webkit-text-fill-color: var(--green-light-color);
}

.center-child-text h2 {
    color: var(--white-color);
    font-size: clamp(2rem, 5.25vw, 5rem);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    font-family: var(--font-family);
}

.center-child-text .color-gradient {
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: clamp(2rem, 5.25vw, 5.25rem);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.center-child-text p {
    color: var(--white-color);
    text-align: center;
    font-size: clamp(0.875rem, 5.25vw, 1.25rem);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-top: 28px;
}

.center-child-text {
    max-width: clamp(18.75rem, 60.25vw, 64rem);
    margin: 0 auto;
    align-items: center;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 4rem 1.25rem;
}

.center-child-text:before {
    content: "";
    position: absolute;
    border-radius: 848px;
    opacity: 0.2;
    background: var(--green-light-color);
    filter: blur(272px);
    height: 100%;
    width: 100%;
    bottom: -25%;
    z-index: -1;
}

.center-child-text i lottie-player {
    max-width: 220px;
    margin-bottom: 30px;
}

.builder-media-col:has(.center-child-text) .bg-image {
    display: none;
}

.builder-media-col:has(.center-child-text) .heading-text {
    position: unset;
    transform: unset;
}

.page-bulider .texture-pink {
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-bulider .wrapper_message {
    padding: 8.75rem 2.5rem 0;
    height: 100%;
}

section#scroll-text-section {
    overflow: visible !important;
}

.page-bulider .wrapper_message .section-image {
    padding-top: 6.25rem;
    position: relative;
}

.page-bulider .wrapper_message .section-image:before {
    content: "";
    position: absolute;
    border-radius: 1214px;
    opacity: 0.2;
    background: var(--green-gradient);
    filter: blur(272px);
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.autoplay-green {
    border-radius: 20px;
    background: #6ad189;
}

.autoplay-orange {
    border-radius: 20px;
    background: #fd9103;
}

.autoplay-red {
    border-radius: 20px;
    background: #ee3d3d;
}

.autoplay-red h4,
.autoplay-orange h4 {
    color: var(--white-color);
    font-size: clamp(1.1rem, 1.7vw, 2rem);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.autoplay-green h4 {
    color: var(--primary-color);
    font-size: clamp(1.1rem, 1.7vw, 2rem);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.et-col {
    justify-content: flex-start;
    border-radius: 180px;
    background: var(--white-color);
    display: flex;
    padding: 12px 12px;
    align-items: center;
    gap: 20px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 40px;
}

.muti-inner-col {
    padding: 2.5rem 2.5rem;
    height: 100%;
    transition: background-color 0.7s linear;
    -webkit-transition: background-color 0.7s linear;
    -ms-transition: background-color 0.7s linear;
    -moz-transition: background-color 0.7s linear;
    -o-transition: background-color 0.7s linear;
}

.muti-inner-col h4 {
    padding: 0;
}

.text-col p {
    color: #444;
    font-size: clamp(0.75rem, 1vw, 1rem);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 8px;
}

.text-col h6 {
    font-size: clamp(0.875rem, 1.25vw, 1.5rem);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.autoplay-green .text-col h6 {
    color: #6ad189;
}

.autoplay-red .text-col h6 {
    color: #ee3d3d;
}

.autoplay-orange .text-col h6 {
    color: #fd9103;
}

.grid .grid-1 img {
    position: absolute;
    padding: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.grid .grid-1 h2 {
    z-index: 9;
    color: var(--green-light-color);
    font-size: clamp(1.75rem, 3.15vw, 3.75rem);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    max-width: 800px;
    padding: 3.75rem 2.5rem;
}

.grid-2 img {
    padding-top: 0rem;
    max-width: 100%;
    /* position: absolute;
     */
    object-fit: cover;
    width: 100%;
}

.grid .grid-1 {
    display: flex;
    align-items: flex-start;
    justify-content: end;
}

.icon-col i svg {
    height: 60px;
    width: 60px;
    display: block;
}

/*===================================== =========== Banner UI app page ================ ====================================*/
.top-banner-slider .slick-slide img {
    width: 100%;
}

.builder-banner {
    position: relative;
    z-index: 99;
}

.builder-banner:before {
    content: "";
    position: absolute;
    border-radius: 1002px;
    opacity: 0.3;
    background: var(--green-light-color);
    filter: blur(272px);
    width: 40%;
    height: 40%;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.builder-title {
    min-height: 85vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 200px;
    position: relative;
    z-index: 99;
}

.builder-title h2 {
    color: var(--white-color);
    text-align: center;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    font-size: clamp(3.25rem, 5.25vw, 6.25rem);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    max-width: 56%;
}

.qr-code_center .qr-code svg {
    width: 100%;
    height: 100%;
    max-width: 170px;
}

.qr-code-bottom {
    position: fixed;
    bottom: 40px;
    right: 40px;
    display: flex;
    align-items: center;
    margin: 0 !important;
    overflow: hidden;
    z-index: 999;
    visibility: hidden;
}

.qr-code-bottom svg {
    height: clamp(2.813rem, 6.5vw, 6.25rem);
    width: clamp(2.813rem, 6.5vw, 6.25rem);
}

.qr-code-block {
    display: flex;
    animation: qrcode 0.5s ease 0s normal forwards;
    -webkit-animation: qrcode 0.5s ease 0s normal forwards;
}

.qr-code-hide {
    animation: qrcode-down 0.7s ease 0s 1 normal forwards;
    -webkit-animation: qrcode-down 0.7s ease 0s 1 normal forwards;
}

@keyframes qrcode-down {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(300px);
    }
}

@keyframes qrcode {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(250px);
    }

    100% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.qr-scanner-col {
    border-radius: 20px;
    background: var(--green-gradient);
    padding: 6px;
    width: fit-content;
    margin: 0 auto;
    margin-top: 100px;
}

.qr-code {
    display: block;
    width: 100%;
}

.qr-element-text {
    color: var(--dark-blue-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 550;
    line-height: 100%;
    margin-top: 16px;
}

.qr-element-head {
    color: var(--white-color);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    max-width: 130px;
    margin: 12px auto 20px;
}

.home-edit_sticky {
    min-height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    overflow: hidden;
    padding: 5rem 0;
}

.home-edit_mockup {
    z-index: 3;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    top: 0;
}

.home-edit_iphone {
    z-index: 9;
    /* height: 80vh !important;
     */
    position: relative;
}

.home-edit_content {
    width: 91%;
    height: 99%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: absolute;
}

.home-edit_screen-intro {
    width: 100%;
    position: relative;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.home-edit_screens {
    width: 100%;
    height: 98%;
    position: absolute;
    overflow: hidden;
    border-radius: 4vh;
    top: 10px;
    object-fit: contain;
}

.home-edit_screen._1 {
    z-index: 1;
}

.home-edit_screen {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s;
    position: absolute;
}

.home-edit_screen._2 {
    z-index: 3;
    position: absolute;
}

.home-edit_screen._3 {
    z-index: 5;
    position: absolute;
}

.home-edit_screen._4 {
    z-index: 7;
    position: absolute;
}

.home-edit_screen._5 {
    z-index: 9;
    position: absolute;
}

.home-edit_ui-wrap.left {
    left: -45%;
    right: auto;
}

.home-edit_ui-wrap {
    z-index: 12;
    height: 27%;
    max-height: 12.375rem;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 7%;
    bottom: auto;
}

.home-edit_ui_2,
.home-edit_ui_1,
.home-edit_ui_3 {
    position: relative;
}

.home-edit_ui-wrap.left .home-edit_ui_1 {
    padding: 12px;
    max-width: 70%;
    right: 52%;
    top: 30rem;
    width: 100%;
    border-radius: 20px;
    background: rgb(24 64 52 / 80%);
    border: 1px solid var(--green-light-color);
    color: var(--white-color);
    transition: all 0.5s ease;
}

.home-edit_ui-wrap.left .home-edit_ui_1 .arrow.arrow-1 {
    right: -122%;
    top: 12%;
}

.home-edit_ui-wrap.left .home-edit_ui_2 {
    padding: 12px;
    max-width: 70%;
    right: 55%;
    top: 15rem;
    bottom: 0;
    width: 100%;
    border-radius: 20px;
    background: rgb(16 46 43 / 80%);
    border: 1px solid var(--green-light-color);
    color: var(--white-color);
    transition: all 0.5s ease;
}

.home-edit_ui-wrap.left .home-edit_ui_2 .arrow-1 {
    right: -120%;
    top: 5%;
}

.home-edit_ui-wrap.right .home-edit_ui_3 {
    padding: 12px;
    max-width: 70%;
    left: 50%;
    top: 0rem;
    bottom: 0;
    width: 100%;
    border-radius: 20px;
    background: rgb(20 58 49 / 90%);
    border: 1px solid var(--green-light-color);
    color: var(--white-color);
    transition: all 0.5s ease;
}

.home-edit_ui-wrap.right .home-edit_ui_3 .arrow.arrow-2 {
    top: -40%;
    left: -20%;
}

.home-edit_ui-wrap.right .home-edit_ui_1 {
    padding: 12px;
    max-width: 70%;
    left: 35%;
    top: 11rem;
    width: 100%;
    border-radius: 20px;
    border: 2px solid var(--green-light-color);
    color: var(--white-color);
    background: rgb(18 52 45 / 90%);
    cursor: pointer;
    transition: all 0.5s ease;
}

.home-edit_ui-wrap.right .home-edit_ui_1 .arrow-2 {
    left: -27%;
    top: 56%;
}

.home-edit_ui-wrap:has(.home-edit_ui_1 .arrow-2:hover) .home-edit_ui_1,
.home-edit_ui-wrap:has(.home-edit_ui_2 .arrow-2:hover) .home-edit_ui_2,
.home-edit_ui-wrap:has(.home-edit_ui_3 .arrow-2:hover) .home-edit_ui_3,
.home-edit_ui-wrap:has(.home-edit_ui_1 .arrow-1:hover) .home-edit_ui_1,
.home-edit_ui-wrap:has(.home-edit_ui_2 .arrow-1:hover) .home-edit_ui_2,
.home-edit_ui-wrap:has(.home-edit_ui_3 .arrow-1:hover) .home-edit_ui_3 {
    background: var(--dark-blue-color);
    box-shadow: var(--green-light-color) 0px 4px 6px, var(--tan-green-color) 0px -2px 10px -3px, var(--green-light-color) 0px -1px 8px inset;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.home-edit_ui-wrap.right .home-edit_ui_2 {
    padding: 12px;
    max-width: 70%;
    left: 54%;
    top: -4rem;
    width: 100%;
    border-radius: 20px;
    background: rgb(20 57 49 / 90%);
    border: 1px solid var(--green-light-color);
    color: var(--white-color);
}

.home-edit_ui-wrap.right .home-edit_ui_2 .arrow.arrow-2 {
    top: 12%;
    left: -20%;
}

.home-edit_ui {
    height: 100%;
    opacity: 0;
    object-fit: contain;
    transition: opacity 0.5s;
    position: absolute;
    color: var(--light-active-color);
}

.home-edit_ui-wrap.right {
    right: -40%;
}

.arrow-1 {
    width: 25%;
    height: 22px;
    display: flex;
    position: absolute;
    right: -38%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    cursor: pointer;
}

.arrow-2 {
    width: 91%;
    height: 22px;
    display: flex;
    position: absolute;
    left: -91%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    cursor: pointer;
}

@keyframes a1 {

    90%,
    100% {
        flex-grow: 1;
    }
}

.arrow-2:before,
.arrow-2:after,
.arrow-1::before,
.arrow-1:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: var(--tan-green-color);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.25s ease-in-out;
}

.arrow-2,
.arrow-1 {
    display: inline-block;
    border-radius: 50%;
    background-color: rgb(20 57 47 / 30%);
    color: #fff;
    border: 0 none;
    padding: 0;
    text-align: center;
    width: 3em;
    height: 3em;
    line-height: 3em;
    position: relative;
    transition: all 0.25s ease-in-out;
}

.arrow-2:before,
.arrow-1::before {
    animation: button-beat 1.5s ease-out infinite;
    -webkit-animation: button-beat 1.5s ease-out infinite;
}

@keyframes button-beat {
    0% {
        opacity: 0.8;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    70% {
        opacity: 0;
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
    }

    100% {
        opacity: 0;
    }
}

@keyframes a2 {

    100%,
    90% {
        flex-grow: 0.5;
    }
}

.home-edit_ui-wrap {
    z-index: 12;
    height: 27%;
    max-height: 12.375rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 7%;
    bottom: auto;
}

.home-edit_texts-wrap {
    z-index: 15;
    opacity: 1;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: absolute;
    bottom: 6%;
}

.heading-style-h4 {
    color: var(--green-light-color);
    text-align: center;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    font-size: clamp(2rem, 2.1vw, 2.5rem);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.home-edit_desc {
    width: 36.75rem;
    color: var(--white-color);
    text-align: center;
    margin-top: 1rem;
    text-align: center;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    font-size: clamp(0.875rem, 5.25vw, 1.25rem);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.home-edit_mobile-app-wrap {
    display: none;
}

.home-edit_texts._1 {
    position: relative;
}

.home-edit_texts {
    z-index: 11;
    max-width: none;
    opacity: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    transition: opacity 0.5s;
    display: flex;
    position: absolute;
    top: 0%;
}

.home-edits_mobile-phone-wrap {
    width: 100%;
    max-width: 28.125rem;
    justify-content: center;
    align-items: center;
    display: none;
    position: relative;
}

.home-edits_texts-content {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
}

.home-edit_floating-items {
    width: 100%;
    height: 100%;
    position: absolute;
}

.image-1 {
    height: 35%;
    max-width: 999%;
    position: absolute;
    top: auto;
    bottom: 45%;
    right: 190%;
}

.image-2 {
    height: 60%;
    max-width: 999%;
    position: absolute;
    top: auto;
    bottom: -18%;
    right: 190%;
}

.image-3 {
    height: 34%;
    max-width: 999%;
    position: absolute;
    top: auto;
    bottom: 30%;
    right: 106%;
}

.image-4 {
    height: 49%;
    max-width: 999%;
    position: absolute;
    top: 26%;
    left: 106%;
}

.image-5 {
    height: 46%;
    max-width: 999%;
    position: absolute;
    top: 14%;
    left: 185%;
}

.image-6 {
    height: 40%;
    max-width: 999%;
    position: absolute;
    top: 65%;
    left: 185%;
}

.home-edit_blur {
    z-index: 10;
    width: 120.375rem;
    height: 17.875rem;
    max-width: 999%;
    opacity: 0;
    filter: blur(60px);
    background-color: var(--dark-blue-color);
    border-radius: 50%;
    transition: opacity 0.5s;
    position: absolute;
    top: 71%;
}

.grid-col-section .grid-inner-col .item video {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

/* ===================== ==========Inner Pages=============== ===================== */
.inner-page-banner {
    padding-top: 8.75rem;
    padding-bottom: 5rem;
}

.inner-col {
    max-width: calc(100% - 2.5rem);
    margin: 0 auto;
    padding: 0 1.25rem;
    position: relative;
}

.inner-page-title {
    font-size: clamp(36px, 4.2vw, 80px);
    font-style: normal;
    font-family: var(--font-family);
    font-weight: 600;
    line-height: 120%;
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

ul.ct-address-details {
    display: flex;
    color: var(--white-color);
    font-size: clamp(13px, 1.2vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    list-style: none;
    gap: 40px;
    row-gap: 20px;
    align-items: center;
    margin-top: 2.813rem;
    flex-wrap: wrap;
}

ul.ct-address-details ul {
    list-style: none;
}

ul.ct-address-details li a,
ul.ct-address-details li {
    color: var(--white-color);
    font-size: clamp(15px, 1.2vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
}

ul.add-social-links {
    display: flex;
    align-items: center;
    gap: 16px;
}

ul.ct-address-details li {
    display: flex;
    align-items: center;
    gap: 12px;
}

.address-icon {
    display: flex;
}

.contact-inner-col {
    display: flex;
    gap: 2.5rem;
    max-width: calc(100% - 2.5rem);
    margin: 0 auto;
    padding: 1.25rem;
    position: relative;
    border-radius: 20px;
    background: var(--light-active-color);
    align-items: center;
}

.contant-form-section {
    padding-top: 5rem;
    padding-bottom: 8.75rem;
}

.contact-form-col {
    padding: 2.5rem;
    width: 55%;
}

.contact-img-col {
    border-radius: 16px;
    background: var(--white-color);
    overflow: hidden;
    width: 45%;
    height: 100%;
}

.contact-img-col img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.contact-form-col .title-form {
    color: var(--primary-color);
    font-size: clamp(24px, 2.4vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.contact-form-7 {
    margin-top: 2.5rem;
}

.wpcf7-form-control-wrap {
    position: relative;
    z-index: 2;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    color: var(--tan-green-color);
    line-height: 120%;
    padding: 0;
}

.mc4wp-alert.mc4wp-notice p {
    color: yellow;
    font-size: 13px;
    line-height: 120%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mc4wp-alert.mc4wp-notice .success {
    color: var(--green-light-color);
}

.mc4wp-alert.mc4wp-notice .invalid {
    color: #ee3d3d;
}

.contact-form-7 .wpcf7-form .wpcf7-submit {
    border-radius: 150px;
    background: var(--green-gradient) !important;
    display: flex;
    padding: 8px 80px 8px 20px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    color: #ffffff !important;
    font-size: clamp(16px, 1.25vw, 24px);
    text-decoration: none;
    height: 60px !important;
    font-weight: 600;
    line-height: 140%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    border: none;
}

.contact-form-7 .wpcf7-form .wpcf7-submit:hover {
    border: none;
}

span.cus-loader .btn-arrow-icon {
    position: absolute;
    right: 8px;
}

span.cus-loader {
    display: flex;
    position: relative;
    align-items: center;
}

.contact-form-7 .wpcf7 form.invalid .wpcf7-response-output {
    display: none;
}

.contact-form-7 .wpcf7-not-valid-tip {
    position: absolute;
    font-size: 13px;
    top: 34px;
    left: 5px;
    line-height: 1;
}

.MuiFilledInput:has(.msg-textarea) .wpcf7-not-valid-tip {
    top: 18px;
}

.contact-form-7 span.wpcf7-spinner {
    position: absolute;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
}

.contact-form-7 input.wpcf7-form-control {
    padding-top: 24px;
}

.MuiFilledInput {
    position: relative;
}

input.wpcf7-form-control,
textarea.wpcf7-form-control {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    height: 60px;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--light-blue-color);
    padding: 27px 10px 9px;
    border-radius: 8px;
    background: none;
    transition: all 0.5s ease;
    margin: 0;
}

input.wpcf7-form-control:focus,
textarea.wpcf7-form-control:focus {
    border-color: var(--primary-color);
    transition: all 0.5s ease;
/*     box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; */
}

input[autocomplete="off"]::-webkit-contacts-auto-fill-button,
input[autocomplete="off"]::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    height: 0;
    width: 0;
    margin: 0;
}

label.FormLabel {
    left: 16px;
    position: absolute;
    top: 20px;
    display: inline;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    transition: all 200ms linear 0s;
    -webkit-transition: all 200ms linear 0s;
    -moz-transition: all 200ms linear 0s;
    -ms-transition: all 200ms linear 0s;
    -o-transition: all 200ms linear 0s;
    color: var(--light-blue-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    z-index: 1;
}

textarea.msg-textarea {
    resize: none;
    height: 9.25rem;
}

.filled label {
    top: 12px;
    font-size: 12px;
}

.FormControl:first-child,
.FormControl:nth-child(2) {
    width: calc(50% - 0.65rem);
    flex: 0 0 auto;
}

.form-grid {
    gap: 1.25rem;
    row-gap: 1.35rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.FormControl {
    width: 100%;
    margin-bottom: 16px;
}

/* =============== ========Support Page============= ================ */
.sp-search {
    max-width: 790px;
    margin: 0 auto;
    margin-top: 3.75rem;
    position: relative;
    display: block;
}

.support .inner-page-banner:before {
    content: "";
    position: absolute;
    width: 1108px;
    height: 634px;
    border-radius: 1108px;
    opacity: 0.3;
    background: var(--green-light-color);
    filter: blur(260px);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: -1;
}

.support .inner-page-banner {
    position: relative;
    overflow: hidden;
    padding-bottom: 14rem;
}

form.search-support input[type="text"] {
    border-radius: 8px;
    border: 1px solid #e6e8e9;
    background: var(--white-color);
    display: flex;
    width: 100%;
    padding: 18px 40px;
    align-items: flex-start;
    gap: 16px;
}

form.search-support {
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon {
    position: absolute;
    display: flex;
    left: 12px;
}

.cross-btn {
    position: absolute;
    right: 15px;
    display: flex;
    cursor: pointer;
}

.sp-search:has(.search-results) form.search-support input[type="text"] {
    border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    -ms-border-radius: 8px 8px;
    -o-border-radius: 8px 8px;
    box-shadow: rgb(255 255 255 / 20%) 0px -11px 14px -5px;
}

.search-results {
    border-radius: 0 0 8px 8px;
    background: var(--white-color);
    padding: 16px 20px;
    margin: -8px auto 0;
    position: absolute;
    left: 2px;
    width: calc(100% - 4px);
    box-shadow: var(--green-light-color) 0px 4px 10px -4px;
    transition: all 0.5s ease;
    z-index: 9;
    max-height: 140px;
    overflow: auto;
}

.search-results::-webkit-scrollbar {
    width: 0;
    transition: all 0.5s ease;
}

.search-results:hover::-webkit-scrollbar {
    width: 6px;
    transition: all 0.5s ease;
}

.sp-search:has(.search-results) form.search-support input[type="text"]:focus {
    box-shadow: var(--green-light-color) 0px -4px 12px -2px;
    transition: all 0.5s ease;
}

.search-results a {
    text-decoration: none;
    color: var(--light-blue-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.search-results p {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.search-results p:hover a {
    color: var(--dark-blue-color);
    position: relative;
    padding-left: 15px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.search-results p:hover a:before {
    content: "-";
    background: var(--green-light-color);
    width: 8px;
    display: inline-block;
    clip-path: polygon(0 10px, calc(100% - 8px) 10px, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, calc(100% - 8px) calc(100% - 10px), 0 calc(100% - 10px));
    font-size: 0;
    top: 0;
    left: 0;
    position: absolute;
}

.col-product {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transform: translateY(-150px);
    gap: 20px;
}

.col-product::-webkit-scrollbar {
    width: 0;
    height: 0;
    visibility: hidden;
}

.sp-inner-col {
    position: relative;
    padding: 1rem 1.25rem 8.75rem;
}

.thumb_category {
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.thumb_category img {
    width: 100%;
    max-width: clamp(64px, 9.8vw, 147px);
    margin: 0 auto;
    display: block;
}

.item-product-3 .thumb_category {
    align-items: center;
}

.category-tab {
    width: 100%;
    min-width: 140px;
    max-width: clamp(140px, 21.2vw, 290px);
    height: clamp(140px, 21.2vw, 290px);
    border-radius: 20px;
    background: var(--light-active-color);
    overflow: hidden;
    display: block;
    position: relative;
    cursor: pointer;
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

.elementor-active {
    background: var(--green-gradient);
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

.item-product-3.elementor-active .thumb_category img {
    filter: brightness(10) grayscale(2);
}

.title_category {
    position: absolute;
    bottom: 0;
    background: rgba(249, 248, 238, 0.3);
    backdrop-filter: blur(2px);
    display: flex;
    width: 100%;
    padding: 18px 16px;
    justify-content: center;
    align-items: center;
}

.title_category h3 {
    color: var(--primary-color);
    text-align: center;
    font-size: clamp(12px, 2.4vw, 24px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.item-product-3 .thumb_category {
    align-items: center;
}

.col-support-accordion {
    max-width: 1060px;
    margin: 0 auto;
    margin-top: -3vw;
}

.custom-accordions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid #eaecf0;
    padding: 24px 0;
    cursor: pointer;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.droit-accordion-icon-opend,
.dl-active .droit-accordion-icon-opend {
    display: none;
}

.droit-accordion-icon-closed.active {
    display: block;
}

span.droit-accordion-icon-opend.active {
    display: block;
}

.dl-active .droit-accordion-icon-opend {
    display: none;
}

.droit-accordion-icon-closed {
    display: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.dl-active .droit-accordion-icon-closed {
    display: block;
}

.droit-accordion_icon {
    cursor: pointer;
}

.droit-accordion-content-wrapper {
    padding-bottom: 24px;
}

.custom-accordions.dl-active {
    padding-bottom: 18px;
}

.accordion-collapse:has(.dl-active) .custom-accordions {
    border-bottom: none;
}

.dl_desc a {
    text-decoration: none;
    color: var(--dark-blue-color);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
    font-size: clamp(16px, 1.4vw, 18px);
}

.dl_desc a:before {
    content: "";
    position: absolute;
    background: var(--green-gradient);
    width: 10px;
    height: 4px;
    top: 12px;
    left: 0;
    transform: translateY(-50%);
}

.accordion-header {
    color: var(--tan-green-color);
    font-size: clamp(16px, 2vw, 20px);
    font-style: normal;
    line-height: 140%;
    font-family: var(--font-family);
}

.support-inner-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.support-inner-wrap .light-th-content>* {
    color: var(--primary-color);
    font-size: clamp(16px, 1.4vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.support-inner-wrap .light-th-content>* a {
    color: var(--tan-green-color);
    font-size: clamp(16px, 1.4vw, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-decoration-line: underline;
}

.support-inner-wrap .light-th-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* =====Privacy Policy Page====== */
.page-bulider:has(.single-content-page) .inner-page-banner {
    position: relative;
}

.page-bulider:has(.single-content-page) .inner-page-banner:before {
    content: "";
    position: absolute;
    background-image: url(" https://enciser.com/wp-content/uploads/2023/07/footer.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: clamp(130px, 14.2vw, 270px);
    max-height: 320px;
    bottom: 0;
}

.page-content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.single-content-page {
    padding-top: 5rem;
}

.single-content-page p {
    color: var(--primary-color);
    font-size: clamp(16px, 1.4vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding-bottom: 0.75rem;
}

.single-content-page ul,
.single-content-page ol {
    list-style: none;
    padding-bottom: 0.75rem;
}

.single-content-page ul li,
.single-content-page ol li {
    position: relative;
    padding-left: 20px;
    color: var(--primary-color);
    font-size: clamp(15px, 1.4vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding-bottom: 0.25rem;
}

.single-content-page ul li:before,
.single-content-page ol li:before {
    content: "";
    position: absolute;
    background: var(--green-gradient);
    width: 10px;
    height: 4px;
    top: 13px;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.single-content-page a {
    color: var(--tan-green-color);
    font-size: clamp(16px, 1.4vw, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-decoration-line: underline;
}

.single-content-page h2 {
    font-size: clamp(32px, 2.2vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding-bottom: 0.5rem;
    margin-top: 1.75rem;
}

.single-content-page h4 {
    font-size: clamp(22px, 2.4vw, 28px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding-bottom: 0.5rem;
    position: relative;
    padding-left: 1.25rem;
    margin-top: 1.2rem;
}

.single-content-page h4:before {
    content: "";
    position: absolute;
    background: var(--green-gradient);
    width: 8px;
    height: 8px;
    border-radius: 50px;
    top: clamp(12px, 1.8vw, 15px);
    left: 2px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.single-content-page #toc a {
    text-decoration: none;
    color: var(--primary-color);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.single-content-page #toc a:hover {
    color: var(--tan-green-color);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.col_grid {
    display: grid;
    column-gap: 20px;
    row-gap: 1em;
    grid-template-columns: 1fr;
    margin-top: 3.75rem;
}

.grid_2 {
    grid-template-columns: 1fr 1fr;
}

.grid_3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid_4 {
    grid-template-columns: 1fr 1fr 1fr;
}

.overlay-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1.25rem;
}

.overlay-text .heading {
    display: block;
    color: var(--white-color);
    font-size: clamp(24px, 2.4vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.overlay-text .desc {
    color: var(--white-color);
    font-size: clamp(18px, 2vw, 24px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.team-card {
    position: relative;
}

.team-section {
    padding-top: 8.75rem;
    padding-bottom: 6.75rem;
}

.team-section .title_heading {
    color: var(--primary-color);
    font-size: clamp(32px, 3.25vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    text-align: center;
}

.team-section .col_grid {
    max-width: 900px;
    margin: auto;
    margin-top: 3.75rem;
}

.team-section .bt-titletext {
    display: none;
}

.bt-titletext {
    color: var(--primary-color);
    text-align: center;
    font-size: clamp(24px, 3.25vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-top: 5rem;
}

.about-us .image-col .heading-text {
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 5rem;
    padding-top: 1rem;
}

.bottom-child-text h1 {
    color: var(--white-color);
    font-size: clamp(40px, 6.25vw, 100px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
}

.about-us .image-col .heading-text .bottom-child-text .color-gradient {
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--font-family);
    font-weight: 600;
}

.bottom-child-text {
    max-width: 90vw;
}

.flex-grid {
    display: grid;
    column-gap: 20px;
    row-gap: 1em;
    grid-template-columns: 1fr 1fr;
}

.flexible-title {
    color: var(--primary-color);
    font-size: clamp(32px, 3.25vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    max-width: 45vw;
    margin-bottom: 3.75rem;
}

.flexible-title .color-gradient {
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--font-family);
}

.flexible-grid-wrapper {
    padding-top: 10rem;
    padding-bottom: 8.75rem;
}

.flexible-grid-wrapper .bg-image {
    height: 100%;
    min-height: auto;
}

.flexible-style-1 .flex-grid {
    max-width: 80vw;
    margin: 0 auto;
}

.flexible-style-1 .col-flex1 {
    grid-area: 1 / 1 / span 1 / span 2;
    min-width: 45vw;
}

.flexible-style-2 .flexible-grid-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.flexible-style-1 .col-flex2 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 0 5vw;
    grid-area: 1 / 3 / span 1 / span 1;
}

.flexible-style-1 .col-flex2 .flexi-content>* {
    color: var(--Dark-Blue-200, #8a949a);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 1.25rem;
}

.flexible-style-1 .col-flex2 .flexi-content>*:first-child {
    margin-top: 0;
}

.flexible-style-2 .flexible-grid-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.flexible-style-2 .flex-grid {
    border-radius: 20px 20px;
    display: flex;
    padding: 80px;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
}

.flexible-style-2 .flex-grid.flex-1 {
    border-radius: 20px 20px 0 0;
}

.flexible-style-2 .flex-grid.flex-2 {
    border-radius: 0 0 20px 20px;
}

.col-flex1,
.col-flex2 {
    width: 100%;
}

.flexible-style-2 .flex-1 .col-flex1 h4 {
    color: var(--Bright-Green-500, #75e696);
    font-size: clamp(32px, 3.25vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
}

.flexible-style-2 .flex-1 .col-flex2,
.flexible-style-2 .flex-2 .col-flex2 {
    padding-left: 5vw;
}

.flexible-style-2 .flex-1 .col-flex2 .flexi-content,
.flexible-style-2 .flex-2 .col-flex2 .flexi-content {
    color: var(--Bright-Green-500, #75e696);
    font-size: clamp(18px, 1.8vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.flexible-style-2 .flex-2 .col-flex1 h4 {
    color: var(--primary-color);
    font-size: clamp(32px, 3.25vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
}

.flexible-style-2 .flex-2 .col-flex2 .flexi-content {
    color: var(--primary-color);
}

.player-controls {
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.player-controls video {
    width: 100%;
    height: 100%;
}

.play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    pointer-events: none;
    padding: 4rem;
    /* background-color: rgba(0, 0, 0, 0.34);
     */
}

.play-button-wrapper #circle-play-b {
    cursor: pointer;
    pointer-events: auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.play-button-wrapper #circle-play-b svg {
    width: 100px;
    height: 100px;
    cursor: pointer;
    background-color: rgb(94 94 94 / 20%);
    border-radius: 50%;
    opacity: 1;
    backdrop-filter: blur(4px);
}

.vertical-accordion-inner {
    display: grid;
    column-gap: 20px;
    row-gap: 1em;
    grid-template-columns: 1fr 1fr;
}

.vertical-accordion .inner-col {
    padding-top: 8.75rem;
    padding-bottom: 8.75rem;
}

.th-nav-tab-heading ul {
    list-style: none;
}

.th-nav-tab-heading ul li h4 {
    font-size: clamp(18px, 2.5vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.th-nav-tab-heading ul li {
    border-bottom: 1px solid #eaecf0;
    padding: 2rem 0;
    cursor: pointer;
}

.th-nav-tab-heading ul li:last-child {
    border-bottom: 0;
}

.th-nav-tab-content {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 2.5rem;
    display: flex;
    max-width: 80%;
    border-radius: 20px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.th-nav-tab-content:first-child {
    align-items: center;
    justify-content: center;
    padding: 2vw 5vw;
}

.th-nav-tab-content-wrapper {
    position: relative;
}

.founder .grid-inner-col {
    border-radius: 20px;
    padding: 1.25rem;
}

.th-nav-tab-content h4 {
    color: var(--Bright-Green-500, #75e696);
    text-align: center;
    font-size: clamp(32px, 3.25vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
}

.th-nav-tab-content>* {
    font-size: clamp(18px, 1.8vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.founder .grid-1 {
    grid-area: 1 / 1 / span 2 / span 2;
    justify-content: flex-start;
    padding: 4rem;
}

.founder .grid-2 {
    grid-area: 1 / 3 / span 2 / span 1;
}

.founder .grid-1 h3 {
    padding: 0;
    color: var(--Bright-Green-500, #75e696);
    font-size: clamp(32px, 3.25vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 2.5rem;
}

.founder .grid-1 p {
    color: var(--Bright-Green-500, #75e696);
    font-size: clamp(18px, 1.8vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 1.25rem;
    max-width: 850px;
}

.founder .grid-1 p:last-child {
    margin-bottom: 0.25rem;
}

.founder .grid-2 img {
    height: 100%;
}

.founder .read-more-content {
    color: #75e696;
    cursor: pointer;
    text-transform: lowercase;
    font-weight: 600;
}

.read-more-modal .content-wrapper h3 {
    padding: 0;
    color: var(--Bright-Green-500, #75e696);
    font-size: clamp(26px, 2.75vw, 50px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    padding-bottom: 1.5rem;
    background: #fff;
    margin-top: -1rem;
}

.read-more-modal .content-wrapper {
    padding-top: 1rem;
}

.read-more-modal .full {
    padding-top: 2.25rem;
}

.read-more-modal .content-wrapper>p {
    color: var(--dark-blue-color);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 0.75rem;
}

.rich-text {
    padding-bottom: 4.75rem;
}

.rich-text-inner {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.rich-icon {
    margin: 3.75rem 0;
}

.client-logos {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 2.5rem;
    justify-content: center;
}

.client-logos li {
    overflow: hidden;
}

.client-logos li svg {
    width: 100%;
    padding: 0 10px;
    transform: scale(1.9);
    -webkit-transform: scale(1.9);
    -moz-transform: scale(1.9);
    -ms-transform: scale(1.9);
    -o-transform: scale(1.9);
}

.color-label {
    color: var(--primary-color);
    text-align: center;
    font-size: clamp(18px, 1.8vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    display: inline-flex;
    padding: 12px 28px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: var(--Bright-Green-500, #75e696);
}

.rich-desc {
    color: var(--primary-color);
    text-align: center;
    font-size: clamp(18px, 1.8vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    max-width: 45vw;
    display: block;
}

.rich-text-inner:has(.client-logos) .rich-desc {
    margin-top: 2.5rem;
}

.our-values-mobile {
    display: none;
}

.woocommerce-product-gallery.images.wpgs-wrapper .flaticon-right-arrow {
    right: 20px;
}

.woocommerce-product-gallery.images.wpgs-wrapper .flaticon-back.slick-arrow {
    left: 20px;
}

.team-mid-wrapper {
    display: flex;
    gap: 60px;
    padding-bottom: 8.75rem;
}

.team-mid-wrapper .flexible-grid-left {
    flex: 1 0 0;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
}

.team-mid-wrapper .flexible-grid-right {
    flex: 1 0 0;
    border-radius: 20px;
    background: var(--green-gradient);
    padding: 40px 30px;
}

.team-mid-wrapper .gallery {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.team-mid-wrapper .gallery .gallery-item {
    max-width: unset;
    display: inline-flex;
    width: calc(20% - 16px);
}

.team-mid-wrapper .gallery .gallery-item .gallery-icon {
    display: flex;
}

.team-mid-wrapper .flexible-grid-left a.es-btn-com {
    margin-top: 20px;
}

section.team-scroll-section {
    background-color: #f9f8ee;
}

section.team-scroll-section .grid-wrap {
    padding: 0 1.25rem;
}

.team-mid-wrapper .title {
    font-size: clamp(32px, 3.25vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.team-mid-wrapper .description {
    color: var(--Dark-Blue-200, #8a949a);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    font-size: 20px;
}

/* ================= ==========Emerald Page CSS============ ============== */
.wrapper_kit_hero {
    position: relative;
    height: 100%;
    background: linear-gradient(180deg, #002424 0%, #001019 100%);
}

.inner_wrapper-kt {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding-top: 5rem;
}

.wrapper_kit_hero .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 100%;
    width: 100%;
    background: rgb(38 38 38 / 80%);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}

body:has(.modal-active) {
    overflow: hidden;
}

.wrapper_kit_hero .modal .player-controls {
    margin: 0 auto;
    position: relative;
    top: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1200px;
    padding: 3rem;
}

.wrapper_kit_hero .modal .player-controls button.btn-close {
    background: var(--green-gradient) !important;
    position: absolute;
    top: 1rem;
    right: 1rem;
    border-radius: 50px;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper_kit_hero .modal .btn-close svg {
    width: 28px;
}

.wrapper_kit_hero .modal-active {
    animation: modalfade 1s ease 0.5s 1 alternate forwards;
    -webkit-animation: modalfade 1s ease 0.5s 1 alternate forwards;
}

.wrapper_kit_hero .modal-active .player-controls {
    animation: modalup 1s ease 0.5s 1 alternate forwards;
    -webkit-animation: modalup 1s ease 0.5s 1 alternate forwards;
}

@keyframes modalup {
    0% {
        transform: translateY(250px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes modalfade {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

.pt_img_col {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    max-width: clamp(280px, 22.25vw, 440px);
}

.content_part {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    padding-bottom: 6.25rem;
    padding-top: 6rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
}

.content_part .pt_title {
    color: var(--White, #fff);
    text-align: center;
    font-size: clamp(32px, 3.25vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin: auto;
    margin-bottom: 3.75rem;
    max-width: clamp(40vw, 62.25vw, 65vw);
}

.content_part a.open-modal {
    display: inline-flex;
    padding: 8px 8px 8px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    border: 1px solid var(--Green-Gradient, #75e696);
    background: var(--green-gradient) !important;
    background-clip: text;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    max-width: 199px;
    margin: auto;
}

.plyicon {
    max-width: 48px;
    width: 100%;
}

.modulable_section {
    min-height: 100vh;
    padding: 5rem 0;
}

.modulable_wrapper {
    display: grid;
    grid-template-columns: repeat(16, minmax(0, 1fr));
    align-content: center;
    height: 100%;
}

.modul-content_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modulable_section h4,
.prodTxtSection h4 {
    color: var(--primary-color);
    font-size: clamp(32px, 1.8vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 1.25rem;
    font-family: var(--font-family);
}

.modulable_section p,
.prodTxtSection p {
    color: var(--Dark-Blue-200, #8a949a);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.swap-sectiongradient-shade1 {
    background: linear-gradient(180deg, #002424 0%, #001019 100%);
}

.swap-sectiongradient-shade1 h4,
.gradient-shade2 h4 {
    color: var(--Bright-Green-500, #75e696);
}

.swap-sectiongradient-shade1 p,
.gradient-shade2 p {
    color: var(--White, #fff);
}

.prodTxtSection {
    height: 100%;
}

.prodTxtSection .inner-col {
    display: grid;
    grid-template-columns: repeat(16, minmax(0, 1fr));
    align-content: center;
    min-height: 100vh;
    overflow: hidden;
}

.gradient-shade2 {
    background: linear-gradient(0deg, #002424 0%, #001019 100%);
}

.gradient-shade2 .prodTxt_col_1 img {
    transform: translateY(14rem) scale(1.5);
    -webkit-transform: translateY(14rem) scale(1.5);
    -moz-transform: translateY(14rem) scale(1.5);
    -ms-transform: translateY(14rem) scale(1.5);
    -o-transform: translateY(14rem) scale(1.5);
    animation: none !important;
}

.prodTxt_col_2 .description_protext {
    margin-bottom: 2.5rem;
}

.smart_background {
    grid-row: 1 / span 5;
    grid-column: 1/-1;
    z-index: -2;
}

.headline_smart {
    grid-row: 3;
    grid-column: 2/-2;
    align-self: end;
    margin: auto;
    margin-top: 8.75rem;
    margin-bottom: 10rem;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    z-index: 1;
    color: var(--Green-500, #019d9a);
    text-align: center;
    font-size: clamp(48px, 6.25vw, 100px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    max-width: 1200px;
    font-family: var(--font-family);
}

.smart_claim_grid {
    margin-top: 5rem;
    isolation: isolate;
}

.smart_wrapper {
    display: grid;
    grid-template-columns: repeat(16, minmax(0px, 1fr));
    position: relative;
    margin-bottom: 8.75rem;
    isolation: isolate;
}

.smart_wrapper::after {
    grid-row: 5;
    align-self: end;
}

.smart_wrapper::after,
.smart_wrapper::before {
    content: "";
    grid-column: 1/-1;
    height: 50%;
    background-color: #fff;
    z-index: -1;
}

.smart_wrapper::before {
    grid-row: 1;
}

.smart_image1 {
    grid-column: 1 / span 6;
    grid-row: 1;
    margin-top: 5rem;
    overflow: hidden;
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

.imgWrapper_smart {
    display: block;
}

.woocommerce-product-gallery.images.wpgs-wrapper .slick-arrow {
    display: none !important;
}

.smart_image2 {
    grid-row: 2;
    grid-column: span 4/-2;
    margin-top: 8rem;
    overflow: hidden;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.image_col_img {
    display: block;
    width: 100%;
}

.smart_image3 {
    grid-row: 5;
    grid-column: 6/-1;
    overflow: hidden;
    transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
}

/*  fixed footer button */
.fixed_button_container.fixed_button_container {
    position: fixed;
    z-index: 999;
    bottom: 0;
    /* left: 0; */
    right: 0;
    padding: 0 20px 20px 0;
}
span.fixed_button_text {
    font-size: 18px;
	color: #fff;
	font-weight: 500;
}
.fixed_button_container.fixed_button_container .es-btn-com{
	padding: 6px 24px;
	gap: 12px;
	background: linear-gradient(135deg, var(--primary), var(--accent));
	border: none;
}
.fixed_button_container.fixed_button_container .es-btn-com:hover {
    opacity: 0.9;
    background: linear-gradient(135deg, var(--primary), var(--accent)) !important;
}

@media (min-width: 900px) {
    .smart_image1 {
        grid-column: 3 / span 2;
    }

    .smart_image2 {
        grid-row: 1;
        grid-column: span 4/-2;
    }

    .smart_image3 {
        grid-column: 5/-5;
    }
}

.tsp_wrapper .inner-col {
    display: grid;
    grid-template-columns: repeat(16, minmax(0, 1fr));
    padding: 80px 0;
    align-items: center;
    gap: 0px;
}

.tsp_image_grid {
    --grid-size: 3/8;
    grid-column: var(--grid-size);
    min-height: 80vh;
}

.tsp_content_grid {
    grid-column: var(--grid-size);
    --grid-size: 10/-3;
    width: 100%;
}

.tsp_image_grid img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.image_Vs2ig {
    display: block;
}

.tsp_title {
    color: var(--primary-color);
    font-size: clamp(32px, 3.25vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
}

.containerButtons {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 2.5rem;
}

.containerButtons .tsp_content_button {
    position: relative;
    letter-spacing: 0;
    line-height: 1.35;
    display: flex;
    width: 100%;
    padding: 26px 32px 25px 32px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-radius: 8px;
    border: 1px solid var(--Dark-Blue-200, #8a949a);
    background: none !important;
}

.containerButtons .tsp_content_button p {
    color: var(--primary-color);
    font-size: clamp(18px, 1.55vw, 24px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-align: center;
}

body:has(.tsp_inner_wrapper.active) {
    overflow: hidden;
    touch-action: none;
}

.tsp_inner_wrapper {
    display: grid;
    grid-template-columns: repeat(16, minmax(0, 1fr));
    grid-template-rows: minmax(20px, 1fr) minmax(0, min-content) minmax(20px, 1fr);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999991;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.tsp_inner_wrapper.active {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

@keyframes modalopen {
    0% {
        transform: translateX(250px);
        -webkit-transform: translateX(250px);
        -moz-transform: translateX(250px);
        -ms-transform: translateX(250px);
        -o-transform: translateX(250px);
    }

    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
}

.tsp_inner_wrapper::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
}

.tsp_inner_wrapper .full {
    grid-column: 9/-3;
    grid-row: 2;
    position: relative;
    max-height: 600px;
    background: var(--White, #fff);
    transition-duration: 0.2s;
    transition-property: opacity, transform;
    padding: 2.5rem 1.5rem 1.5rem;
    transition: all 0.5s ease;
    border-radius: 10px;
    border-top-right-radius: 70px;
}

.tsp_inner_wrapper.active .full,
.tsp_inner_wrapper.active .btn-close1 {
    animation: modalopen 1s ease 0s 1 normal forwards;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.tsp_inner_wrapper .full>h3 {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: clamp(28px, 1.8vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    z-index: 9;
    padding: 0.75rem 1.5rem 1rem;
    margin: 0 -20px;
    transition: all 0.5s ease;
}

.corner-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.tsp_inner_wrapper.active .full .content-row {
    overflow-y: auto;
    height: 90%;
}

.tsp_inner_wrapper .content-row h4 {
    font-family: var(--font-family);
    color: var(--primary-color);
    font-size: clamp(16px, 1.8vw, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 1rem;
}

.tsp_inner_wrapper .content-row ul {
    list-style: none;
}

.tsp_inner_wrapper .content-row ul li {
    border-top: 1px solid #eaecf0;
    padding-left: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.tsp_inner_wrapper .content-row ul li h3 {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: clamp(14px, 1.25vw, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    position: relative;
    padding-left: 16px;
    margin-top: 1rem;
}

.tsp_inner_wrapper .content-row ul li p {
    color: var(--Dark-Blue-200, #8a949a);
    font-family: var(--font-family);
    font-size: clamp(14px, 1.25vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 0.6rem;
}

.tsp_inner_wrapper .content-row ul li h3:before {
    content: "";
    position: absolute;
    background: var(--green-gradient);
    width: 10px;
    height: 3px;
    top: 10px;
    left: 0;
    transform: translateY(-50%);
}

.tsp_inner_wrapper .content-row ul li:last-child {
    padding-bottom: 0.5rem;
}

.tsp_inner_wrapper.active .full .content-row ul li ul li {
    padding: 0;
    border: 0;
    color: var(--Dark-Blue-200, #8a949a);
    font-family: var(--font-family);
    font-size: clamp(14px, 1.25vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    position: relative;
    padding-right: 16px;
    display: flex;
    justify-content: space-between;
}

.tsp_inner_wrapper.active .full .content-row ul li ul li span:last-child {
    max-width: 50%;
    text-align: end;
}

.ti-hei {
    margin-top: 8px;
    display: block;
}

.btn-close1 {
    grid-row: 2;
    grid-column: auto/-2;
    align-self: start;
    justify-self: end;
    transition-duration: 0.3s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background: var(--green-gradient) !important;
    border-radius: 50px;
    padding: 6px;
    width: 46px;
    height: 46px;
    z-index: 99;
}

.btn-close1 svg {
    width: 100%;
    fill: var(--dark-blue-color);
}

.app-download-main {
    position: relative;
    height: 200vh;
    color: #fff;
    scroll-margin: var(--scroll-margin);
    margin-top: 80px;
}

.app-download-main .background_QMYs6 {
    position: absolute;
    inset: 0;
    min-height: 100vh;
    overflow: hidden;
    z-index: -1;
}

.app-download-main .background_QMYs6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.app-download-main .app-download-wrapper {
    position: sticky;
    top: 0;
}

.app-download-main .app-download-wrapper .content-wrapper {
    position: relative;
    min-height: 100vh;
}

.app-download-main .app-download-wrapper .content-wrapper .content {
    text-align: center;
    margin-bottom: 2rem;
    max-width: 70vw;
    margin: 0 auto;
}

.app-download-main .app-download-wrapper .content-wrapper .content h3 {
    color: var(--White, #fff);
    font-size: clamp(36px, 3.5vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin: auto;
    margin-bottom: 3.75rem;
}

.app-download-main .app-download-wrapper .content-wrapper .content .es-btn-com {
    display: inline-flex;
}

.app-download-main .app-download-wrapper .content-wrapper :is(.content, .app-img) {
    opacity: 1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin-top: 10rem;
    max-width: 60vw;
}

.app-download-main .app-download-wrapper .content-wrapper .app-img {
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 2rem;
    text-align: center;
}

.app-download-main .app-download-wrapper .content-wrapper .app-img img {
    margin: 0 auto;
    max-width: 500px;
    display: inline-block;
    margin-left: 6rem;
}

.modulable-col-2 img,
.prodTxtSection .prodTxt_col_1 img {
    animation: imganimation 7s ease 0s infinite alternate-reverse forwards;
}

@keyframes imganimation {
    0% {
        animation-timing-function: ease-in;
        opacity: 1;
        transform: translateY(-45px);
    }

    24% {
        opacity: 1;
    }

    40% {
        animation-timing-function: ease-in;
        transform: translateY(-24px);
    }

    65% {
        animation-timing-function: ease-in;
        transform: translateY(-12px);
    }

    82% {
        animation-timing-function: ease-in;
        transform: translateY(-6px);
    }

    93% {
        animation-timing-function: ease-in;
        transform: translateY(-4px);
    }

    25%,
    55%,
    75%,
    87% {
        animation-timing-function: ease-out;
        transform: translateY(0px);
    }

    100% {
        animation-timing-function: ease-out;
        opacity: 1;
        transform: translateY(0px);
    }
}

/* Tool tips page css */
.content-area-quick .post-image {
    padding-top: 30px;
}

.content-area-quick h1 {
    font-weight: 600;
    font-size: clamp(36px, 5.5vw, 80px);
    line-height: 120%;
    margin: 0.67em 0;
    font-family: var(--font-family);
    padding: 0 15px;
}

.content-area-quick * {
    font-family: var(--font-family);
}

.content-area-quick .quicktips p {
    font-size: clamp(16px, 3.5vw, 18px);
    line-height: 30px !important;
}

.content-area-quick strong {
    font-family: var(--font-family);
}

/* Register your interest page css*/
.register-your-interest {
    width: 100%;
    position: relative;
}

section.register_interest_grid {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.register_interest_grid .ryi_section_1 {
    padding: 60px 0px 100px 0px;
    text-align: center;
    background-color: #002424;
}

.register_interest_grid .ryi_section_1 img {
    width: 100%;
    max-width: clamp(190px, 19vw, 280px);
}

.register_interest_grid .ryi_section_1 h4 {
    color: #ffffff;
    font-size: clamp(24px, 3.5vw, 40px);
    line-height: 120%;
    font-weight: 600;
    margin: 60px auto 20px auto;
    max-width: 730px;
    padding: 0 1.25rem;
}

.register_interest_grid .ryi_section_2 {
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    top: -80px;
    z-index: 0;
}

.register_interest_grid .ryi_section_2 .wpcf7-form-control-wrap[data-name="NeedAssistant"] {
    z-index: auto;
}

.register_interest_grid .ryi_section_2 .wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important;
}

.register_interest_grid .ryi_section_2 form.wpcf7-form {
    width: 100%;
    padding: 0 1.5rem;
}

.register_interest_grid .ryi_section_2 .wpcf7-radio {
    display: flex;
    gap: 20px;
}

.register_interest_grid .ryi_section_2 .wpcf7-radio .wpcf7-list-item {
    width: 100%;
    margin: 0;
}

.register_interest_grid .ryi_section_2 .wpcf7-radio .wpcf7-list-item:has(label):has(.active) label,
.register_interest_grid .ryi_section_2 .wpcf7-radio .wpcf7-list-item:has(label):has(input:checked) label {
    background: var(--green-gradient);
}

.register_interest_grid .ryi_section_2 .wpcf7-radio .wpcf7-list-item label {
    width: 100%;
    position: relative;
    border-radius: 20px;
    background: #f9f8ee;
    display: inline-block;
}

.register_interest_grid .ryi_section_2 .wpcf7-radio .wpcf7-list-item label input[type="radio"] {
    width: 100%;
    height: clamp(100px, 25vw, 160px);
    display: block;
    opacity: 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.register_interest_grid .ryi_section_2 .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding-top: 50px;
    color: var(--primary-color);
    text-align: center;
    font-size: clamp(16px, 3.5vw, 24px);
    font-style: normal;
    font-weight: bold;
    line-height: 120%;
}

.register_interest_grid .ryi_section_2 .wpcf7-radio .wpcf7-list-item:has(label):has(.active) label .wpcf7-list-item-label:before,
.wpcf7-radio .wpcf7-list-item:has(label):has(input:checked) label .wpcf7-list-item-label:before {
    filter: invert(1);
}

.register_interest_grid .ryi_section_2 .wpcf7-radio .wpcf7-list-item.first .wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-image: url("https://enciser.com/wp-content/uploads/2023/08/thumb-up.svg");
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
}

.register_interest_grid .ryi_section_2 .wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
    content: " ";
}

.register_interest_grid .ryi_section_2 .wpcf7-radio .wpcf7-list-item {
    width: 100%;
    margin: 0;
}

.register_interest_grid .ryi_section_2 .wpcf7-radio .wpcf7-list-item.last .wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-image: url("/wp-content/uploads/2023/08/thumb-down.svg");
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
}

.register_interest_grid .ryi_section_2 .inter-form {
    width: 100%;
    display: block;
    margin-top: 30px;
}

.inter-form label {
    color: #001623;
    text-align: center;
    font-size: clamp(16px, 3.5vw, 24px);
    font-style: normal;
    font-weight: bold;
    line-height: 120%;
    width: 100%;
    padding-bottom: 12px;
    display: inline-block;
    margin-bottom: 1rem;
}

.inter-form .form-group {
    margin-bottom: 1.5rem;
}

.inter-form .wpcf7-form-control-wrap {
    display: block;
}

.inter-form .wpcf7-form-control-wrap input.wpcf7-form-control {
    border-radius: 8px;
    border: 1px solid #e6e8e9;
    display: block;
    width: 100%;
    padding: 19px 16px 19px 16px;
    color: #8a949a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.inter-form .cus-loader {
    position: relative;
    display: block;
}

.inter-form .wpcf7-submit {
    border-radius: 150px;
    background: var(--green-gradient);
    display: block;
    width: 100%;
    padding: 4px 24px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
    color: #001623 !important;
    font-size: clamp(16px, 3.5vw, 24px);
    font-style: normal;
    font-weight: bold;
    line-height: 56px;
    margin-top: 40px;
}

.inter-form .cus-loader .wpcf7-spinner {
    position: absolute;
    display: block;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
}

.wpcf7-spinner::before {
    content: "";
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.register_interest_grid .social-share-icons {
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: var(--primary-color);
    display: inline-flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-direction: row;
}

.register_interest_grid .social-share-icons span {
    color: #fff;
    text-align: center;
    font-size: clamp(16px, 3.5vw, 24px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.fixed-section {
    right: 40px;
    position: fixed;
    bottom: 40px;
    width: auto;
}

.register_interest_grid .social-share-icons a svg {
    filter: brightness(0) saturate(100%) invert(91%) sepia(41%) saturate(606%) hue-rotate(60deg) brightness(93%) contrast(94%);
    width: 40px;
    height: 40px;
}

.register_interest_grid .social-share-icons a {
    display: block;
    width: 40px;
    height: 40px;
}

.inter-form .wpcf7-form-control-wrap input.wpcf7-form-control::placeholder {
    color: #757575;
    font-weight: normal;
}

.inter-form .form-group .wpcf7-textarea {
    width: 100%;
    resize: none;
    height: 147px;
    padding: 16px 16px;
    border-radius: 8px;
    border: 1px solid #e6e8e9;
    font-size: 16px;
}

.inter-form .wpcf7-not-valid-tip {
    font-size: clamp(11px, 1.5vw, 14px);
    position: absolute;
    line-height: 1.5;
    width: 100%;
    display: block;
    text-align: left;
}

.inter-form input.wpcf7-form-control:focus,
.inter-form textarea.wpcf7-form-control:focus {
    box-shadow: none;
}

.inter-form textarea.wpcf7-form-control:focus-visible {
    outline: none;
}

.register_interest_grid .ryi_section_2 .wpcf7-response-output {
    display: none;
}

nav.cus-sticky-product-nav {
    position: sticky;
    top: 70px;
    background-color: white;
    z-index: 99;
    margin: 0;
}

.cus-sticky-product-nav ul {
    display: flex;
    justify-content: flex-start;
    list-style: none;
    margin: 0 0px;
    max-width: none;
    padding: 0px 20px;
    padding-right: 40px;
    position: relative;
    background-color: #f0f1f2;
    gap: 20px;
    overflow-x: auto;
}

/* Coming Soon page css */
.page-bulider.coming-soon {
    background-color: #002424;
    height: 100%;
    width: 100%;
    position: relative;
}

.page-bulider.coming-soon:after {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2023/07/footer.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-position: bottom;
}

.page-bulider.coming-soon .inner-col {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    overflow: hidden;
}

.page-bulider.coming-soon .section-1 p {
    font-size: clamp(18px, 2.5vw, 24px);
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: 400;
    display: block;
    color: #fff;
}

.page-bulider.coming-soon .inner-col h4 {
    color: #ffffff;
    font-size: clamp(40px, 6.5vw, 100px);
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.page-bulider.coming-soon .inner-col img {
    width: 100%;
    max-width: 350px;
}

/* Thank You page css */
.page-bulider.thank-you {
    background-color: #002424;
    height: 100%;
    width: 100%;
    position: relative;
}

.page-bulider.thank-you .inner-col {
    text-align: center;
    min-height: 100vh;
    padding: 120px 20px 60px 20px;
}

.page-bulider.thank-you .section-1 a img {
    width: 100%;
    max-width: 220px;
}

.page-bulider.thank-you .section-1 div {
    margin: 80px 0px 0px 0px;
}

.page-bulider.thank-you .section-1 div img {
    width: 100%;
    max-width: 180px;
    margin: 0px 0px 40px 0px;
}

.page-bulider.thank-you .section-1 h4 {
    color: #ffffff;
    font-size: clamp(40px, 4.5vw, 80px);
    line-height: 1.2;
    margin: 0px 0px 30px 0px;
    padding: 0% 0% 0% 0%;
}

.page-bulider.thank-you .section-1 p {
    font-size: clamp(20px, 5.5vw, 32px);
    line-height: 140%;
    color: #fff;
    margin: 0.37em 0 0.47em;
    font-weight: 600;
}

.page-bulider.thank-you .section-2 {
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.page-bulider.thank-you .section-2 ul li a svg {
    width: clamp(40px, 4.5vw, 60px);
    height: clamp(40px, 4.5vw, 60px);
    position: relative;
    display: block;
}

.page-bulider.thank-you .section-2 ul {
    display: flex;
    justify-items: center;
    justify-content: center;
    gap: 20px;
    list-style: none;
}

.page-bulider.thank-you .section-2 p {
    font-size: clamp(16px, 2.5vw, 28px);
    line-height: 140%;
    color: var(--white-color);
    margin-bottom: 1.25rem;
}

/* Error page css */
.error404 .inner-page-wrapper h1 {
    font-weight: 900;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	top:60px;
}

.error404 .inner-page-wrapper .four_zero_four_bg {
    height: 480px;
}

.error404 .inner-page-wrapper .contant_box_404 {
    margin-top: -90px;
}

/* Download app css */
.download-app {
    margin-top: 2.5rem;
}

.download-app ul {
    display: flex;
    list-style: none;
    gap: 1.25rem;
}

.download-app h4 {
    color: var(--primary-color);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 1.5rem;
}

.download-app ul a {
    display: block;
}

.download-app ul a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.download-app ul a img {
    width: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

/* **** Single Product **** */
.product-template-default .site-content {
    padding-top: 130px;
    padding-left: 0;
    padding-right: 0;
}

.custom-single-product .product.type-product {
    display: flex;
}

.custom-single-product .product.type-product>div {
    float: unset !important;
    width: 50% !important;
}

.custom-single-product .product.type-product .woo-product-gallery-slider {
    background: linear-gradient(180deg, #f2f2f2 0%, #e2e2e9 100%);
    padding: 0 40px;
    margin: 0;
}

.custom-single-product .product.type-product .woo-product-gallery-slider .slick-slide img {
    margin: 0 auto;
}

.custom-single-product .product.type-product .woo-product-gallery-slider .slick-slide img[role="presentation"] {
    display: none !important;
}

/* .woo-product-gallery-slider .slick-slider {
    min-height: 600px;
    position: relative;
} */

.custom-single-product .product.type-product .woo-product-gallery-slider .wpgs-for .slick-arrow {
    transform: translateY(-50%);
    margin-top: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

.custom-single-product .product.type-product .woo-product-gallery-slider .wpgs-for .slick-arrow:before {
    content: "";
    background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAFMAAABTCAYAAADjsjsAAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAnUSURBVHgB7V3NUxvJFf/NSAo2mC9v4g9Gygpqdw97WJNjcgizviS35bZVrq0Y7x8Q8J5ysoUPyQ3DXpJTsK97WZw/wGhvziULly2nasuMK+ByrbdAsBIBJE3nve4ZzUhChoA0aoF+BTWjGUnT85vX/V6/jxbQRdNgQAekr6Wxb4wjFnsXhhiHQBpCpOU5w0jXvDtH53J03AFoC6zCxQpcdwWvXztoI9pD5tDQEPouTMKMTRBxk3wEzYCAAxNZIjeLcvmbqMmNjkyfQCN2m17ZNWdZ0ogE8ZL2V6TUxeOOPOM4Tv339KXpPUOe9I7TXdyQ2/qHkiWCH2Fj4zEiQOvJ5Ju/1DtNl5pB9c1m6dgSkfakjrCT4MMPge1tJpTJrX5gvsQWy7OtlNbWkckk9vfN043cDh3NSgLz+cfI5XJoFWwbeP48TWOwXUesQZLaIlKbT+ahkiiWAHMB6+tZRI1AYmc8YmWD6G8W669moS2S12xY1hqSllD/ya9xjTS1DmBp5bZY1qNK+yzrBf3fhlZgaUxZDwMSrWUi0oaOUKSOIjUSPPSUNSfvoe1QT9tv2Bbtz6ATkE5TT0pmqqS0rb3o+vVJSaB8uvSkdenSx0W9lG7Ke4ocyeR06Kk+0qObnACZDEvpEN3PvHc/LpIj9xEZ+GKBksngLKC620dEaJjIThkfj4v33gPd091oCA0TmUpN4SyC7VLLulMh1LreAoFRyuZsSmQtaiW0qUqJtbSvtc/KGHkUqsfQzeZYKqylfTvSsuZxnvDBB0ZlxsR26BEWi3nkF/b33ac5Lbm8hINCIYPzhFu3BBKJu/LeDYwSF/dwYljWVGWc7DSDvFnwDXs1zLknnyZXponnZJxshLBCOkZ3r4dvBvFUqwtWSIZy4LBwjWQOe8vh/kzu0vGYIrFUHm13oEoLsHYvlT4mP+hTerWFfGGs1sF9uAJKxDJyy/GTLpEKHFnp6clS7Ikc3RgmZTRX+5Z6yexKZWOocMgo8fMCLGr5wuWwdNZLZlcqGyObBUVGHRnHYkG81Fs1E6wn08WE2jlYQBf1KJcpfoQv1Qvjj2HNXk0m25VsoHMUcePNCrqoB4+d8XgWMtIKjuFX5u3VZPrRO+7iOoHH8RQF53RxQMfjgjj6B5gxA3/wDwdkqhmOLfc5tUQXcLtisWUIMYlLfctaEPrZZ6RbEo+8V7bfpoBMDtgrZLVSPPHY197QwxgnQp+2nVAOdXBKj+rq8Lt6QKbpSaVuXVzgDlTDffxKC0LDXd3Eb/lQQGagxVehEzY2VqjRNPPQjNBkkofDJbmvMvk8oz0w1HNY3xiGjrAsTshaRjj5y8Ai/rPxOdqFsTEDB/ubtDeIeHlMSWYiMe6d1tccCiQ0AA8BKevvaBcMAzIVknFg3lBkivK41zi9ungtFKHVkthOQvf36foyp5RIFaOKTMO84Z3W31AfHFzUhtCBAeEJICkh8yNPMoUah2SeuOb47ru3ETqHKLG7S5yVHe/6adPfUdv91iWgNhONCZ2JNLVF+jjheNf2yDQ8DVkoOugUMKEXLzKhX4SOska4H22uUNXFCeyKZ6xvtD7HnV3/zYdd8zq6zGAOZ5SKLl8zjuhho/XwJRRRplofHTfvXBChZqR1Tu2QzCyaj0NqgAzq5usZRA4/Pp7usEQDmQ80kgnl0kebM6oSZYf9fKTO7eac+ucWp+TYWIUIJfKrr4BiMS33BXK+aeTIbSmeRieAicxvT5Gna7HquMB8pF1bGe3ehAeOPwN66W3T0B2NieQaybuIEr29dN1Y2mvAttfNDX9OPg7d0ZjIO4gaOzuGVwTLWFVkmqYjt4bmksk+TV2IZMSlMXRDtsLFt4rMYtGTTGNCZi3oiMA5HKCdRDJMSZ/qza7rSaYKoLGTYwjO8zR0w2FeduBbFArRjpFh8Ni9v6/sW06GJQ4D00iIJ3JbNNpQofUWNCIyX7jZ0jLr48GTSuVtD9mZnvvdMD/xQpl6wJBjpH5E7u76CQjsJJJ5BsHclUveSsUtuV/YHcbWlh6+TQ72JcxlCCMNjgTkCx+3ncjabLhSeay6mztOEFTvvTAFXcDjedHlQFpWCyIZP/xwaNJG9XRSQC0Mwl2d5726gBu7vqEHkYxwF/c5Qy2ZiQQH1bnBNkolG13Ug7V4sciKx5ZaPLQyTTWZsqsLLy/TndbW5mwnSiVOh5mW+54W91HvPA0rIjWwdqstfDRQPP7pehccS6efvBU357QaO9uNV68MJGLK5XdImnqDaosEzyyoy5MB3x07FVgqd3bS3jpNAuXyg9q3xA79YC63h4H+i0QmfQPF1K9cfYzNTZxrFIuctfEvFRY3HpCULh3/wzx2pkZeqBK36zPnWhmFwyPMyYnARZf+EjtcjKnTNDMqBIWo3soIp1lUKpl86BVgrmF4SM/czVaBhWd4eDhUb //wbW+PHfmFly//E6L8KY0To+j52VVcfucJNJmItBzff2+gJ/Fn2vs9GehryO/ewt7eXqO3H00mK6Pevic0+LJ4/xpu2SCFlD3zConHSbeUISH6E7jwtOT+Bj/++PptHzmaTEY+n8Pg0L/JIvhUavjiwQ5Sv3yGN29wJsH15QcHM7T3F0gzyL1FNuWzoz52PDIZOzvP0T+wTaYBibzxOxT3X+IXV1fOnITy3Pu/+Smi8K/qgDSD/nacjx6fTMZPPz3DwCBPQW1ZYcAS+s7Pn52ZMZQlslCYCREZQUJDeHU/aX8ljY43m+pSbaJcSkMR6nrrTz6UJkQnGvYsBENk8lkjiyFbcgaRI5WalAso+XYoG7ed5BjxDfJg/c9TLfl4+vxFFaN5SjGaUXVAzNL+LN5/X8hid13B4+PeHvklRQYqXLtG4ZGbp6kbbU4yqPSBlsg1Jabld/JS3uXyTQwMOBgZ0YtUmdS/Z5PuZVeaLY9xwlehMHvasEhzM2u5+N8U9ypSqpbxfiBJ5cJNTupvF3zHbiI+J8utZftIGoX5ebNW6W5NmrLUhOJe5fuZVPfgSyT6VtDbK3DlCiKTVl8Sjfh0hUTlq12gych8M4N0rcv5VkX3973VFfzrZGU0jxcHuHDBkcQymi2xrKEXFnjJB7q2JNCunBNYpC79RSsina1PoPdJNcWEl0hQTSyXZPf086+mcLBKldBxEinnPv4/JHM35jypUvyTOgJbJIm1iLQawVtQhePNds31+QY5E2+VPFSrMpNZlHMoFNfqbt7Puy/xz9zw6okxCruKd72oQE2RgPfACoWlKGLu0ZLpQ0mrTXsTIYltRnty9A1LcPFNVASG0R4yayFt1cS4LNU2zI9kYSynhBsGO6OrpU1Q4J/BRbNSgg3+yZuX9HBWmvLrLafA/wDqTQTckV+PdAAAAABJRU5ErkJggg==");
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.custom-single-product .product.type-product .woo-product-gallery-slider .wpgs-for .slick-arrow.flaticon-back:before {
    transform: rotate(-180deg);
}

.custom-single-product .product.type-product .woo-product-gallery-slider .wpgs-for .slick-arrow.slick-disabled {
    opacity: 0;
}

.custom-single-product .product.type-product .summary {
    padding: clamp(20px, 1.6vw, 80px);
    padding-bottom: 0;
}

.custom-single-product .woocommerce div.product div.summary {
    margin-bottom: 0;
    height: 100vh;
    padding-left: 15px;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.custom-single-product .woocommerce-message a.button {
    border-radius: 150px;
    background: var(--green-gradient);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    color: #000000 !important;
    padding: 12px 16px;
    text-transform: capitalize;
    letter-spacing: 1px;
    transition: all 0.5s ease;
}

.woocommerce-page .custom-single-product .woocommerce-message a.button:hover,
.woocommerce-page .custom-single-product .woocommerce-message a.button:focus {
    transition: all 0.5s ease;
    box-shadow: #001623 0px 1px 1px, #001623 0px 0px 1px 1px;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-button {
    text-decoration: none;
    color: #019d9a;
    display: flex;
    align-items: center;
    justify-content: end;
}

.custom-single-product .product_title.entry-title {
    color: #002424;
    font-size: clamp(32px, 2.4vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 1rem;
}

.my-custom-content {
    margin-bottom: 16px;
    display: inline-block;
}

span.rating-text {
    display: flex;
    align-items: center;
}

.tt {
    line-height: normal;
    display: inline-flex;
    color: #fff;
    padding: 3px 6px 3px 4px;
    border-radius: 3px;
    font-size: 14px;
    vertical-align: middle;
    background-color: #019d9a;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}

.tt svg {
    width: 16px;
    color: #fff;
    height: 16px;
    margin: 0 4px 0 0;
}

.my-custom-content a {
    text-decoration: none;
}

.rating {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 600;
    text-shadow: none;
}

.custom-single-product .product p.price {
    color: #002424 !important;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 1.5rem;
    /* display: none !important; */
}

.product-type-variable p.price {
    display: none !important;
}

.woocommerce-product-details__short-description {
    color: #002424;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.woocommerce-product-details__short-description p {
    line-height: 140%;
    font-size: 15px;
    color: #002424;
}

.woocommerce-product-details__short-description :is(span.product_read_less_btn, span.product_read_more_btn) {
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    cursor: pointer;
}

.woocommerce div.product form.cart .features-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.woocommerce div.product form.cart .features-wrapper .feature-col {
    width: 48%;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.woocommerce div.product form.cart .features-wrapper .feature-col span {
    color: #002424;
    font-size: 15px;
    font-weight: 600;
    line-height: 140%;
}

.woocommerce div.product form.cart .features-wrapper .feature-col img {
    width: clamp(28px, 4vw, 48px);
    height: clamp(28px, 4vw, 48px);
}

.woocommerce div.product form.cart div.quantity {
    border-radius: 70px;
    border: 1px solid #8a949a;
    display: flex;
    width: 140px;
    height: 48px;
    padding: 6px 20px;
    justify-content: center;
    gap: 8px;
    margin-right: 1rem;
    position: relative;
}

.woocommerce .quantity .qty {
    color: #002424;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border: none;
    width: 44px;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-appearance: textfield !important;
}

.woocommerce div.product form.cart button.minus {
    width: 24px;
    height: 30px;
    flex-shrink: 0;
    background: none !important;
    color: #8a949a !important;
    font-size: 24px;
    line-height: 1.3;
}

.woocommerce div.product form.cart button.plus {
    width: 24px;
    height: 30px;
    flex-shrink: 0;
    background: none !important;
    color: #8a949a !important;
    font-size: 24px;
    line-height: 1.3;
}

.woocommerce div.product form.cart button.single_add_to_cart_button {
    border-radius: 150px;
    color: #ffffff !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    width: calc(70% - 200px);
    max-width: 300px;
    background-color: #fff !important;
    box-shadow: none;
    padding: 12px 20px;
    height: 48px;
    transition: all 0.5s ease;
}

.woocommerce div.product form.cart button.single_add_to_cart_button:hover {
    background: var(--green-gradient);
}

.woocommerce div.product form.cart button.single_add_to_cart_button::after {
    display: none;
}

.woocommerce div.product form.cart button.wpcbn-btn.wpcbn-btn-single {
    border-radius: 150px;
    border: 1px solid var(--Dark-Blue-500, #001623);
    color: var(--Dark-Blue-500, #001623) !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    width: 100%;
    background: var(--green-gradient);
    margin-top: 20px;
}

.woocommerce div.product form.cart button.wpcbn-btn.wpcbn-btn-single::after {
    display: none;
}

.secure-checkout {
    display: flex;
    float: inline-start;
    width: 100%;
    margin-top: 2.5rem;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.woocommerce div.product form.cart .secure-checkout span.secure-text {
    color: #8a949a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.woocommerce div.product form.cart .secure-checkout .secure-checkout-col {
    border-left: 1px solid #8a949a;
    padding-left: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce div.product form.cart .secure-checkout .secure-checkout-col:first-child {
    border-left: none;
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
}

/* .custom-single-product .product.type-product .woo-product-gallery-slider .wpgs-nav.slick-slider {
    display: none !important;
} */

.woocommerce .secure-checkout span.secure-text {
    color: #8a949a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
	max-width: 160px;
	display: block;
}

.woocommerce .secure-checkout .secure-checkout-col {
    border-left: 1px solid #8a949a;
    padding-left: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce .secure-checkout .secure-checkout-col:first-child {
    border-left: none;
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
}

.woocommerce .secure-checkout .secure-checkout-col:first-child img.secure-img {
    display: none;
}

/***Cart & Checkout Css***/
.return-to-shop {
    text-align: center;
    margin-bottom: 40px;
}

.wc-empty-cart-message .woocommerce-info {
    border-top-color: #17a39a;
}

.wc-empty-cart-message .woocommerce-info::before {
    color: #29ad9a;
}

.woocommerce-page .woocommerce {
    margin: 0px auto 60px !important;
    padding: 0 20px;
}

.woocommerce-page .woocommerce h2 {
    font-size: 34px;
    color: var(--tan-green-color);
    text-transform: capitalize;
}

.woocommerce ul.products li.product .price {
    color: var(--primary-color) !important;
    font-weight: 600;
    font-size: 16px;
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
    color: var(--tan-green-color);
}

.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide+p.form-row label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: flex;
    margin-bottom: 12px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link {
    margin: 3px 0;
    background: #f9f8ee;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover a {
    background: var(--green-gradient);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a {
    color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    display: block;
    padding: 10px;
}

.woocommerce table.my_account_orders .button {
    margin-left: 6px;
}

.custom-background.wp-custom-logo .woocommerce {
    padding-top: 30px;
    padding-bottom: 60px;
}

.woocommerce-account .addresses .title .edit {
    float: right;
    padding: 4px 20px;
    text-decoration: none;
    background: var(--green-gradient);
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.woocommerce-account .addresses .title .edit:hover {
    float: right;
    padding: 4px 20px;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
}

.woocommerce-Address {
    margin-bottom: 20px;
}

.wc-breadcrumb {
    margin-bottom: 2rem;
}

fieldset {
    border: none;
    margin: 14px 0;
}

p#billing_country_field span.woocommerce-input-wrapper {
    display: block;
    background: #afb8b221;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.woocommerce-cart .woocommerce a.remove:hover {
    color: #fff !important;
    background: #2eb199;
}

.woocommerce-cart .entry-header .entry-title {
    font-size: 58px;
}

.woocommerce-cart.woocommerce-page header.entry-header {
    border-bottom: none;
    display: block;
}

.woocommerce-checkout header.entry-header.alignwide {
    display: none;
}

.site-header .primary-navigation .secondary-menu-container ul li a {
    padding: 0 !important;
}

.site-header .primary-navigation a svg {
    width: 24px;
    height: 24px;
    margin-top: 4px;
}

.secondary-menu-container {
    position: absolute;
    right: 60px;
}

.woocommerce-cart .woocommerce a.remove {
    color: #8a949a !important;
    font-size: 28px;
    line-height: 100%;
    height: 2rem;
    width: 2rem;
}

.woocommerce-order-pay .woocommerce {
    padding-top: 6rem;
}

.woocommerce-order-pay .woocommerce button {
    padding: 8px 30px;
    border-radius: 5px;
    margin-top: 20px;
    border: 2px solid;
    border-radius: 50px;
}

.woocommerce-order-pay .razorpay-backdrop {
    filter: blur(0px);
    background: rgb(5 5 5 / 84%) !important;
}

.woocommerce ul.order_details li {
    float: left;
    margin-right: 2em;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    border-right: 1px dashed #cfc8d8;
    padding-right: 2em;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 16px;
}

.woocommerce span.onsale {
    display: none;
}

.woocommerce-product-details__short-description ul {
    margin-left: 16px;
}

.woocommerce form p#billing_city_field,
.woocommerce form p#billing_state_field,
.woocommerce form p#billing_postcode_field,
.woocommerce form p#shipping_state_field,
p#shipping_city_field,
p#shipping_postcode_field {
    width: 33.33%;
    float: left;
    clear: inline-end;
    display: inline-grid;
    border-radius: 0 !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 0;
}

h3#ship-to-different-address {
    margin: 20px 0;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
}

.woocommerce-account-fields p.form-row.form-row-wide.create-account.woocommerce-validated {
    padding-left: 0;
}

html .woocommerce-message {
    border-top-color: #009688;
    margin-bottom: 8px;
}

html .woocommerce-message::before {
    color: #009688;
}

button#primary-mobile-menu {
    height: 32px;
}

.home-edit_floating-items img {
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.home-edit_sticky-wrapper {
    height: 250.25rem;
    position: relative;
}

.product_read_less_btn,
.product_read_more {
    display: none;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn,
.xoo-wsc-container .xoo-wsc-btn {
    border-radius: 50px;
}

@keyframes fademsg {
    0% {
        opacity: 0;
        transform: translateX(1000px);
        -webkit-transform: translateX(1000px);
        -moz-transform: translateX(1000px);
        -ms-transform: translateX(1000px);
        -o-transform: translateX(1000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.woocommerce-page .site-header {
    background: var(--light-active-color);
}

.coupon {
    width: 100%;
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #8A949A;
    position: relative;
}

#coupon-error-notice {
    position: absolute;
    bottom: 0;
    font-size: 12px;
    color: #F44336;
}

.woocommerce .coupon .input-text {
    border: 1px solid #ededed;
    height: 46px;
    padding: 0px 11px;
    width: calc(100% - 100px);
}

.woocommerce-page .woocommerce .coupon button.button {
    width: 100px;
    height: 44px;
    border-radius: 25px;
    padding: 14px 17px;
    background: #8a949a !important;
}

.woocommerce-product-info {
    width: calc(100% - 445px);
    padding-right: 5rem;
}

form.woocommerce-cart-form {
    display: flex;
    gap: 20px;
    padding-top: 3.75rem;
    padding-bottom: 5rem;
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 445px;
    width: 100%;
    border-radius: 12px;
    background: #f6f7f7;
    padding: 2.5rem;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 100%;
}

main.site-main:has(.page .woocommerce) {
    padding-top: 5rem;
}

.woocommerce-cart .entry-header .entry-title {
    color: #002424;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
}

.woocommerce-cart article.page {
    padding-top: 5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    max-width: 1400px;
    margin: auto;
}

.woocommerce-cart .entry-header .entry-title {
    color: #002424;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
}

.woocommerce-cart .entry-header {
    border-bottom: none;
    padding-bottom: 1.25rem;
}

.woocommerce .woocommerce-breadcrumb a {
    color: #002424;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
}

.product-compare table {
    border: none !important;
    border-radius: 16px;
    border-collapse: separate;
    border-spacing: 0;
}

.woocommerce table td,
.woocommerce table th,
.woocommerce .wp-block-table td,
.woocommerce .wp-block-table th {
    border: none;
    border-collapse: collapse;
}

.woocommerce table.shop_table td {
    border-left: 0;
}

.woocommerce table.shop_table {
    border: none !important;
    margin: 1px 0 6px 0 !important;
    background: #ffffff;
}

.woocommerce ul.order_details li strong {
    display: block;
    font-size: 16px;
    text-transform: none;
    line-height: 1.5;
    font-weight: 600;
}

.woocommerce ul.order_details li {
    margin-right: 1.2em;
    padding-right: 1em;
    margin-bottom: 16px;
}

.woocommerce-cart .woocommerce a.remove {
    color: #8a949a !important;
}

.woocommerce-orders-table__cell:nth-child(2),
.woocommerce-orders-table__cell:nth-child(3) {
    text-align: unset !important;
}

.woocommerce-cart table.cart td.product-thumbnail a {
    /* background: linear-gradient(180deg, #f2f2f2 0%, #e2e2e9 100%); */
    background: var(--Light-Yellow-200, #F9F8EE);
    display: block;
    max-width: 140px;
    width: 100vw;
    height: 100%;
}

td.product-quantity .quantity {
    border-radius: 70px;
    border: 1px solid #8a949a;
    display: flex;
    width: 140px;
    height: 40px;
    padding: 6px 20px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}

td.product-quantity .quantity button {
    width: 32px;
    height: 24px;
    flex-shrink: 0;
    background: none !important;
    color: #8a949a !important;
    font-size: 24px;
}

.woocommerce .product-quantity .quantity .qty {
    color: #002424;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border: none;
    width: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.woocommerce .product-quantity .quantity input[type="number"]::-webkit-inner-spin-button,
.woocommerce .product-quantity .quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

form.woocommerce-cart-form .woocommerce-cart-form__cart-item a {
    text-decoration: none;
    color: #002424;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.woocommerce-product-info table.shop_table th {
    color: #8a949a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.woocommerce table.shop_table td.actions {
    padding-top: 2.5rem;
}

.woocommerce table.shop_table td.actions button.button {
    border-radius: 150px;
    background: var(--green-gradient);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.woocommerce table.shop_table td.actions button.button:hover {
    border-radius: 150px;
    opacity: 1;
    background: var(--green-gradient);
    color: #ffffff;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.woocommerce .coupon .input-text {
    border: none;
    height: 46px;
    padding: 0px 11px;
    width: calc(100% - 100px);
    border: 1px solid #ededed;
}

.woocommerce-page .woocommerce .coupon button.button {
    width: 100px;
    height: 46px;
    border-radius: 25px;
    padding: 14px 17px;
    background: #8a949a !important;
}

.woocommerce-cart .cart_totals table tr {
    display: flex;
    justify-content: space-between;
}

.woocommerce-cart .cart_totals table tr th,
.woocommerce-cart .cart_totals table tr td {
    border: none !important;
    padding: 0.25rem 0;
}

tr.woocommerce-shipping-totals.shipping td {
    padding: 0;
    text-align: right;
}

tr.woocommerce-shipping-totals.shipping td ul li {
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
}

.wc-proceed-to-checkout {
    border-top: 1px solid #8a949a;
    margin-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.wc-proceed-to-checkout a.es-btn-com {
    justify-content: center;
    position: relative;
    width: 100%;
    height: 50px;
}

.wc-proceed-to-checkout a.es-btn-com i.btn-arrow-icon {
    position: absolute;
    right: 6px;
}

/* checkout page */
a.downloadinvoice {
    float: right;
    font-weight: 600;
    color: #019d9a;
    cursor: pointer;
    position: relative;
    z-index: 99;
}

a.downloadinvoice {
    float: right;
    font-weight: 600;
    color: #019d9a;
    cursor: pointer;
    position: relative;
    z-index: 99;
    font-size: 18px;
}

.woocommerce-NoticeGroup {
    position: unset;
    width: 100%;
    z-index: 9;
    top: 0.25rem;
}

.woocommerce-NoticeGroup ul.woocommerce-error {
    margin-bottom: 4px;
}

.woocommerce-page input[type="radio"]:checked:focus {
    outline-offset: unset;
    outline: none;
}

.woocommerce-page .woocommerce form.woocommerce-checkout {
    display: flex;
    align-items: flex-start;
    /* gap: 20px; */
    padding-top: 15px;
    position: relative;
    flex-wrap: wrap;
}

.woocommerce form .form-row::after, .woocommerce form .form-row::before, .woocommerce-page form .form-row::after, .woocommerce-page form .form-row::before {
    display: none;
}

.woocommerce-page .cart-collaterals table.shop_table,
.woocommerce-page .woocommerce form.woocommerce-checkout table.shop_table {
    background: none;
}

.col2-set {
    display: flex;
    flex-direction: column;
}

.woocommerce-page header.entry-header {
    border-bottom: none;
    display: none;
}

.woocommerce-page .woocommerce {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.woocommerce form .form-row .input-checkbox {
    display: inline-block;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce span.woocommerce-input-wrapper .select2-container--default .select2-selection--single {
    height: 46px;
    padding: 6px 12px;
    gap: 4px;
    border: 1px solid #f0f1f2;
    width: 100%;
    border-radius: 4px;
}

.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
    display: inline;
    font-size: 18px;
}

#backdrop {
    filter: blur(50px);
    background: rgb(249 248 238 / 85%);
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left;
    width: 100%;
  
    margin-top: 16px;
    margin-bottom: 0;
}
.woocommerce .woocommerce-Addresses.addresses .woocommerce-Address{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    padding: 16px;
    border-radius: 12px;
	margin-top: 24px;
}
.woocommerce-input-wrapper .select2-selection--single .select2-selection__rendered {
    padding: 0;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
    width: 50%;
}

.woocommerce-checkout-review-order {
    background: #f6f7f7;
    padding: 2.5rem;
    position: sticky;
    top: 5rem;
    width: 50%;
    margin-top: 4rem;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 50% !important;
    right: 6px;
    width: 14px;
    height: 18px;
    transform: translateY(-50%);
}

label.woocommerce-form__label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 3px;
}

.woocommerce form .form-row .input-checkbox,
label.woocommerce-form__label .woocommerce-form__input-checkbox {
    border: 1px solid #8a949a;
    cursor: pointer;
}

.woocommerce input[type="checkbox"]:after {
    content: "";
    left: 7px;
    top: 2px;
    width: 9px;
    height: 15px;
    border: 3px solid var(--tan-green-color);
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
}

.woocommerce-checkout-review-order .cart_item .product-name {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #002424;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.woocommerce-checkout-review-order .wc-product-image {
    position: relative;
    width: 64px;
    display: flex;
    border: 1px solid #8a949a;
    /* background: linear-gradient(180deg, #f2f2f2 0%, #e2e2e9 100%); */
    background: var(--Light-Yellow-200, #F9F8EE);
}

.woocommerce-checkout-review-order .wc-product-image .product-quantity {
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 50px;
    background: #8a949a;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 3px 6px;
    width: 24px;
    height: 24px;
}

.woocommerce-checkout-review-order .wc-product-image img {
    max-width: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce-checkout-review-order td.product-total .amount {
    color: #002424;
    font-family: Rebond Grotesque;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.woocommerce-checkout-review-order tr.coupon-form td {
    padding: 0;
}

.woocommerce-checkout-review-order tr.coupon-form td form.checkout_coupon {
    border: none;
    margin: 0;
    display: flex;
    /* gap: 8px; */
    align-items: center;
    padding: 1.25rem 0;
}

.coupon-form td {
    padding: 0 !important;
}

.woocommerce-checkout-review-order tr.coupon-form td form.checkout_coupon .form-row {
    margin: 0;
    padding: 0;
}

.woocommerce tr.coupon-form td form.checkout_coupon .input-text {
    width: 100%;
    border-color: #efefef;
}

tr.coupon-form .form-row-first,
.woocommerce tr.coupon-form td form.checkout_coupon .form-row.form-row-first {
    width: calc(100% - 132px);
}

tr.coupon-form .form-row-last,
.woocommerce tr.coupon-form td form.checkout_coupon .form-row.form-row-last {
    display: flex;
    width: 132px;
    height: 46px;
}

tr.coupon-form .form-row-last button.button {
    width: 100%;
}

.woocommerce tr.coupon-form td form.checkout_coupon .form-row.form-row-last .button {
    display: flex;
    padding: 14px 17px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--green-gradient) !important;
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    line-height: 15px;
    letter-spacing: -0.2px;
    border-radius: 50px;
    height: 44px;
    position: relative;
    right: 0;
    width: 100%;
    max-width: 120px;
    margin-left: 12px;
    font-weight: 500;
    box-shadow: none !important;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-form button.button {
    border-radius: 20px;
    background-color: #8a949a !important;
}

/*** Order Shipment****/

.order-shipment .wpcf7-form-control-wrap {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 30px;
}

.order-shipment .courier-form-grid .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 14px;
    font-weight: normal;
    display: block;
    position: absolute;
    bottom: -14px;
    line-height: normal;
}

.order-shipment input[type="text"], .order-shipment input[type="number"],
.order-shipment input[type="date"], .order-shipment input[type="email"],
.order-shipment select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    padding: 6px 15px;
    border-radius: 6px;
    font-size: 14px;
    border: 1px solid #d8d8d8;
    margin: 0;
    margin-bottom: 5px;
}

.order-shipment .filled label {
    top: 3px;
    font-size: 12px;
}

.order-shipment input.wpcf7-form-control:focus, .order-shipment textarea.wpcf7-form-control:focus {
    border-color: #d8d8d8;
    transition: all 0.5s ease;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.order-shipment form.wpcf7-form {
    max-width: 680px;
    margin: 0 auto;
    padding: 20px;
}

.order-shipment .FormControl:first-child, .order-shipment .FormControl:nth-child(2) {
    width: 100%;
    flex: 0 0 auto;
}



.cus-woo-sidebar .woocommerce-ordering {
    display: block !important;
}


span.wqpmb_plain_input.hidden {
    display: none;
}

.xoo-wsc-sum-col .variation dt {
    display: none !Important;
}

.woocommerce-order-details ul.wc-item-meta {
    display: none;
}

.woocommerce-checkout-payment .place-order button#place_order {
    padding: 12px 20px 16px;
    line-height: normal;
}

.custom-extra-field.referalCodeCustom form#referalForm {
    display: flex;
    position: relative;
    margin: 16px 0;
}

.custom-extra-field.referalCodeCustom form#referalForm input {
    margin: 0;
    border-radius: 6px;
    padding: 12px 16px;
    height: 48px;
}

.custom-extra-field.referalCodeCustom form#referalForm label#extra_input-error, .custom-extra-field.referalCodeCustom form#referalForm span.CodeResponse {
    position: absolute;
    bottom: -20px;
    color: red;
    left: 0;
    font-size: 14px;
    line-height: normal;
}

.custom-extra-field.referalCodeCustom form#referalForm button#custom_submit_button {
    border-radius: 50px;
    height: 48px;
    position: relative;
    right: 0;
    width: 100%;
    max-width: 120px;
    margin-left: 12px;
    font-weight: 500;
    box-shadow: none !important;
    color: #ffffff !important;
    line-height: 120%;
    background: var(--green-gradient);
}

.woocommerce table.shop_table td[data-title="Shipping"] {
    font-size: 12px;
    color: #303030;
    font-weight: 500;
}

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
    border-color: #f0f1f2 !important;
}

.woocommerce table.shop_table td[data-title="Shipping"] a {
    color: #019d9a !important;
    text-decoration: none !important;
}

.woocommerce-notices-wrapper ul.woocommerce-message {
    background: rgb(76 175 80 / 20%);
}

.custom-extra-field.referalCodeCustom label {
    margin-bottom: 0;
}

.custom-extra-field.referalCodeCustom form#referalForm span.CodeResponse.success {
    color: #1e9e99;
}

.thumb-wrap {
    overflow: hidden;
}

.thumb-wrap .size-woocommerce_thumbnail {
    margin: 0 !important;
}

.custom-extra-field.referalCodeCustom {
    border: none;
    margin-bottom: 40px;
    background: none;
    padding: 0;
}




html body .awf-loader:before, html body .awf-filterable .blockUI.blockOverlay::before, html body .awf-loader:after {
    content: none !important;
}

html .awf-filterable .blockUI.blockOverlay::before {
    color: transparent !important;
    background: url(//enciser.com//wp-content/uploads/2025/01/loader-bill.gif);
    background-size: 100%;
    transform: translateY(-50%) translateX(-50%) !important;
    width: 100px !important;
    height: 100px !important;
}

input#account_password {
    padding-right: 36px;
}

.return-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 8px;
    margin-top: 3.75rem;
}

.return-btn a {
    color: var(--Green-500, #019d9a);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
}

.woocommerce-checkout-review-order-table tfoot .cart-subtotal {
    text-align: left;
    color: #002424;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.woocommerce-checkout-review-order-table tfoot td {
    color: #333;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.woocommerce-checkout-review-order-table tfoot th {
    text-align: left;
    padding: 0.563rem 0 !important;
}

.woocommerce-checkout-review-order .cart_item td.product-total {
    padding: 9px 0;
    text-align: right;
}

.woocommerce-checkout-review-order-table tfoot td {
    padding: 9px 0 !important;
}

.woocommerce-page .woocommerce form.woocommerce-checkout .col2-set {
    padding-right: 3rem;
    width: 50%;
}

.woocommerce-checkout-payment .place-order button#place_order {
    border-radius: 150px;
    background: var(--green-gradient);
    font-size: 20px;
    padding: 12px 20px !important;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    margin-top: 2.5rem;
    width: 100%;
    border: none !important;
    box-shadow: none !important;
}

.woocommerce .col2-set::after, .woocommerce .col2-set::before, .woocommerce-page .col2-set::after, .woocommerce-page .col2-set::before {
    display: none;
}

.woocommerce ul#shipping_method li label {
    color: var(--Green-1300, #001C1B);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination {
    font-size: 14px;
    color: #595959;
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination strong {
    font-weight: 500;
}

.includes_tax {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
    row-gap: 2px;
    line-height: normal;
}

p#billing_add_gstnumber_checkbox_field {
    margin-bottom: 12px;
    margin-top: 16px;
}

#shipping_country_field span.woocommerce-input-wrapper {
    display: block;
    background: rgb(175 184 178 / 13%);
    width: 100%;
    padding: 10px;
    border-radius: 4px;
}

.woocommerce-shipping-fields {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 12px;
}

.woocommerce .woocommerce-checkout #payment {
    border-radius: 16px;
    background: var(--Dark-Blue-30, #f0f1f2);
}

.woocommerce .woocommerce-checkout #payment .payment_box {
    background: #fdfdfd;
}

.woocommerce .woocommerce-checkout #payment .payment_box::before {
    border: 1em solid #fdfdfd;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.woocommerce-checkout #payment ul.payment_methods .wc_payment_method input::after {
    background: #38a69a;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
}

.woocommerce-checkout #payment ul.payment_methods .wc_payment_method input[type="checkbox"],
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 25px;
    height: 25px;
    border: 3px solid #8a949a;
    background: #ffffff;
    margin-right: 0;
    margin-top: 3px;
}

.woocommerce-checkout #payment ul.payment_methods .wc_payment_method label {
    padding-left: 4px;
    color: #002424;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.return-to-shop a.button.wc-backward {
    border-radius: 150px;
    background: var(--green-gradient) !important;
    transition: all 0.5sease;
    -webkit-transition: all 0.5sease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding: 14px 24px;
    text-transform: capitalize;
    height: 48px;
    line-height: 124%;
    box-shadow: none !important;
    font-weight: 600;
}

.cart-empty.woocommerce-info {
    background: #f9f8ee;
    font-size: 16px;
}

.return-to-shop {
    text-align: center;
}

.woocommerce-shop .woocommerce {
    padding-top: 3rem;
}

.woocommerce .woocommerce-breadcrumb {
    display: none;
}

a.woocommerce-privacy-policy-link {
    color: #019d9a;
    text-decoration: none;
    text-transform: capitalize;
}

.shopproduct-page {
    padding-top: 6rem;
    padding-bottom: 3rem;
    padding-left: 20px;
    padding-right: 20px;
}

/* .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0;
    width: 25%;
} */
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
    width: 100%;
    margin: 0;
}

.woocommerce ul.products::before,
.woocommerce-page ul.products::before {
    display: none;
}

.woocommerce ul.products li.product .woocommerce-placeholder {
    border: none;
}

.term-description {
    max-width: 1400px !important;
    width: 100%;
    padding: 0 20px;
}

.term-description p {
    color: #8a949a;
    font-size: clamp(14px, 1.8vw, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 0.75rem;
    display: block;
    text-align: center;
}

.woocommerce-page article header.entry-header .entry-title {
    color: #002424;
    font-size: clamp(32px, 2.4vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 1rem;
    text-align: center;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    float: left;
    display: none;
}

.woocommerce-page:has(.term-description) article header.entry-header {
    display: block;
    width: 100%;
    max-width: 1400px;
    padding: 40px 20px 0;
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
    display: none;
}

.woocommerce-shop .woocommerce-result-count,
.woocommerce-shop form.woocommerce-ordering {
    display: none;
}

.woocommerce-shop.woocommerce-page header.entry-header,
.woocommerce-shop.woocommerce-page header.entry-header h1.entry-title {
    display: block;
}

.woocommerce-shop.woocommerce-page header.entry-header h1.entry-title {
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: clamp(32px, 6vw, 80px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.woocommerce-shop.woocommerce-page header.entry-header {
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 30px;
}

/* .woocommerce-shop.woocommerce-page ul.products {
    align-items: self-start;
} */

/* .woocommerce-shop.woocommerce-page ul.products li.product {
    width: calc(33% - 30px);
    padding: 1rem;
    margin: 0 !important;
} */

.woocommerce-shop.woocommerce-page ul.products li.product h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 62px;
}

.woocommerce-page ul.products li.product .star-rating,
.woocommerce-shop.woocommerce-page ul.products li.product .star-rating {
    display: none;
}

.woocommerce-shop.woocommerce-page ul.products::before {
    content: none;
}

.woocommerce ul.products li.product .button:hover {
    background: var(--green-gradient) !important;
    box-shadow: none;

}

.woocommerce ul.products li.product .button::after {
    top: 15px;
    width: 16px;
}

.woocommerce-page ul.products li.product:hover a.woocommerce-LoopProduct-link img {
    transform: scale(1.1);
    transition: all 0.5s ease;
}

.woocommerce-page ul.products li.product:hover {
    overflow: hidden;
}

.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link img {
    transition: all 0.5s ease;
}

.woocommerce-page ul.products img.ratingImage {
    max-width: 110px;
    width: 100%;
    transform: scale(1) !important;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
    grid-column-gap: 1.5rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
    grid-template-columns: 1fr 1fr 1fr;
    width: calc(100% - 370px);
}

.cus-woo-sidebar {
    width: 100%;
    max-width: 370px;
}

.woocommerce-sorting {
    display: flex;
    width: 100%;
}

.cus-woo-sidebar form.awf-filters-form {
    width: 100%;
}

.cus-woo-sidebar form.awf-filters-form .awf-filter-wrapper {
    width: 100%;
    margin: 0;
}

.cus-woo-sidebar form.awf-filters-form .awf-filter-wrapper .awf-show-in-row ul {
    flex-direction: column;
    gap: 12px;
}

.cus-woo-sidebar form.awf-filters-form .awf-filter-wrapper .awf-show-in-row ul li {
    margin: 0;
}

.cus-woo-sidebar .woocommerce-sorting {
    width: 100%;
    border-radius: 12px;
    border: 1px solid #E1E1E1;
    background-color: #F8F8F8;
    color: var(--primary-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    padding: 8px 20px;
}

.sortbycus {
    color: var(--primary-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    display: flex;
    align-items: center;
    min-width: 65px;
}

.cus-woo-sidebar form.woocommerce-ordering {
    margin-bottom: 0;
    width: 100%;
}


.cus-woo-sidebar form.woocommerce-ordering select {
    border-radius: 0;
    border: none;
    background-color: transparent;
    color: var(--primary-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    background-position: top 21px right 2px;
    padding: 6px 4px;
}

.cus-woo-sidebar .awf-preset-wrapper {
    border-radius: 16px;
    border: 1px solid #E1E1E1;
    background: #F8F8F8;
    display: inline-flex;
    padding: 12px 18px 22px 20px;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.cus-woo-sidebar form.awf-filters-form .awf-filter-wrapper .awf-filter-title {
    color: var(--primary-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.cus-woo-sidebar form.awf-filters-form .awf-filter-wrapper .awf-filter-title-container {
    margin-bottom: 16px;
}

.cus-woo-sidebar form.awf-filters-form .awf-filter-wrapper .awf-show-in-row ul li label {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.cus-woo-sidebar form.awf-filters-form .awf-filter-wrapper .awf-show-in-row ul li label::before {
    font-size: 22px;
    color: #b5b6b7;
    background: var(--White, #FFF);
    width: 19px;
    height: 19px;
    margin: 0;
    transform: translateY(-1px);
    margin-right: 8px;
}

.cus-woo-sidebar form.awf-filters-form .awf-filter-wrapper .awf-show-in-row ul li.awf-active label::before {
    color: #019D9A;
}

.woocommerce ul.products li.has-post-thumbnail a {
    display: block;
}

.woocommerce ul.products li.has-post-thumbnail a.button.product_type_simple:focus {
    background: var(--green-gradient);
}

.woocommerce ul.products li.product .button {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    border-radius: 50px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding: 14px 16px;
    margin-top: 0;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 124%;
}

.woocommerce a.added_to_cart {
    text-align: center;
    border-radius: 50px;
    background: var(--green-gradient);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding: 8px 16px;
    margin-top: 0.75rem;
}

.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    height: 46px;
    padding: 6px 12px;
    gap: 4px;
    border: 1px solid #8a949a;
    width: 100%;
}

.woocommerce-thankyou-order-received {
    text-align: center;
    font-size: 24px;
    padding: 5.75rem 2rem 3rem;
    color: #00b836;
    font-weight: 600;
    position: relative;
}

.thumb-wrap {
    border-radius: 20px;
    background: var(--Light-Yellow-200, #F9F8EE);
    display: flex;
    align-items: center;
    padding: 20px 20px 0 20px;
    position: relative;
    justify-content: center;
}

.thumb-wrap .custom-category-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    color: var(--White, #FFF);
    text-align: center;
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 16.8px */
    border-radius: 50px;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    display: inline-flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.woocommerce-thankyou-order-received:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2024/04/orderplaced-1.gif);
    width: 160px;
    height: 160px;
    background-size: contain;
    top: 1px;
    left: 50%;
    transform: translateX(-50%) scale(2.5);
    background-repeat: no-repeat;
    z-index: 1;
}

section.woocommerce-columns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
}

.woocommerce-order {
    max-width: 1024px;
    margin: 3rem auto;
    background: #f6f6f6;
    padding: 2rem;
}

.woocommerce table.shop_table th:first-child {
    text-align: left;
}

.woocommerce table.shop_table th:last-child {
    text-align: right;
}

.woocommerce table.shop_table td:last-child {
    text-align: right;
    text-transform: capitalize;
}

.woocommerce .woocommerce-order-details {
    margin-top: 1rem;
    text-align: center;
    /* background: #ffffff; */
    padding: 1rem;
    border-radius: 4px;
}

.woocommerce .woocommerce-customer-details address {
    line-height: 1.4;
    height: 100%;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type="checkbox"]:focus {
        outline: none;
    }
}

/* Single Product Page */
.gridproduct-page {
    display: flex;
    max-width: 1600px;
    width: 94%;
    margin: 0 auto;
    gap: 40px;
}

.wpgs-nav .slick-list {
    padding: 4px;
}

.shopproduct-page .woocommerce-products-header__title.page-title {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: clamp(32px, 5.5vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.shopproduct-page header.woocommerce-products-header {
    display: flex;
    max-width: 1600px;
    width: 94%;
    margin: 0px auto;
    gap: 40px;
    padding-bottom: 40px;
    padding-top: 40px;
}

.gridproduct-page .woocommerce-notices-wrapper,
.gridproduct-page .woocommerce-result-count {
    display: none;
}

.wpgs-nav .slick-list .slick-slide {
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    margin: 0 16px 0 0;
    padding: 6px;
    border-radius: 6px;
}

/* .wpgs-nav .slick-list .slick-slide img {
    height: 80% !important;
} */

html .filter-actions .selection {
    align-items: flex-start;
    height: auto !important;
}

html .select2-container .select2-selection--single {
    height: 44px !important;
}

.woocommerce .woocommerce-order-details .order-again {
    margin-top: 24px;
}

html .woocommerce-error::before,
html .woocommerce-info::before,
html .woocommerce-message::before {
    left: 2.5em;
    margin: 0;
}

html .woocommerce-error,
html .woocommerce-info,
html .woocommerce-message {
    padding: 1em 2.5em 1em 4em;
    outline: none !important;
}

html .woocommerce-message {
    background: rgb(111 227 151 / 31%);
}

html .woocommerce-info {
    border-top-color: #1ba69a;
}

html .woocommerce-info::before {
    color: #0fa09b;
}

.woocommerce-cart .woocommerce {
    padding: 0 !important;
}

.woocommerce-notices-wrapper ul.woocommerce-error {
    margin: 0;
}

.product_read_more {
    margin-top: 10px;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border: 1px solid #f0f1f2;
}

.site-header .primary-navigation .secondary-menu-container ul li a::after {
    height: 0px;
}

.woocommerce-MyAccount-content .agent_dashboard_msg {
    background-color: #fcffff;
    border: 1px solid #e7e7e7 !important;
    margin-left: 0;
    border-radius: 5px;
    clear: both;
    border-left: 0.6180469716em solid #009688 !important;
    position: relative;
    list-style: none outside;
    color: #3c4246;
    margin-top: 20px;
}

#secondary-menu-list .contact-us-btn a {
    border-radius: 150px;
    background: var(--green-gradient);
    display: flex;
    padding: 12px 24px 12px 24px !important;
    align-items: center;
    gap: 20px;
    color: var(--dark-blue-color);
    font-size: clamp(14px, 1.25vw, 18px);
    text-decoration: none;
    font-weight: 600;
    line-height: 140%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#secondary-menu-list .contact-us-btn a:focus {
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    font-style: normal;
}

#secondary-menu-list .contact-us-btn a:hover {
    opacity: 0.7;
}

.home-testimonials .rating-image svg {
    width: 100%;
    height: 19px;
}

.home-testimonials .rating-image {
    display: inline-block;
    text-align: left;
    line-height: normal;
    margin-bottom: 24px;
}

.home-testimonials .client-comment {
    color: #ffffff;
    margin-bottom: 100px;
    font-size: clamp(17px, 1.35vw, 18px);
    font-style: normal;
    line-height: 140%;
    min-height: 155px;
    display: block;
}


.home-testimonials .client-info-list {
    display: flex;
    align-items: center;
    gap: 16px;
    position: absolute;
    bottom: 36px;
}

.home-testimonials .client-info-list .client-info {
    display: block;
    color: #ffffff;
}

.home-testimonials .testimonials-name {
    line-height: 110%;
    font-weight: bold;
}

.home-testimonials .client-img {
    width: 56px;
    height: 56px;
    background-color: #ffffff;
    border-radius: 50px;
    padding: 10px;
}

.home-testimonials li.slick-slide {
    border: 1px solid #ffffff66;
    background-color: rgb(23 77 72 / 40%) !important;
    border-radius: 20px;
    padding: 24px;
    list-style: none;
    user-select: none;
    cursor: move;
    position: relative;
}

.home-testimonials .slick-dots {
    bottom: -60px;
    width: 100%;
}

.home-testimonials {
    position: relative;
}

#testimonials-clients .home-testimonials .slick-dots li button {
    background-color: #75e696;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}

.home-testimonials .slick-dots li button::before {
    display: none;
}

#testimonials-clients .home-testimonials .slick-dots li {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    overflow: hidden;
}

#testimonials-clients .home-testimonials .slick-dots .slick-active button {
    opacity: 1;
}

.home-testimonials button.slick-arrow {
    position: absolute;
    transform: unset;
    right: 0px;
    left: unset;
    bottom: -10px;
    top: unset;
    cursor: pointer;
    z-index: 99;
}

div#testimonials-clients {
    z-index: 9;
    position: relative;
}

.home-testimonials button.slick-next {
    right: 0;
}

.home-testimonials button.slick-prev {
    right: 50px;
}

/* Header Contact Us button design */
/* Button 3 */
.site-header .primary-navigation .secondary-menu-container li.button-at a {
    color: var(--dark-blue-color);
    /* border: 1.5px solid var(--dark-blue-color);
     */
    border-radius: 50px;
    position: relative;
    display: inline-block;
    padding: 12px 20px !important;
    text-decoration: none;
    letter-spacing: 1px;
    transition: 0.5s;
    font-size: clamp(14px, 1.4vw, 16px);
    background: var(--light-active-color);
    line-height: 1;
}

ul#secondary-menu-list li.menu-item a:focus {
    color: #ffffff !important;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset !important;
    background: var(--green-gradient) !important;
}



#secondary-menu-list li.login-account,
#secondary-menu-list li.logged-account {
    padding-right: 16px;
}

.woocommerce-page .site-header .primary-navigation .secondary-menu-container li.button-at a,
.page-templatee .site-header .primary-navigation .secondary-menu-container li.button-at a {
    border: 1px solid var(--dark-blue-color);
}

.site-header .primary-navigation .secondary-menu-container li.button-at a:hover {
    background-color: var(--dark-blue-color);
    color: #ffffff;
    border-color: transparent;
}

/* Sinlge Product section design */
.single-product-page {
    display: flex;
    padding: 20px;
    padding-bottom: clamp(20px, 6.3vw, 120px);
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.dis-wrapper {
    max-width: 1190px;
    width: 100%;
    margin: 0 auto;
}

.wocom-title {
    color: #002424;
    font-family: var(--font-family);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 24px;
}

.features-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 18px;
}

.features-list li {
    width: calc(33% - 10px);
    display: block;
}

.features-list li .flist-col {
    border-radius: 50px;
    background: var(--White, #fff);
    display: flex;
    align-items: center;
    gap: 16px;
}

.features-text {
    color: var(--primary-color);
    font-size: clamp(14px, 1.4vw, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    padding-right: 20px;
}

ul.downloads-list {
    display: flex;
    list-style: none;
    gap: 16px;
    flex-wrap: wrap;
}

ul.downloads-list li {
    display: flex;
    align-items: center;
}

ul.downloads-list li a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: #f0f1f2 !important;
}

ul.specification-table {
    list-style: none;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    overflow: hidden;
}

li.table-col:nth-child(odd) {
    background: rgb(240 241 242);
}

li.table-col {
    display: flex;
    height: 60px;
    padding: 0px 24px;
    align-items: center;
    gap: 10px;
}

.woo-specifications {
    width: 100%;
}

.single-product .wocom-title {
    font-size: 32px;
    margin-bottom: 32px;
}

.th-text {
    min-width: 190px;
    /* border-right: 1px solid var(--Dark-Blue-200, #8a949a);    */
    /* background: var(--Light-Yellow-200, #f9f8ee); */
    display: flex;
    height: 100%;
    align-items: center;
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: clamp(14px, 1.2vw, 16px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.video-section video {
    height: 100%;
    display: block;
    width: 100%;
    position: relative;
}

li.table-col:last-child {
    border-bottom: none;
}

p.td-text {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: clamp(14px, 1.2vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

/* .woo-downloads {
    margin-top: 90px;
} */

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    position: relative;
    background-color: #fff;
}

.down-img {
    display: flex;
    width: 70px;
    height: 74px;
    padding: 24px 22.5px 24.5px 22px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--primary-color);
    position: absolute;
    bottom: 0;
    left: 0;
}

li.down-col a {
    text-decoration: none;
    border-radius: 10px;
    background: #f0f1f2;
    display: flex;
    padding: 24px 24px 24px 90px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    overflow: hidden;
}

li.down-col a:focus {
    background: #ffffff !important;
}

.down-text {
    color: var(--primary-color);
    font-size: clamp(14px, 1.4vw, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.woocommerce div.product p.price ins {
    position: relative;
    max-width: 250px;
    width: 100%;
}

.woocommerce div.product p.price ins:after {
    /* content: '40% OFF';
     position: absolute;
     background-image: url(/wp-content/uploads/2024/03/offer-icon.svg);
     width: auto;
     background-repeat: no-repeat;
     background-size: 28px;
     padding: 6px 14px 6px 44px;
     background-position: 8px;
     font-size: 14px;
     margin-left: 10px;
     text-transform: uppercase;
     top: -8px;
     border-radius: 50px;
     color: #fff;
     border: 1px solid #019d9a;
     background-color: #019d9a;
     font-weight: bold;
     animation: offer 2s ease 0s infinite normal forwards; */
    display: none;
}

@keyframes offer {
    0% {
        animation-timing-function: ease-out;
        transform: scale(1);
        transform-origin: center center;
    }

    10% {
        animation-timing-function: ease-in;
        transform: scale(0.91);
    }

    17% {
        animation-timing-function: ease-out;
        transform: scale(0.98);
    }

    33% {
        animation-timing-function: ease-in;
        transform: scale(0.87);
    }

    45% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }
}

/* Product page slick slider */
.single-product-testimonial .testimonials-header {
    margin-bottom: 80px;
}

.single-product-testimonial .slick-track li.slick-slide {
    border-radius: 20px;
    background: var(--Light-Yellow-200, #f9f8ee);
    padding: 30px;
    list-style: none;
}

.single-product-testimonial h2 {
    font-size: clamp(32px, 5.2vw, 60px);
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

section#singleproducttestimonial.single-product-testimonial,
section#singleproducttestimonial.single-product-testimonial .slick-track {
    overflow: hidden;
}

.testimonials-section {
    padding: 140px 40px;
    max-width: 100%;
    margin: 0 auto;
}

section#singleproducttestimonial button:before {
    width: 10px;
    max-width: 10px;
    height: 10px;
}

section#singleproducttestimonial #testimonials-clients button {
    width: 10px;
    padding: 0;
    height: 10px;
    margin: 0;
    border-radius: 30px;
    background: #75e696 !important;
    opacity: 0.4;
}

section#singleproducttestimonial #testimonials-clients .slick-dots li.slick-active button:before {
    font-size: 0;
}

section#singleproducttestimonial section.single-product-testimonial #testimonials-clients .slick-dots li.slick-active button {
    opacity: 1;
}

section.single-product-testimonial button:before {
    content: none;
}

section.single-product-testimonial .slick-dots li {
    width: auto;
    height: auto;
}

section.single-product-testimonial .client-info {
    flex-direction: column;
}

section.single-product-testimonial p.testimonials-name {
    font-weight: bold;
    display: block;
}

section section.savings-grid-section ul li {
    text-align: center;
}

section.savings-grid-section ul li {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.single-product-testimonial ul.slick-dots {
    bottom: -60px;
}

.single-product-testimonial .testimonials-clients .slick-list li {
    background: #f9f8ee;
    padding: 20px;
    list-style: none;
    border-radius: 10px;
}

.single-product-testimonial .client-img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    margin-right: 12px;
    overflow: hidden;
}

.single-product-testimonial .client-img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.single-product-testimonial .client-info-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
}

.single-product-testimonial span.client-image {
    display: block;
    width: 100%;
    margin: 16px 0;
}

.single-product-testimonial .slick-track li.slick-slide span.client-comment {
    font-size: clamp(15px, 1.25vw, 18px);
    font-style: normal;
    line-height: 120%;
    min-height: 110px;
    display: block;
}

/* **** 17-04-2024 **** */
.new-testimonial-slider .slick-slider .slick-list {
    overflow: visible;
}

.new-testimonial-slider .slick-slider .slick-list li.slick-slide {
    height: auto;
}

/* ******************** */
/* productEnquiry Start */
.productEnquiry-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(6px);
    /* border-radius: 12px; */
    background: var(--White, rgb(0 0 0 / 50%));
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);

}

.pheader {
    background: #F9F8EE;
    display: flex;
    max-width: 900px;
    width: 100%;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.productenq-container {
    max-width: 600px;
    width: 96%;
    position: relative;
    background: #ffff;
    border-radius: 12px;
    overflow: hidden;
}

.eform {
    padding: 30px;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    cursor: pointer;
}

.pheader span {
    color: var(--Green-1300, #001C1B);
    font-family: var(--font-family);
    font-size: clamp(18px, 2.5vw, 24px);
    font-style: normal;
    font-weight: 600;
    max-width: 96%;
    line-height: 120%;
}

.pheader p {
    color: #4f4f4f;
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

/* productEnquiry END */
.cus-width-btn .landing-btn {
    max-width: fit-content !important;
    margin: 16px 0 0 0 !important;
}

.citytag {
    background: #ff8f00;
    color: #ffffff;
    width: fit-content;
    text-align: center;
    padding: 6.5px 18px;
    position: relative;
    display: block;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 10px;
    height: 40px;
}

.citytag:after {
    width: 0;
    height: 0;
    border: 12.5px solid transparent;
    position: absolute;
    content: "";
    border-top-color: #ff8f00;
    right: -23px;
    top: 0px;
    border-left-color: #ff8f00;
}

.citytag:before {
    width: 0;
    height: 0;
    border: 21px solid transparent;
    position: absolute;
    content: "";
    border-bottom-color: #ff8f00;
    right: -23px;
    top: -2px;
}

span.tagline-trycity {
    font-size: 16px;
    display: block;
    margin-top: -10px;
    line-height: 120%;
    font-weight: 600;
    color: #001623;
}

.secondary-menu-container .xoo-wsc-sc-cont {
    background: #f9f8ee;
    padding: 6px;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid #a8a8a8;
}

.secondary-menu-container .xoo-wsc-sc-bkcont span.xoo-wsc-sc-bki {
    font-size: 19px;
}

.xoo-wsc-markup .xoo-wsc-container {
    z-index: 9999999999;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn,
.xoo-wsc-container .xoo-wsc-btn {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    transition: all 0.5s ease;
}

.widget-visible {
    z-index: -1 !important;
    position: relative;
}

/** Shop Css Here **/
.custom-single-product .check-electricity {
    clear: both;
}

.custom-single-product .product_meta {
    display: none;
}

.custom-single-product .inext_wpc_wrapper {
    clear: both;
    max-width: 450px;
}

.custom-single-product .inext_wpc_wrapper button#check_pin {
     max-width: 100px !important;
    height: 40px;
    border-radius: 50px !important;
}

#pincheck_wrapper .pincheck_inner input {
    height: 40px;
}

#pincheck_wrapper .pincheck_inner .pin_marker {
    transform: translateY(-3px);
}

.custom-single-product .check-electricity {
    clear: both;
    display: inline-block;
    color: #8a949a;
}

.custom-single-product .check-electricity a:focus,
.custom-single-product .check-electricity a {
    color: #0ba49a !important;
    font-weight: 600;
    text-decoration: underline;
    outline: inherit !important;
}

.custom-single-product #pincheck_wrapper .pincheck_inner .res.res_success,
.custom-single-product #pincheck_wrapper .pincheck_inner .res.res_error {
    font-size: 14px !important;
    font-weight: 500;
}

.custom-single-product #pincheck_wrapper .pincheck_inner .res.res_error {
    color: #e50c18 !important;
    transition: all 0.5s ease;
}

.custom-single-product #pincheck_wrapper .pincheck_inner .res.res_success {
    color: #0ba49a !important;
    transition: all 0.5s ease;
}

.custom-single-product #pincheck_wrapper .pincheck_inner {
    margin: 24px 0 40px !important;
    position: relative;
    background: #f0f1f2 !important;
    border-radius: 12px !important;
    transition: all 0.5s ease;
    border: 1px solid #f0f1f2;
}
.custom-single-product #pincheck_wrapper .pincheck_inner .form_inline {
    border-radius: 30px !important;
}

.woocommerce .pum-overlay .pum-container {
    max-width: 750px;
    width: 100%;
    position: relative;
    background: var(--White, #fff);
    transition-duration: 0.2s;
    transition-property: opacity, transform;
    padding: 20px;
    transition: all 0.5s ease;
    border-radius: 10px;
    left: 50% !important;
    transform: translateX(-50%);
    margin: 0 !important;
}

.woocommerce .pum-container.custom-position button {
    top: -12px;
    right: -12px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 20px;
    transition-duration: 0.3s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background: var(--green-gradient);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.custom-single-product .product.type-product .woo-product-gallery-slider {
    background: #e2e2e9;
    padding-top: 0px;
}

.custom-single-product .product.type-product {
    display: flex;
    align-items: flex-start;
}

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    overflow-y: auto;
}

/* Shop Updates changes */
/* .woocommerce div.product div.images.woocommerce-product-gallery .wpgs-nav {
    display: none !important;
} */

.woocommerce div.product form.cart .variations th {
    display: flex;
}

.woocommerce div.product form.cart .variations td.value {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.woocommerce div.product form.cart .reset_variations {
    display: none !important;
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 6px;
    margin-top: 20px;
}

.woocommerce div.product form.cart .variations td.value>.selectedprice {
    min-width: 160px;
    flex: 1 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #a4b4b300;
    padding: 0;
    border-radius: 8px;
    cursor: pointer;
    color: #8a949a;
    font-size: 16px;
    opacity: 0.9;
    border: 1px solid #8a949a;
}

.woocommerce div.product form.cart .variations td.value input {
    padding: 5px;
    transform: translateX(8px);
}

.woocommerce div.product form.cart .variations td.value label.selectedLabelVC {
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 15px;
    line-height: 1;
    padding: 10px 20px 10px 50px;
    flex-wrap: wrap;
    position: relative;
}

.selectedprice label.selectedLabelVC span.price {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
}

.selectedprice label.selectedLabelVC span.price span {
    color: #001C1B;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
}

.selectedprice label.selectedLabelVC span.price span del {
    text-decoration: line-through;
    font-size: 14px;
}

.selectedprice label.selectedLabelVC span.price span.regular-price span {
    font-size: 14px;
}

.woocommerce div.product form.cart .variations td.value>.selectedprice input[type="radio"] {
    display: none;
}

.woocommerce div.product form.cart .variations td.value>.selectedprice input[type="radio"]:checked {
    border: 2px solid #019d9a;
}

.woocommerce div.product form.cart .variations td.value>.selectedprice input[type="radio"]:after {
    background: #019d9a;
    left: 5px;
    top: 5px;
}

.chosemetter-title {
    color: #0ba49a;
    font-family: var(--font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 16px;
    margin-top: 14px;
    text-decoration: unset;
}

.single_variation_wrap .woocommerce-variation.single_variation {
    display: none !important;
}

.woocommerce div.product form.cart .variations:has(input#phase_v_1\ Phase\ Meter1472:checked) td.value>div:first-child {
    background: #349d99;
    transition: all 0.5s ease;
    color: #ffff;
    box-shadow: rgb(52 157 153) 0px 0px 6px 0px;
    opacity: 1;
}

.woocommerce div.product form.cart .variations:has(input#phase_v_3\ Phase\ Meter1472:checked) td.value>div:nth-child(2) {
    background: #349d99;
    transition: all 0.5s ease;
    color: #ffff;
    box-shadow: rgb(52 157 153) 0px 0px 6px 0px;
    opacity: 1;
}

.woocommerce div.product form.cart .variations td.value>.selectedprice>* {
    cursor: pointer;
    border-color: #8a949a;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--primary-color);
}

.woocommerce div.product .woocommerce-variation-price ins span.woocommerce-Price-amount.amount bdi {
    position: relative;
    min-width: 245px;
    width: 100%;
    display: inline-block;
    color: #049d9a;
}

.woocommerce-variation-price span.woocommerce-Price-amount.amount {
    color: #002424;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.woocommerce-variation-price span.woocommerce-Price-amount.amount bdi {
    opacity: 0.8;
}

.woocommerce div.product span.price ins bdi {
    opacity: 1;
}

.woocommerce div.product .woocommerce-variation-price span.price del {
    opacity: 1;
    display: inline-block;
    color: #002424;
}

.woocommerce div.product form.cart .variations label {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.woocommerce div.product .woocommerce-variation-price ins span.woocommerce-Price-amount.amount bdi:after {
    /* content: 'offer price';
     position: absolute;
     background-image: url(/wp-content/uploads/2024/03/offer-icon.svg);
     width: auto;
     background-repeat: no-repeat;
     background-size: 22px;
     padding: 6px 12px 6px 36px;
     background-position: 8px;
     font-size: 12px;
     margin-left: 10px;
     text-transform: uppercase;
     top: -8px;
     border-radius: 50px;
     color: #fff;
     border: 1px solid #FF5722;
     background-color: #FF5722;
     font-weight: 600;
     animation: offer 2s ease 0s infinite normal forwards; */
    display: none;
}

@keyframes offer {
    0% {
        animation-timing-function: ease-out;
        transform: scale(1);
        transform-origin: center center;
    }

    10% {
        animation-timing-function: ease-in;
        transform: scale(0.91);
    }

    17% {
        animation-timing-function: ease-out;
        transform: scale(0.98);
    }

    33% {
        animation-timing-function: ease-in;
        transform: scale(0.87);
    }

    45% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }
}

.product-add-on {
    list-style: none;
}

.product-add-on .quantity {
    margin-right: 0 !important;
}

span.svgIcon-arrow svg {
    animation: bounceXX 0.6s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

@keyframes bounceXX {
    from {
        transform: translate3d(0, 0px, 0);
    }

    to {
        transform: translate3d(3px, -3px, 0);
    }
}

.details-toggle.cus-active svg {
    animation: none;
}

.svgIcon-arrow {
    display: flex;
    align-items: center;
}

.cus-show {
    display: flex;
    border-radius: 12px;
    background: var(--Light-Yellow-200, #F9F8EE);
    justify-content: space-between;
    gap: 12px;
    padding: 16px 24px;
    align-items: center;
    flex-wrap: wrap;
}

.cus-show img {
    height: 130px;
    width: 110px;
    object-fit: cover;
    object-position: top;
}

.cus-pro-details {
    align-self: center;
    flex: 1 0 0;
    min-width: 124px;
}

span.details-toggle {
    display: flex;
    color: var(--Green-500, #019D9A);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-top: 12px;
    width: fit-content;
    cursor: pointer;
    gap: 8px;
}

.product-add-on:has(.cus-active) {
    border-radius: 12px;
}

.product-add-on:has(.cus-active) .cus-show {
    border-radius: 12px 12px 0 0;
}

.product-add-on:has(.cus-active) .cus-toggle-down.extra-slide-div {
    border-radius: 0 0 12px 12px;
}

.cus-show .cus-quantity-box {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.cus-show .cus-quantity-box .buttons_added {
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cus-pro-details h2 {
    color: var(--Green-1300, #001C1B);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.cus-list-price .amount bdi {
    color: var(--Green-1300, #001C1B);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.addontext {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.cus-pro-cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cus-show .cus-quantity-box .quantity .input-text {
    margin: 0;
    background: transparent;
}

.cus-show .cus-quantity-box .quantity a.quantity-button {
    text-decoration: none;
    font-size: 26px;
    line-height: 1;
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px;
    justify-content: center;
}

.cus-toggle-down.extra-slide-div {
    border-radius: 12px;
    background: var(--Light-Yellow-200, #F9F8EE);
    padding: 8px 20px 16px;
    line-height: 130%;
    margin-top: -8px;
    font-size: 16px;
    color: #002424;
    z-index: -1;
    position: relative;
}

/* policy-css */
.privacy-policy-sec h1,
.privacy-policy-sec h1 strong {
    font-size: 27px;
    color: #000000;
}

.sec-heading h1 {
    margin-bottom: 17px;
}

.sec-heading {
    margin-bottom: 42px;
}

.privacy-policy-sec .space-bottom {
    margin-bottom: 20px;
}

.privacy-policy-sec h2,
.privacy-policy-sec h2 strong {
    font-size: 20px;
    color: #000000;
    font-family: var(--font-family);
    font-weight: bolder;
}

.privacy-policy-sec a {
    font-weight: 400;
}

.privacy-policy-sec p,
.privacy-policy-sec .li,
.privacy-policy-sec a,
.privacy-policy-sec span,
.privacy-policy-sec em,
.privacy-policy-sec strong,
li,
body .privacy-policy-sec li {
    color: #595959;
    font-size: 17px;
}

body .privacy-policy-sec a,
body .privacy-policy-sec a span {
    color: #019d9a !important;
}

.privacy-policy-sec h6,
.privacy-policy-sec h6 strong {
    font-size: 18px;
    margin: 10px 0 15px;
    color: #000000;
    font-family: var(--font-family);
    font-weight: bolder;
}

.privacy-policy-sec .bottom-space {
    padding-bottom: 2px;
}

/* policy-css end */
/* Pros cons CSS start */
.proscons {
    display: flex;
    border: 1px solid var(--primary-color);
    background: #f1fbf4;
    overflow: hidden;
}

.svgImage {
    display: flex;
    align-items: center;
    margin-top: 3px;
}

.box-full {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 16px;
    min-height: 100px;
}

.svgImage svg {
    width: 24px;
    height: 24px;
}

.infoTitle h4 {
    color: var(--Green-500, #019d9a);
    font-size: clamp(15px, 1.25vw, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
}

.infoDesc {
    color: var(--primary-color);
    font-size: clamp(13px, 1.9vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 6px;
}

.grids {
    width: 50%;
}

.info-box {
    padding: 40px 30px;
}

.grid-heading {
    padding: 30px;
}

.grid-heading h2 {
    color: var(--White, #fff);
    font-size: clamp(20px, 2.75vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.box-full:last-child {
    padding-bottom: 0;
}

.woo-proscons {
    display: none;
}

/* Pros cons CSS END */
/* Collections Page Start*/
.prod-wrap {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.prod-collect {
    padding: 140px 20px;
}

.prod-collect-list {
    list-style: none;
}

.prod-collect-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
    grid-template-columns: 1fr 1fr 1fr;
}

.prod-collect-list a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.prod-collect-list h4 {
    font-size: clamp(20px, 2.2vw, 28px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-top: 8px;
    transition: all 0.5s ease;
}

.prod-wrap .page-heading {
    padding-bottom: 40px;
    font-size: clamp(30px, 3.2vw, 42px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-top: 8px;
}

.prod-collect-list:hover a img {
    transition: all 0.5s ease;
    transform: translateY(-8px);
}

.prod-collect-list a img {
    transition: all 0.5s ease;
    overflow: hidden;
}

.prod-collect-list:hover h4 {
    transition: all 0.5s ease;
    opacity: 0.5;
}

.supportModal {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 99999;
    overflow: auto;
}

.supportModal:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 70%);
    z-index: -1;
    backdrop-filter: blur(5px);
    min-height: 800px;
}

.share-close-modal {
    position: absolute;
    right: 8px;
    top: 8px;
    display: flex;
    cursor: pointer;
    z-index: 99;
    background: #ebebeb;
    border-radius: 50px;
    padding: 6px;
}

.share-close-modal svg {
    width: 20px;
    height: 20px;
}

.modal-share-card {
    padding: 24px 20px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    background: #ffffff;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    width: 96%;
    max-width: 480px;
    border-radius: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.share-modal-content .form-group select.wpcf7-form-control {
    position: relative;
}

.share-modal-content .form-group select.wpcf7-form-control {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 98% center;
    background-size: 12px;
    cursor: pointer;
}

.share-modal-content .form-group .wpcf7-form-control {
    margin: 0;
    height: 48px;
    padding: 8px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: none;
    line-height: 120%;
    font-family: 'Inter';
}

.share-modal-content .form-group .wpcf7-form-control:focus {
    box-shadow: inset #9e9e9e 0px 0px 0px 0.5px;
}

.share-modal-content .form-group input.wpcf7-form-control.wpcf7-submit {
    border-radius: 50px;
    background: var(--green-gradient);
    font-weight: 600;
    line-height: 100%;
    font-size: 16px;
    border: none;
    color: var(--primary-color);
}

.share-modal-content .form-group span.wpcf7-spinner {
    position: absolute;
    margin: 0;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.share-modal-content .form-group .contect-msg-textarea {
    height: auto;
    overflow: auto;
    max-height: 100px;
}

.share-modal-content .wpcf7 input[type="email"]::placeholder {
    color: #7e7e7e;
}

.share-modal-content .wpcf7-response-output {
    margin: 0 !important;
    text-align: center;
    position: relative;
    top: -10px;
}

.share-modal-content h2 {
    margin-bottom: 16px;
}

.share-modal-content .wpcf7 form.invalid .wpcf7-response-output,
.share-modal-content .wpcf7 form.unaccepted .wpcf7-response-output,
.share-modal-content .wpcf7 form.payment-required .wpcf7-response-output {
    display: none;
}

.share-modal-content .form-group span.wpcf7-not-valid-tip {
    position: absolute;
    line-height: 1;
    bottom: -18px;
    /* background: #bd1e1e; */
    width: 100%;
    border-radius: 0 0 5px 5px;
    color: #bd1e1e;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 0px;
    overflow: hidden;
    transition: background-color 0.5sease;
}

/* .share-modal-content .form-group .wpcf7-not-valid {
    border-color: #ff8080;
} */

.share-modal-content form.sent .wpcf7-response-output {
    background: #309848;
    color: #ffffff;
    border-radius: 12px;
    padding: 12px;
    top: unset;
    position: absolute;
    bottom: 4px;
    width: 100%;
    height: 60px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
}

.share-modal-content .form-group {
    position: relative;
    margin-bottom: 0;
}

.share-modal-content .form-group span.wpcf7-form-control-wrap {
    display: flex;
    position: relative;
}

#customer-support {
    margin-top: 24px;
    color: var(--primary-color);
    background: var(--green-gradient);
    height: 48px;
    line-height: 124%;
    font-weight: 600;
    box-shadow: none !important;
    border-radius: 50px !important;
}

.feedback-col-from {
    display: flex;
    flex-direction: column;
}

.form-group-col .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.form-group-col .wpcf7-form-control,
.form-group-col select.wpcf7-form-control.wpcf7-select {
    height: 48px;
    padding: 10px;
    border: 1px solid var(--light-blue-color);
    border-radius: 6px;
    width: 100%;
    resize: none;
    font-size: 15px;
}

.form-group-col select.wpcf7-form-control.wpcf7-select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 98% center;
    background-size: 12px;
    cursor: pointer;
}

.form-group-col .wpcf7-form-control-wrap input::placeholder {
    color: #5a5a5a;
}

.form-group-col .form-group {
    margin-bottom: 24px;
    display: flex;
    position: relative;
}

.form-group-col.submit-btn span.wpcf7-spinner {
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.form-group-col .wpcf7-not-valid-tip {
    position: absolute;
    font-size: 12px;
    bottom: -16px;
    line-height: 1;
}

.whatsapp-sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.whatsapp-sec #qlwapp {
    position: unset !important;
    width: 100%;
}

.whatsapp-sec #qlwapp a.qlwapp-toggle {
    margin: 0 !important;
    box-shadow: none !important;
    gap: 12px;
    height: 48px;
}

.whatsapp-sec #qlwapp a.qlwapp-toggle i.qlwapp-icon {
    margin: 0;
}

.whatsapp-sec #qlwapp a.qlwapp-toggle i.qlwapp-icon::before {
    font-size: 24px;
}

.otherOption {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    color: #808080;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.otherOption:before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    margin-left: -100%;
    margin-right: 10px;
    border-top: 0.5px solid #dcdcdc;
}

.otherOption:after {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 10px;
    border-top: 0.5px solid #dcdcdc;
}

.chatvia {
    font-weight: 600;
    line-height: 100%;
    font-size: 16px;
    border: none;
    color: #ffffff;
}

.industrial-success-icon.show {
    display: block !important;
}

.industrial-success-icon {
    text-align: center;
}

.share-modal-content form.sent .wpcf7-response-output {
    position: unset;
    background: none;
    color: #309848;
}

/* Collections */
/* Demo Page CSS Start */
.demo-page {
    padding: 6vw 0;
    background: #f9f8ee;
}

.demo-page .request-exclusive-section .request-content {
    padding: 24px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.demo-page .request-exclusive-section .request-content .request-title {
    font-size: 28px;
    line-height: 120%;
    font-weight: 600;
}

.demo-page .request-exclusive-section .request-content p#desc {
    box-shadow: none;
    padding: 16px 0;
}

.demo-page .request-exclusive-section form span.wpcf7-form-control-wrap {
    width: calc(50% - 10px);
    float: left;
}

.demo-page .request-exclusive-section form span.wpcf7-form-control-wrap input.wpcf7-form-control {
    padding: 14px;
    height: 48px;
}

.demo-page .request-exclusive-section form span.wpcf7-form-control-wrap:last-child {
    width: 100%;
}

.demo-page .request-exclusive-section form span.wpcf7-form-control-wrap:nth-child(6) {
    width: 100%;
}

.demo-page .request-exclusive-section form .codedropz-upload-wrapper h3 {
    font-size: 16px;
    line-height: 110%;
    margin: 0;
}

.demo-page .request-exclusive-section form .codedropz-upload-wrapper {
    padding: 0;
}

.demo-page .request-exclusive-section form .codedropz-upload-wrapper .codedropz-upload-container {
    padding: 8px;
}

.demo-page .request-exclusive-section form .codedropz-upload-wrapper a.cd-upload-btn {
    font-weight: 600;
    padding: 4px;
    color: #019d9a;
}

.codedropz-upload-container {
    padding: 30px 20px;
}

.dnd-upload-status {
    padding-bottom: 16px;
}

.demo-page section.request-exclusive-section {
    margin-top: 3vw;
}

.demo-page .dnd-upload-status {
    background: white;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 4px;
}

.demo-page .dnd-upload-status .dnd-upload-details .name {
    font-size: 14px;
    line-height: 120%;
}

.demo-page .dnd-upload-status .dnd-upload-details a.remove-file {
    right: 10px;
}

.demo-page .dnd-upload-status .dnd-upload-details span.has-error {
    font-size: 13px;
    line-height: normal;
}

.demo-page .dnd-upload-status .dnd-upload-image {
    width: 28px;
    height: 28px;
}

.demo-page .request-content .request-contact form {
    width: 100%;
    display: flex;
    flex-direction: unset;
    gap: 20px;
    position: relative;
    flex-wrap: wrap;
}

.demo-page .request-content .codedropz-upload-wrapper span.has-error-msg {
    color: #dc3232;
    font-size: 13px;
}

.demo-page .request-exclusive-section form:has(.wpcf7-not-valid-tip) span.wpcf7-form-control-wrap {
    margin-bottom: 10px;
    transition: all 0.5s ease;
}

.demo-page .request-exclusive-section .request-content .request-contact form input.wpcf7-submit {
    height: 48px;
}

.cus-sticky-product-nav ul li {
    padding: 14px 0;
    white-space: nowrap;
}

.cus-sticky-product-nav ul li a {
    text-decoration: none;
    color: #8a949a;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.cus-sticky-product-nav ul li.active:focus a,
.cus-sticky-product-nav ul li.active a {
    color: #019d9a !important;
}

.blog-faqs.product-faqs {
    margin-top: 0px;
    background: var(--light-active-color);
}

/* Demo Page CSS end */
/* Shop updated end css */
@media (min-width: 992px) {
    .custom-single-product .woocommerce-product-gallery {
        height: auto !important;
        position: sticky !important;
        top: 100px !important;
    }

    .custom-single-product .woocommerce-product-gallery img.wp-post-image,
    .custom-single-product .woocommerce-product-gallery img {
        display: block;
        width: 100%;
        box-shadow: none;
        max-height: clamp(40vw, 30.4vw, 30vw);
        object-fit: contain;
    }
}

/* @media (min-width: 768px) {
     html body .pum-container.pum-responsive.pum-responsive-small {
         margin-top: 80px;
         top: 0 !important;
    }
}
 */
@media (min-width: 300px) and (max-width: 1199px) {
    .custom-single-product button.single_add_to_cart_button.button {
        width: 200px !important;
    }

    .woocommerce .pum-overlay .pum-container {
        max-width: 90% !important;
    }

    .woocommerce .pum-overlay {
        padding: 0 !important;
        width: 102%;
    }
}

/* @media (max-width: 992px) {
    .woocommerce-shop.woocommerce-page ul.products li.product {
        width: calc(50% - 20px);
    }
} */

@media (max-width: 600px) {
    .woocommerce-shop.woocommerce-page ul.products {
        gap: 0;
    }

    /* .woocommerce-shop.woocommerce-page ul.products li.product {
        width: 100%;
    } */

    .woocommerce-shop.woocommerce-page ul.products li.product h2 {
        min-height: auto;
    }

    .woocommerce #pincheck_wrapper .pincheck_inner .form_inline>*:not(:last-child) {
        margin-bottom: 0 !important;
    }

    .woocommerce .custom-single-product .inext_wpc_wrapper button#check_pin {
        max-width: 90px !important;
    }

    .woocommerce #pincheck_wrapper .pincheck_inner .form_inline {
        align-items: stretch !important;
        flex-direction: unset !important;
    }

    #pincheck_wrapper .pincheck_inner .form_inline .form_input_group input#pin_code {
        width: 100%;
    }

    .custom-single-product #pincheck_wrapper .pincheck_inner .res.res_success,
    .custom-single-product #pincheck_wrapper .pincheck_inner .res.res_error {
        font-size: 13px !important;
    }

    .prod-collect-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* Shop END */
@media (max-width: 991px) {

    .single-product-testimonial,
    section.savings-grid-section {
        padding: 80px 20px;
    }

    section.single-product-testimonial ul.slick-dots {
        bottom: -40px;
    }

    .single-product-testimonial .testimonials-header {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {

    .testimonials-section,
    section.savings-grid-section {
        padding: 40px 0;
    }

    .new-testimonial-slider {
        margin: 0 -20px;
        max-width: fit-content;
    }
	.product-cus-faqs {
		padding-bottom: 20px;
	}

}

/* ************************ */
/* .woocommerce div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: none;
    max-height: clamp(75vw, 30.4vw, 30vw);
    object-fit: contain;
    margin: 0 auto;
} */

.margin-top-80 {
    padding-top: 90px;
}

.d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.d-flex h2.wocom-title {
    margin: 0;
}

.video-section {
    position: relative;
    height: 100%;
    display: block;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.video-section div#playIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.video-section div#playIcon svg {
    width: 80px;
    height: 80px;
}

h2.wocom-title {
    font-size: 32px;
}

video#videobtn {
    border-radius: 10px;
}

select.select-video-type {
    border-radius: 8px;
    border: 1px solid var(--Dark-Blue-200, #8a949a);
    padding: 5px;
    min-width: 160px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 96% center;
    background-size: 12px;
    padding: 0.3rem 2rem;
}

select:focus {
    outline-offset: 0px;
    outline: none;
}

tr.attribute-please-select-your-meter-type {
    display: flex;
    flex-direction: column;
    margin: 0px 0;
}

.woocommerce div.product form.cart .variations th {
    margin-bottom: 10px;
}

.woocommerce div.product form.cart .variations td.value .selectedprice:has(input[type="radio"]:checked) {
    border: 1px solid #019d9a;
    background: transparent;
    transition: all 0.5s ease;
    color: #ffff;
    opacity: 1;
}

.woocommerce div.product form.cart .variations td.value .selectedprice:has(input[type="radio"]:checked) label {
    color: var(--Green-1300, #001C1B);
    font-style: normal;
    font-weight: 600;
}

.select-section:after {
    position: absolute;
    background-image: url(/wp-content/uploads/2025/03/Vector-1.svg);
    width: 20px;
    height: 20px;
    left: 6px;
    content: "";
    top: 10px;
}

.select-section {
    position: relative;
}

.product-compare table th {
    border: 0.5px solid #e1e1e1;
    padding: 24px;
    /* width: 25%; */
    text-align: center;
}

.product-compare table td:first-child {
    text-align: left;
    padding: 24px;
}

.product-compare table td {
    text-align: center;
    border: 0.5px solid #f0f1f2;
}

.product-compare table tr:nth-child(odd) td:first-child {
    background: #f0f1f2;
}

/* top-left border-radius */
.product-compare table tr:first-child th:first-child {
    border-top-left-radius: 12px;
    width: 60%;
}

.woocommerce .product-compare img,
.woocommerce-page .product-compare img {
    max-width: 100%;
    width: 120px;
    object-fit: scale-down;
    height: 120px;
}

/* top-right border-radius */
.product-compare table tr:first-child th:last-child {
    border-top-right-radius: 12px;
}

.product-compare table tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}

/* bottom-right border-radius */
.product-compare table tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}

.custom-single-product .product.type-product .slick-dots li button {
    background: transparent !important;
}

.custom-single-product .product.type-product .slick-dots li button:before {
    font-size: 18px;
    line-height: 16px;
    color: #000;
}

.custom-single-product .product.type-product .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #000;
}

.custom-single-product .product.type-product .slick-dots {
    position: absolute;
    bottom: -10px;
    background: rgb(247 247 247 / 50%);
    max-width: 160px;
    left: 50%;
    margin: 0 auto;
    transform: translate(-50%, 0);
    border-radius: 30px;
    line-height: 24px;
    backdrop-filter: blur(6px);
}

/* customize css*/
/* Shop page */
.above-data .quantity,
.above-data .secure-checkout,
.above-data .single_add_to_cart_button,
.bottm-data .woocommerce-variation-price {
    display: none !important;
}

.product-compare table {
    border-radius: 16px;
}

.product-compare table td {
    height: 60px;
    padding: 0px 24px;
    align-items: center;
}

.single-product-about {
    width: 100%;
}

/* .woo-features {
    margin-top: 90px;
} */

.single-product-about p {
    border: 1px solid #e1e1e1;
    padding: 33px 38px;
    border-radius: 20px;
}

.diy-installtion {
    margin-top: 90px;
}

.cus-popup-product {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    max-width: 580px;
    width: 94%;
}

.cus-popup-product.active {
    display: block;
}

.cus-popup-product .btn-close2 {
    display: flex;
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 99;
    background: #019d9a;
    border-radius: 50px;
    padding: 0;
    cursor: pointer;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: inherit;
}

.cus-popup-product .btn-close2 svg {
    width: 24px;
    fill: #ffffff;
}

.cus-popup-product:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 50%;
    width: 100vw;
    top: 50%;
    background: rgb(255 255 255 / 40%);
    height: 100vh;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(10px);
}

.cus-popup-product .full {
    border: 4px solid #009688;
    border-radius: 16px;
}

.cus-popup-product .full img {
    border-radius: 12px;
}

/* Shop page end */
/* FAQs CSS */
.accordion-item {
    outline: none;
}

/*cookie-policy*/
.item-box {
    border: 1px solid #8080803d;
    padding: 11px 20px 0px;
    border-radius: 3px;
    margin-bottom: 8px;
}

.item-box p br:first-child {
    display: none;
}

.privacy-policy-sec h2 span {
    color: #000;
}

.privacy-policy-sec h2 br {
    display: none;
}

.item-box li:before {
    display: none;
}

.item-box span.head {
    margin-right: 15px;
    width: 90px;
    display: inline-block;
    text-align: right;
    font-weight: 600;
}

.item-box span {
    font-size: 16px;
}

/* policy-css * -------------*/
.privacy-policy-sec h1,
.privacy-policy-sec h1 strong {
    font-size: 27px;
    color: #000000;
}

.sec-heading h1 {
    margin-bottom: 17px;
    font-family: var(--font-family);
    font-weight: bolder;
}

.sec-heading {
    margin-bottom: 42px;
}

.privacy-policy-sec .space-bottom {
    margin-bottom: 20px;
}

.privacy-policy-sec h2,
.privacy-policy-sec h2 strong {
    font-size: 20px;
    color: #000000;
    font-family: var(--font-family);
    font-weight: bolder;
}

.privacy-policy-sec a {
    font-weight: 400;
}

.privacy-policy-sec p,
.privacy-policy-sec .li,
.privacy-policy-sec a,
.privacy-policy-sec span,
.privacy-policy-sec em,
.privacy-policy-sec strong,
li,
body .privacy-policy-sec li {
    color: #595959;
    font-size: 17px;
}

body .privacy-policy-sec a,
body .privacy-policy-sec a span {
    color: #019d9a !important;
}

.privacy-policy-sec h6,
.privacy-policy-sec h6 strong {
    font-size: 18px;
    margin: 10px 0 15px;
    color: #000000;
    font-family: var(--font-family);
    font-weight: bolder;
}

.privacy-policy-sec .bottom-space {
    padding-bottom: 2px;
}

.page-id-3425 .site-footer,
.page-id-3425 .site-header,
.page-id-3425 .entry-header {
    display: none;
}

.woocommerce-order-received .woocommerce .woocommerce-customer-details address {
    background: #fff;
    border-radius: 4px;
    border: none;
    padding: 1em;
    height: 80%;
}

#btn-razorpay[disabled="true"],
#btn-razorpay-cancel[disabled="true"] {
    cursor: not-allowed;
    filter: grayscale(1);
    opacity: 0.8;
    pointer-events: none;
}

#msg-razorpay-success {
    background-color: rgb(249 248 238) !important;
    padding: 1rem 1.5rem 1rem 3rem !important;
    margin: 0;
    margin-top: 15px;
}

#msg-razorpay-success:before {
    left: 1em;
}

.woocommerce-order-details h2.woocommerce-order-details__title {
    text-transform: capitalize;
}

.cus-width-btn a.es-btn-com.dark-green-btn {
    max-width: max-content !important;
    margin: 0 auto;
    padding-left: 24px !important;
    font-size: 20px;
    color: #ffffff;
}

/* Register Form Changes*/
#customer_login {
    flex-direction: row;
    margin-top: 40px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    transition: all 0.5s ease;
	min-width: 160px;
}

.woocommerce form span.error {
    font-size: 13px;
    position: absolute;
    left: 4px;
    bottom: -19px;
    color: #F44336;
}

.woocommerce form .form-row {
    position: relative;
    margin-bottom: 24px;
}

.woocommerce-privacy-policy-text {
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 140%;
}

div#customer_login .u-column1.col-1 {
    margin-right: 30px;
}

.woocommerce-LostPassword.lost_password {
    display: flex;
    margin-top: -12px;
}

form.woocommerce-ResetPassword.lost_reset_password {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    padding: 100px 0px;
}

form.woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row {
    width: 100%;
    margin-top: 24px;
}

form.woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row label {
    text-align: left;
}

.woocommerce-LostPassword.lost_password a {
    text-decoration: none;
    opacity: 1;
    color: #019d9a;
}

.woocommerce-LostPassword.lost_password a:hover {
    opacity: 0.6;
}

.woocommerce form .form-row input::placeholder {
    color: #8a949b;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important;
    text-align: left;
}

.section-cus-reviews .dis-wrapper {
    display: flex;
    width: 100%;
}

.commentlist a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: var(--Green-Gradient, linear-gradient(90deg, #019d9a 0%, #75e696 100%)) !important;
}

.woocommerce form span.error {
    font-size: 13px;
    position: absolute;
    left: 4px;
    bottom: -19px;
    color: #F44336;
}

.woocommerce form .form-row {
    position: relative;
    margin-bottom: 24px;
}

table.woocommerce-table.order_details a.woocommerce-button {
    height: unset !important;
    padding: 10px 24px !important;
    line-height: 1.2;
}

table.woocommerce-table.order_details a.woocommerce-button:hover,
table.woocommerce-table.order_details a.woocommerce-button:focus,
table.woocommerce-table.order_details a.woocommerce-button:active,
table.woocommerce-table.order_details a.woocommerce-button:visited {
    background: var(--green-gradient) !important;
    color: #001623 !important;
}

/* POPUP */
/* The Modal (background) */
.modal {
    display: block;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content */
button.pum-close.popmake-close {
    background: var(--green-gradient) !important;
    height: 32px !important;
    width: 32px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.pum-theme-lightbox .pum-container {
    border: 0;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body> :not([aria-modal="true"]) {
    padding-right: 0;
}

.pum-theme-lightbox .pum-content+.pum-close {
    border: none;
}

.modal-content {
    background-image: url(/wp-content/uploads/2024/05/bg-popani.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    width: 100%;
    height: 410px;
    padding: 30px;
    border-radius: 16px;
}

/* Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.anniversary-popup h1,
.anniversary-popup p {
    color: #fff;
}

.anniversary-popup h1 {
    font-size: clamp(24px, 5vw, 48px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-top: 0;
    margin-bottom: 20px;
}

.anniversary-popup {
    max-width: 80%;
}

.anniversary-popup p {
    font-size: clamp(14px, 3vw, 24px);
    margin: 0 0 6px;
    line-height: 140%;
}

.color-gradient {
    color: #32fe76;
}

.anniversary-popup a {
    border-radius: 150px;
    background: #32fe76;
    color: #000;
    text-decoration: none;
    display: flex;
    width: 200px;
    padding: 8px 10px;
    justify-content: center;
    align-items: center;
    font-size: clamp(16px, 1.25vw, 18px);
    height: 50px;
    margin-top: 35px;
    font-weight: 600;
}

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    margin: 0;
    padding: 0;
    width: 102%;
}

section.related.products {
    display: none;
}

.woocommerce div.product form.cart .variations td.value input[type="radio"]:focus {
    outline-offset: 0px;
    outline: 0px dotted var(--form--border-color);
}

/* Become a partner Popup css here */
.site-header .primary-navigation .secondary-menu-container ul>li>a,
body header#masthead.site-header.site-header .primary-navigation .secondary-menu-container ul li a:focus {
    background: var(--green-gradient);
    border-radius: 50px;
    position: relative;
    display: inline-block;
    padding: 12px 20px !important;
    text-decoration: none;
    letter-spacing: 1px;
    transition: 0.5s;
    font-size: clamp(14px, 1.4vw, 16px);
    color: #ffffff;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    border: 1px solid #009688;
    line-height: 1;
}

.site-header .primary-navigation .secondary-menu-container ul>li a:hover {
    border-color: var(--white-color);
    color: var(--white-color);
    background: var(--green-gradient);
}

.partnerpopup .pop-wrapper select.wpcf7-form-control[name="state"],
.partnerpopup input[type="text"],
.partnerpopup input[type="number"],
.partnerpopup input[type="date"],
.pop-wrapper input[type="email"] {
    width: 100%;
    padding: 6px 12px;
    height: 44px;
    border-radius: 6px;
    font-size: 14px;
    border: 1px solid #d8d8d8;
    margin: 0;
    margin-bottom: 5px;
}

.partnerpopup .pop-wrapper [data-name="your-message"] {
    resize: none;
    height: 6.25rem;
    border: 1px solid #d8d8d8;
    padding: 10px 10px 6px;
    border-radius: 6px;
    overflow: hidden;
}

.partnerpopup .pop-wrapper textarea.msg-textarea {
    resize: none;
    height: 4.9rem;
    border: none;
    padding: 0;
    box-shadow: none !important;
    margin-top: 0px;
    outline: none;
}

.partnerpopup .pop-wrapper .FormControl:first-child,
.partnerpopup .pop-wrapper .FormControl:nth-child(2) {
    width: 100%;
    flex: 0 0 auto;
}

.partnerpopup .pop-wrapper .filled label {
    top: -8px;
    font-size: 12px;
    background: #fff;
    padding: 0 2px;
    z-index: 9;
}

.partnerpopup label.FormLabel {
    top: 12px;
    z-index: -1;
    margin: 0;
}

.partnerpopup.active {
    opacity: 1;
    visibility: visible;
    z-index: 99999;
    height: unset;
}

.partnerpopup form.wpcf7-form .form-grid {
    row-gap: 1.2rem;
}

.partnerpopup {
    height: 0;
    max-width: 1024px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #ffffff;
    width: 96%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.partnerpopup .pop-wrapper {
    position: relative;
    transition: all 0.5s ease;
    border-top-right-radius: 70px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

* body:has(.partnerpopup.active) {
    overflow: hidden !important;
}

.partnerpopup-close {
    background: var(--green-gradient) !important;
    border-radius: 50px;
    padding: 4px;
    width: 36px;
    height: 36px;
    z-index: 99;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 12px;
}

.partnerpopup h2 {
    font-size: clamp(24px, 2.3vw, 32px);
    line-height: normal;
    text-align: left;
    padding-right: 20px;
    padding-bottom: 24px;
}

.overlayer:has(+ .partnerpopup.active) {
    position: fixed;
    inset: 0;
    background: rgba(19, 20, 21, 0.77);
    z-index: 99999;
    filter: blur(1px);
    pointer-events: auto;
    overflow: hidden;
}

.partnerpopup .pop-wrapper .submit-form-col {
    margin-top: 10px;
    max-width: 100%;
}

.partnerpopup .pop-wrapper span.cus-loader input {
    padding: 0;
}

.partnerpopup .pop-wrapper .wpcf7-form-control-wrap {
    display: flex;
}

.partnerpopup .pop-wrapper span.wpcf7-not-valid-tip {
    text-align: left;
    font-size: 12px;
    position: absolute;
    padding-left: 3px;
    bottom: -11px;
    line-height: 1.2;
    background: none;
}

.partnerpopup .wpcf7 form.invalid .wpcf7-response-output {
    display: none;
}

.partnerpopup .wpcf7 form.sent .wpcf7-response-output {
    margin: 0 0 20px;
    text-align: center;
    width: 100%;
    font-size: clamp(16px, 1.25vw, 20px);
}

.partnerpopup form.wpcf7-form {
    overflow: visible;
}

.partnerpopup select.wpcf7-form-control option:first-child {
    display: none;
}

.partnerpopup .submit-form-col input.wpcf7-submit {
    border-radius: 150px;
    background: var(--green-gradient) !important;
    display: flex;
    padding: 8px 80px 8px 20px;
    align-items: center;
    gap: 20px;
    color: var(--dark-blue-color) !important;
    font-size: clamp(16px, 1.25vw, 20px);
    text-decoration: none;
    font-weight: 600;
    line-height: 140%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    border: none;
    height: 48px;
}

.partnerpopup .submit-form-col input.wpcf7-submit {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.partnerpopup .submit-form-col .btn-arrow-icon {
    background: var(--dark-blue-color);
    width: clamp(40px, 4vw, 40px);
    height: clamp(40px, 4vw, 40px);
}

.partnerpopup .right {
    height: 100%;
    width: 100%;
}

.partnerpopup .right img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.partnerpopup .left {
    padding: 30px 24px;
}

.partnerpopup .pop-wrapper select.wpcf7-form-control[name="state"] {
    padding: 0px 12px;
    width: 100%;
    border: 1px solid #d8d8d8;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 0.65rem auto;
}

.partnerpopup .wpcf7 form.sent .wpcf7-response-output:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    background: url(https://enciser.wordpress.thcs.in/wp-content/uploads/2024/04/orderplaced-1.gif);
    z-index: 999;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.partnerpopup .wpcf7 form.sent .wpcf7-response-output {
    padding-top: 200px;
    position: relative;
}

.partnerpopup .pop-wrapper .FormControl {
    margin-bottom: 0;
}

/* live link section start */
.livelink-section {
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.livelink-container {
    max-width: 1400px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 40px 30px 0;
    text-align: left;
    color: white;
    border-radius: 0;
    background: linear-gradient(180deg, #002424 0%, #001019 100%);
    gap: 40px;
    position: relative;
    min-height: 445px;
    overflow: hidden;
}

.livelink-container:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/01/bg-lineVector.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.linkproduct-image img {
    max-width: 280px;
    width: 100%;
}

.livelink-text-content {
    max-width: 500px;
}

.linktitle {
    color: var(--White, #FFF);
    font-size: clamp(32px, 1.8vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 1.25rem;
    font-family: var(--font-family);
}

.text-content h1 span {
    color: #38d39f;
}

.linkpara-text {
    margin-bottom: 30px;
    color: var(--White, #FFF);
    font-family: var(--font-family);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.linkbutton-group {
    display: flex;
    gap: 16px;
}

.linkbutton-group a {
    display: inline-block;
    text-decoration: none;
    padding: 10px 16px;
    transition: all 0.3s ease-in-out;
    color: #001623;
    font-family: var(--font-family);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.linkbutton-group a.shop-now {
    background-color: white;
    color: #012a3e;
    border: 2px solid transparent;
    min-width: 180px;
    text-align: center;
}

.linkbutton-group a.shop-now:hover {
    background-color: #38d39f;
    color: white;
}

.butlinkbuttonton-group a.learn-more {
    background-color: #38d39f;
    color: white;
}

.linkbutton-group a.learn-more:hover {
    background-color: white;
    color: #012a3e;
}

.product-image {
    flex-shrink: 0;
}

.product-image img {
    max-width: 300px;
}

.linktext-content {
    position: relative;
    z-index: 3;
    flex: 1 0 0;
}

.linkproduct-image {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 0;
    z-index: 2;
}

.linktitle span {
    color: #75E696;
    font-weight: 600;
    line-height: 120%;
    font-family: var(--font-family);
}

a.linklearn-more {
    border-radius: 150px;
    background: var(--green-gradient) !important;
}

a.linkshop-now {
    border-radius: 150px;
    border: 1px solid var(--White, #FFF);
    color: var(--White, #FFF);
    min-width: 180px;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .livelink-container {
        width: 90%;
        padding: 40px 60px;
        gap: 40px;
        flex-direction: row;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    .linktext-content {
        width: 60%;
    }

    .linkproduct-image {
        width: 30%;
        flex: unset;
    }

    .linkproduct-image img {
        max-width: 300px;
        height: auto;
        position: absolute;
        bottom: 0;
    }

    .linkbutton-group a {
        padding: 12px 30px;
    }
}

@media only screen and (min-width: 1180px) {
    .livelink-container {
        width: 90%;
        padding: 100px 120px;
        gap: 40px;
        flex-direction: row;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .livelink-container {
        width: 97%;
        padding: 30px 40px;
        gap: 30px;
    }

    .linkproduct-image img {
        max-width: 230px;
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0;
    }
}

/* live link section END */
/*----Media-Start---*/
@media (max-width: 992px) {
    .primary-navigation ul .desktop-hide {
        display: inline-flex !important;
    }

    .primary-navigation>div>.menu-wrapper li.partner-btn {
        display: none;
    }

    .primary-navigation>div>.menu-wrapper li.partner-btn.desktop-hide {
        display: block;
    }

    .partnerpopup .left {
        padding: 24px 16px;
    }
}

@media (max-width: 767px) {
    .partnerpopup .right {
        display: none;
    }

    .partnerpopup .pop-wrapper {
        grid-template-columns: 1fr;
    }

    .partnerpopup .wpcf7 form.sent .wpcf7-response-output {
        padding-top: 120px;
    }

    .partnerpopup .wpcf7 form.sent .wpcf7-response-output:after {
        top: -40px;
    }

    .partnerpopup {
        border-radius: 12px;
    }
}

/* Become a partner Popup css here END */
.order-shipment .post-password-form input[type="password"] {
    border: 1px solid var(--light-blue-color);
    padding: 12px 20px;
    border-radius: 8px;
    background: none;
    transition: all 0.5s ease;
    width: 100%;
    margin: 0;
}

.order-shipment input.post-password-form__submit {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    font-weight: 600;
    font-size: 18px;
    margin-top: 24px;
    background: var(--green-gradient);
    border-radius: 50px;
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    text-decoration: none;
    letter-spacing: 1px;
    transition: 0.5s;
    opacity: 0.8;
    height: 48px;
}

.order-shipment form.post-password-form {
    max-width: 100%;
    width: 100%;
    margin: auto;
}

.order-shipment .page-content-wrapper {
    max-width: 500px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
    background: #ffffff;
    padding: 30px 20px;
    border-radius: 18px;
}

.order-shipment .page-content-wrapper .post-password-message {
    font-size: 20px;
    text-align: left;
    color: var(--primary-color);
    line-height: 1.2;
    padding-bottom: 24px;
    font-weight: 600;
}

.order-shipment input.post-password-form__submit:hover {
    transition: 0.5s;
    color: var(--dark-blue-color);
    opacity: 1;
}

/* Media Queries */
@media only screen and (max-width: 1600px) {
    .home-edit_mockup {
        transform: scale(0.9);
    }

    .muti-inner-col {
        padding: 1.5rem 1.2rem;
    }
}

@media only screen and (min-width: 768px) {
    .desktop-hide {
        display: none;
    }

    .custom-related-prod .cus-related-slider,
    .bg-col-three #post-grid-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .woocommerce-page .primary-navigation a:hover,
    .woocommerce-page .primary-navigation a:link,
    .woocommerce-page .primary-navigation a:visited {
        color: var(--primary-color);
    }

    .custom-single-product .product.type-product {
        max-width: 1600px;
        width: 96%;
        margin: 0 auto;
        margin-bottom: 60px;
    }
}

@media only screen and (min-width: 991px) {
    nav.cus-sticky-product-nav {
        display: none;
    }

    .home-testimonials {
        padding-bottom: 50px;
    }

    li.desktop-hide.menu-item.menu-item-type-post_type {
        display: none;
    }
}

@media only screen and (min-width: 991.99px) {
    .desktop-hidden {
        display: none;
    }

    .desktop-none,
    .custom-single-product .product.type-product .woo-product-gallery-slider .wpgs-for .slick-arrow {
        display: none !important;
    }

    .future-blog {
        grid-template-columns: 1fr 1fr;
    }

    .client-logos {
        max-width: 70vw;
        justify-content: center;
    }

    .th-nav-tab-heading ul li h4.active:before,
    .th-nav-tab-heading ul li:hover h4:before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        left: 0;
        top: clamp(15px, 1.5vw, 25px);
        transform: translateY(-50%);
        background: var(--green-light-color);
        border-radius: 50px;
        transition: all 0.5s ease;
        color: var(--dark-blue-color);
    }

    .th-nav-tab-heading ul li h4.active,
    .th-nav-tab-heading ul li:hover h4 {
        padding-left: 20px;
        transition: all 0.5s ease;
        position: relative;
        color: var(--dark-blue-color);
        -webkit-text-fill-color: var(--dark-blue-color);
    }

    .widget-one,
    .widget-two,
    .widget-three,
    .widget-four {
        padding: 2.5rem 1.25rem;
    }

    .ft-more-info {
        padding: 0 1.25rem;
    }

    span#cart-count {
        width: 24px;
        height: 24px;
        background: #ffffff;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        font-size: 11px;
        position: absolute;
        line-height: 24px;
        color: #000;
    }

    a.counter {
        right: 60px;
        position: relative;
    }

    .secondary-menu-container {
        position: absolute;
        right: 0px;
    }

    .home-testimonials {
        padding-bottom: 50px;
    }
}

@media only screen and (min-width: 1024.99px) {
    .modulable-col-1 {
        grid-column: 2 / span 3;
    }

    .modulable-col-3 {
        grid-column: span 4/-2;
    }

    .modulable-col-2 {
        grid-column: span 7/-6;
    }

    .swap-sectiongradient-shade1 .modulable-col-3 {
        grid-area: 1 / 2 / span 1 / span 4;
    }

    .swap-sectiongradient-shade1 .modulable-col-1 {
        grid-area: 1 / 13 / span 1 / span 3;
    }

    .swap-sectiongradient-shade1 .modulable-col-2 {
        grid-area: 1 / 6 / span 1 / span 7;
    }

    .prodTxt_col_1 {
        grid-area: 1 / 9 / span 1 / span 7;
    }

    .prodTxt_col_2 {
        grid-area: 1 / 2 / span 1 / span 4;
    }

    .swap-section .prodTxt_col_1 {
        grid-area: 1 / 2 / span 1 / span 8;
    }

    .swap-section .prodTxt_col_2 {
        grid-area: 1 / 11 / span 1 / span 4;
    }

    .gradient-shade2 .prodTxt_col_1 {
        grid-column: 1 / span 10;
    }

    .gradient-shade2 .prodTxt_col_2 {
        grid-column: 12 / span 4;
    }

    .widget-one,
    .widget-two,
    .widget-three,
    .widget-four {
        padding: 2.75rem 1.5rem;
    }

    .ft-more-info {
        padding: 0 1.5rem;
    }

    .widget-one {
        grid-area: 1 / 1 / span 1 / span 3;
        border-right: 2px solid rgb(255 255 255 / 20%);
    }

    .widget-two {
        grid-area: 1 / 4 / span 1 / span 3;
        border-right: 2px solid rgb(255 255 255 / 20%);
    }

    .widget-three {
        grid-area: 1 / 7 / span 1 / span 3;
        border-right: 2px solid rgb(255 255 255 / 20%);
    }

    .widget-four {
        grid-area: 1 / 10 / span 1 / span 3;
    }

    .social-wrapper {
        margin-top: 1.75rem;
    }

    .footer-app:before {
        width: calc(100% + 3rem);
    }
}

@media only screen and (min-width: 1180px) {

    .custom-related-prod .cus-related-slider,
    .bg-col-three #post-grid-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .slide-container.slick-active .slide-wrapper {
        padding: 0 20px;
        margin: 0 20px;
    }

    .slide-container .slide-wrapper {
        padding: 0 40px;
    }

    .widget-one,
    .widget-two,
    .widget-three,
    .widget-four {
        padding: 2.75rem 1.5rem;
    }

    .btn-close1 {
        width: 60px;
        height: 60px;
    }
}

@media only screen and (min-width: 1399px) {
    .newsletter-section:before {
        height: 105px;
    }

    .slide-container.slick-active .slide-wrapper {
        padding: 0 30px;
        margin: 0 30px;
    }

    .slide-container .slide-wrapper {
        padding: 0 60px;
    }

    .client-info .col-1 {
        align-items: center;
    }

    .bottom-child-text {
        max-width: 90vw;
    }

    .widget-one,
    .widget-two,
    .widget-three,
    .widget-four {
        padding: 3.75rem 2.5rem;
    }

    .ft-more-info {
        padding: 0 2.5rem;
    }

    .footer-app:before {
        width: calc(100% + 5rem);
    }
}

@media only screen and (min-width: 1500px) {
    .slide-container.slick-active .slide-wrapper {
        padding: 0 60px;
        margin: 0 60px;
    }

    .slide-container .slide-wrapper {
        padding: 0 120px;
    }

    .bottom-child-text {
        max-width: 80vw;
    }
}

@media only screen and (min-width: 767.9px) and (max-width: 1480px) {
    .cus-single-blog-wrapper .post, .cus-single-blog-wrapper .previous-next {
        max-width: calc(100% - 110px);
        margin: unset;
    }

    .social-share-icons svg {
        width: 42px;
        height: 42px;
    }

    .cus-single-blog-wrapper .post-sharing-sticky {
        max-width: 5.25rem !important;
    }

    .social-share-icons {
        grid-row-gap: 1rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
    .services-intro .ct-title {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .content-col {
        width: 45%;
        padding: 0 4rem 0 1rem;
    }

    .section_services-track .image-col .desktop-image {
        height: 100%;
    }

    .section_services-track .image-col .m-img {
        object-fit: cover;
    }

    .slide-container .slide-wrapper {
        padding: 0 40px;
    }

    .slide-container.slick-active .slide-wrapper {
        padding: 0;
        margin: 0;
    }

    .blog-article:last-child {
        margin-top: -100px;
    }

    section.success-stories {
        padding: 5rem 2.5rem;
    }

    .success-slides button.slick-prev {
        left: 70px;
    }

    .success-slides button.slick-next {
        right: 70px;
    }

    .section_services-track .services-intro {
        height: 100%;
    }

    .item h2,
    .item h4 {
        padding: 1.5rem 0.75rem 1.25rem;
    }

    .item h3 {
        padding: 1.5rem 0.75rem 0.25rem;
    }

    .et-col {
        padding: 8px 12px;
        gap: 12px;
    }

    .icon-col i svg {
        height: 40px;
        width: 40px;
    }

    .grid-wrap {
        max-width: 94%;
    }

    .grid .grid-1 h2 {
        max-width: 430px;
        padding: 3.75rem 0.75rem;
    }

    .track-card {
        max-width: 90%;
    }

    .center-child-text i lottie-player {
        max-width: 170px;
    }

    .icon-text i {
        margin-right: 8px;
    }

    .icon-text i svg {
        height: 22px;
    }

    .item-5 h4 {
        padding: 0 0 1.25rem;
    }

    .bg-container {
        max-width: 94%;
    }

    .site-header {
        padding: 6px 1.25rem;
    }

    .newsletter-section {
        padding: 4rem;
    }

    .col-product {
        transform: translateY(-13vw);
        -webkit-transform: translateY(-13vw);
        -moz-transform: translateY(-13vw);
        -ms-transform: translateY(-13vw);
        -o-transform: translateY(-13vw);
    }

    .title_category {
        padding: 12px 14px;
    }

    .flexible-grid-wrapper,
    .vertical-accordion .inner-col,
    .team-section {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .team-mid-wrapper {
        padding-bottom: 6rem;
    }

    section.team-scroll-section .grid-wrap {
        max-width: 100%;
    }

    .founder .grid-wrap {
        padding: 6rem 1.25rem;
        max-width: 100%;
    }

    .founder .grid-1 {
        padding: 1rem;
    }

    .rich-text {
        padding-bottom: 6rem;
    }

    .flexible-style-2 .flex-grid {
        padding: 2.5rem;
    }

    /* **** Single Product **** */
    .custom-single-product .product.type-product .woo-product-gallery-slider {
        padding: 0 1.25rem;
    }

    .woocommerce div.product form.cart .features-wrapper .feature-col {
        width: calc(50% - 1rem);
    }

    .woocommerce div.product form.cart .features-wrapper .feature-col span {
        font-size: 14px;
    }

    .grid-wrap-home .item {
        padding: 30px;
    }

    .grid-wrap-home .grid-inner-col.grid .item.grid-2 img {
        max-height: 250px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .vh-sc-col {
        display: flex;
        flex-direction: column-reverse;
    }

    .vh-image {
        width: 100%;
        padding: 0;
    }

    .vh-image img {
        object-fit: cover;
    }

    .vh-content {
        width: 100%;
        padding: 0;
        margin-top: 24px;
    }

    .vh-sc-col {
        padding: 5rem 1.5rem;
    }

    .vh-sc-col.active {
        opacity: 0;
    }

    .vh-sc-col.slide-active.active {
        opacity: 1;
    }

    .bg-image,
    .video-col {
        height: 50vh;
    }

    .content-img-section .services_camera .services_wrapper {
        display: flex;
        flex-direction: column;
        margin: -5px 0;
    }

    .vh-sc-col.slide-active .vh-image img {
        height: 58vh;
    }

    .app-download-main .app-download-wrapper .content-wrapper .app-img img {
        margin: 0 auto;
        max-width: 410px;
        display: inline-block;
        margin-left: 3rem;
    }

    .containerButtons .tsp_content_button p {
        text-align: left;
    }

    .containerButtons .tsp_content_button {
        padding: 20px 24px 20px 24px;
        border-radius: 6px;
    }

    #secondary-menu-list li.login-account,
    #secondary-menu-list li.logged-account {
        display: none;
    }
}

@media only screen and (max-width: 1440px) {
    .section_services-track .col-rt-lt {
        padding: 1rem 1.5rem;
        width: 94%;
    }

    .client-info .col-1 img {
        margin-right: 12px;
        width: 50px;
    }

    .client-info .col-1 {
        padding-right: 16px;
        align-items: center;
        width: 40%;
    }

    .client-info .col-2 {
        padding-left: 20px;
        width: 60%;
    }

    .ft-image-logo {
        max-width: 200px;
        margin-bottom: 20px;
    }

    .blog-article:last-child {
        margin-top: -120px;
    }

    .slide-container .slide-wrapper {
        padding: 0 60px;
    }

    .slide-container.slick-active .slide-wrapper {
        padding: 0 30px;
        margin: 0px 30px;
    }

    .qr-scanner-col {
        margin-top: 60px;
        max-width: 140px;
    }

    .left-child-text {
        max-width: 600px;
    }
}

@media (max-width: 1199px) {
    .cus-width-btn a.es-btn-com.dark-green-btn {
        max-width: 180px;
        margin: 0 auto;
        padding-left: 20px !important;
        font-size: 18px;
    }

    div#customer_login {
        flex-direction: column;
    }
}

@media only screen and (max-width: 1024px) {
    .site-header {
        padding: 6px 20px;
        z-index: 999;
    }

    .client-info {
        flex-direction: column;
    }

    .slide-container.slick-active .slide-wrapper {
        margin: 0;
    }

    .client-info .col-1 {
        width: 100%;
        padding-right: 0;
    }

    .client-info .col-2 {
        width: 100%;
        padding-left: 0;
        border-left: 0;
        margin-top: 13px;
    }

    .slide-container .slide-wrapper {
        padding: 0 20px;
    }

    .success-slides.slick-slider .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 6px;
    }

    .success-slides.slick-slider .slick-dots li button {
        background-color: var(--green-light-color);
        width: 100%;
        height: 100%;
        border-radius: 50px;
        opacity: 0.2;
    }

    .success-slides.slick-slider .slick-dots li.slick-active button {
        opacity: 1;
    }

    .success-slides .slick-list {
        padding-bottom: 30px;
        display: block;
    }

    .blog-article:first-child .inner-card:before {
        width: 5.625rem;
        height: 5.625rem;
    }

    .blog-section {
        max-width: 100%;
    }

    .grid-inner-col .item:first-child {
        width: auto;
    }

    .item-1 {
        grid-area: 1 / 1 / span 9 / span 4;
    }

    .item-2 {
        grid-area: 1 / 5 / span 4 / span 4;
    }

    .item-3 {
        grid-area: 5 / 5 / span 8 / span 4;
    }

    .item-4 {
        grid-area: 10 / 1 / span 8 / span 4;
    }

    .item-5 {
        grid-area: 13 / 5 / span 5 / span 4;
        min-height: 25vw;
    }

    .muti-inner-col {
        width: 100%;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .et-col {
        width: 100%;
    }

    .left-child-text {
        max-width: 500px;
    }

    .qr-scanner-col {
        margin-top: 40px;
        width: 100%;
        max-width: 300px;
        height: fit-content;
    }

    .qr-code-bottom {
        width: fit-content;
        display: none;
    }

    .qr-code_center {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .qr-element-head {
        max-width: 100%;
        margin: 16px auto 10px;
        width: 100%;
    }

    .qr-element-text {
        margin-top: 20px;
        width: 100%;
    }

    .qr-code {
        width: 90px;
        display: flex;
        margin-right: 10px;
        float: left;
        height: 100px;
        overflow: hidden;
        align-items: center;
    }

    .qr-code_center .qr-code svg {
        width: 100%;
        height: 100%;
    }

    .bg-child-container {
        max-width: 100%;
    }

    .upper-section-blog {
        padding-top: 7.75rem;
        padding-bottom: 5rem;
    }

    .mid-section-blog {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    ul#category-list {
        margin-bottom: 2.75rem;
        margin-top: 1.5rem;
    }

    .cus-single-blog-wrapper {
        padding: 7.75rem 1.25rem 5rem;
        margin-bottom: 5rem;
    }

    .newsletter-section {
        padding: 2.5rem;
    }

    .newsletter-section {
        padding: 3rem 2.5rem;
    }

    .custom-related-prod {
        padding: 5rem 1.2rem;
    }

    .custom-related-prod h2 {
        margin-bottom: 2.5rem;
    }

    .contant-form-section {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .inner-col {
        max-width: 100%;
    }

    .light-th-wrapper {
        padding: 7.75rem 1.25rem 5rem;
    }

    .single-content-page {
        padding-top: 5rem;
    }

    .flexible-style-2 .flex-grid {
        padding: 2.5rem;
    }

    .about-us .builder-media-col .bg-image {
        height: 85vh;
    }

    .client-logos li {
        width: 50%;
    }

    .flexible-grid-wrapper,
    .vertical-accordion .inner-col,
    .team-section {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .team-mid-wrapper {
        padding-bottom: 6rem;
    }

    .founder .grid-wrap {
        padding: 6rem 1.25rem;
        max-width: 100%;
    }

    .founder .grid-1 {
        padding: 1rem;
    }

    .rich-text {
        padding-bottom: 6rem;
    }

    .th-nav-tab-heading ul li {
        padding: 1.25rem 0;
    }

    .th-nav-tab-content {
        padding: 2vw 3vw;
        max-width: 95%;
    }

    .flexible-style-1 .flex-grid {
        max-width: 90vw;
    }

    .flexible-style-2 .flex-1 .col-flex2,
    .flexible-style-2 .flex-2 .col-flex2 {
        padding-left: 0vw;
    }

    .tsp_image_grid {
        --grid-size: 2/8;
        grid-column: var(--grid-size);
        min-height: 80vh;
    }

    .tsp_content_grid {
        --grid-size: 9/-2;
        grid-column: var(--grid-size);
    }

    .smart_image1 {
        grid-column: 2 / span 4;
    }

    .smart_image2 {
        grid-column: span 6/-2;
        margin-top: 3rem;
    }

    .smart_image3 {
        grid-column: 3/-3;
        transform: unset !important;
    }

    .headline_smart {
        margin-top: 3.75rem;
        margin-bottom: 4rem;
    }

    .modulable-col-1 {
        grid-column: 2 / span 3;
    }

    .modulable-col-2 {
        grid-column: span 6/-7;
    }

    .modulable-col-3 {
        grid-column: span 5/-2;
    }

    .prodTxt_col_2 {
        grid-area: 1 / 2 / span 1 / span 6;
    }

    .prodTxt_col_1 {
        grid-area: 1 / 10 / span 1 / span 6;
    }

    .swap-section .prodTxt_col_1 {
        grid-area: 1 / 2 / span 1 / span 7;
    }

    .swap-section .prodTxt_col_2 {
        grid-area: 1 / 10 / span 1 / span 6;
    }

    .modulable_section {
        min-height: unset;
    }

    .inner_wrapper-kt {
        min-height: 80vh;
    }

    .prodTxtSection {
        min-height: 100vh;
    }

    .wrapper_kit_hero .modal .player-controls {
        max-width: 80%;
        top: 80px;
        padding: 0;
    }

    .wrapper_kit_hero .modal .player-controls button.btn-close {
        top: -1rem;
        right: -2rem;
    }

    .prodTxtSection .inner-col {
        height: 100%;
        padding-top: 5rem;
        min-height: auto;
    }

    .gradient-shade2 .prodTxt_col_1 img {
        transform: translateX(3rem) translateY(5rem) scale(2.2);
    }

    .modulable-col-2 img {
        transform: translateX(4rem) scale(2);
        opacity: 0.1;
    }

    .prodTxtSection {
        margin-top: -1px;
    }

    .modulable_wrapper {
        overflow: hidden;
    }

    .footer-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .widget-one {
        border-right: 2px solid rgb(255 255 255 / 20%);
        border-bottom: 2px solid rgb(255 255 255 / 20%);
    }

    .widget-three {
        border-right: 2px solid rgb(255 255 255 / 20%);
    }

    .widget-two {
        border-bottom: 2px solid rgb(255 255 255 / 20%);
    }

    .social-wrapper ul.social-links {
        margin-top: 1.25rem;
    }

    .social-wrapper {
        margin-top: 2.5rem;
    }

    .row2 svg {
        width: 30px;
        height: 28px;
    }

    .widget-two ul li,
    .widget-three ul li {
        margin-bottom: 0.3rem;
    }

    .footer-address {
        max-width: 100%;
        margin-top: 1.2rem;
    }

    .site-footer {
        padding-top: 2.5rem;
    }

    .ft-more-wrapper {
        margin-bottom: 2.5rem;
        margin-top: 1.5rem;
    }

    .tsp_inner_wrapper .full {
        border-radius: 10px;
        border-top-right-radius: 70px;
        grid-column: 4/-3;
    }

    .tsp_inner_wrapper .full>h3 {
        padding: 0;
        margin: 0;
    }
}

@media screen and (orientation: landscape) and (max-device-height: 670px) {
    .primary-navigation>div>.menu-wrapper {
        overflow: auto;
        height: 100%;
        /* padding-bottom: 6rem;
         */
    }

    .social-share-icons {
        display: none;
    }

    section#scroll-text-section .wrapper_message {
        min-height: 500px;
    }
}

@media (max-width: 1199px) {
    .woocommerce-page .woocommerce {
        padding: 20px;
    }

    .woocommerce-cart .entry-header .entry-title {
        font-size: 48px;
    }

    .woocommerce-cart article.page {
        padding-top: 1.5rem;
    }

    form.woocommerce-cart-form {
        flex-direction: column;
    }

    .woocommerce-product-info {
        width: 100%;
        padding-right: 0;
    }

    .woocommerce .cart-collaterals,
    .woocommerce-page .cart-collaterals {
        max-width: 100%;
        padding: 1.5rem;
    }

    /* .woocommerce-cart .cart_totals table tr {
         display: block;
    }
     */
    .woocommerce-page table.shop_table_responsive tr td.product-quantity {
        justify-content: space-between;
        align-items: center;
    }

    .cart_item td.product-quantity .quantity {
        border: none;
        width: 110px;
        height: 36px;
        padding: 4px 20px;
    }

    tr.woocommerce-shipping-totals.shipping td {
        background: none !important;
    }

    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
        display: block;
    }

    td.product-remove {
        position: unset;
        right: 20px;
    }

    a.remove {
        font-size: 24px !important;
    }

    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail:before {
        content: "";
    }

    form.woocommerce-cart-form {
        padding-top: 1.75rem;
    }

    .woocommerce-cart table.cart td.product-thumbnail a {
        padding: 0.75rem;
        max-width: 80px;
    }

    .woocommerce-checkout-review-order {
        padding: 1.25rem;
        width: 100%;
    }

    .woocommerce-page .woocommerce form.woocommerce-checkout .col2-set {
        padding-right: 0;
        width: 100%;
    }

    .woocommerce-page .woocommerce form.woocommerce-checkout {
        padding-top: 0;
        padding-left: 0rem;
        padding-right: 0rem;
        flex-direction: column;
    }
}

@media only screen and (max-width: 991.9px) {
    nav.cus-sticky-product-nav {
        display: none !important;
    }
}

@media only screen and (max-width: 991px) {

    .single-product-testimonial,
    section.savings-grid-section {
        padding: 80px 20px;
    }

    section.single-product-testimonial ul.slick-dots {
        bottom: -40px;
    }

    .single-product-testimonial .testimonials-header {
        margin-bottom: 40px;
    }

    .custom-single-product .product.type-product .woo-product-gallery-slider .wpgs-for .slick-arrow {
        display: none;
    }

    .margin-top-80 {
        padding-top: 70px;
    }

    .woocommerce form p#billing_city_field,
    .woocommerce form p#billing_state_field,
    .woocommerce form p#billing_postcode_field,
    .woocommerce form p#shipping_state_field,
    p#shipping_city_field,
    p#shipping_postcode_field {
        width: 100%;
        display: block;
    }

    .woocommerce-page .primary-navigation #primary-mobile-menu svg rect,
    .woocommerce-page .primary-navigation #primary-mobile-menu svg path {
        stroke: var(--primary-color);
    }

    .menu-button-container #primary-mobile-menu {
        outline: none;
        border-radius: 50px;
    }

    .site-header {
        padding: 0.375rem 1.25rem;
    }

    .site-logo .custom-logo {
        max-width: 9.375rem;
    }

    body.primary-navigation-open.lock-scrolling {
        overflow: hidden;
    }

    .primary-navigation-open .primary-navigation {
        position: relative;
        z-index: 0;
    }

    .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
        display: block;
    }

    .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo a {
        display: flex;
    }

    .primary-navigation {
        position: relative;
        margin-left: auto;
    }

    .primary-navigation-open .menu-button-container {
        background: none;
        width: auto;
    }

    .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
        position: unset;
    }

    .primary-navigation>.primary-menu-container {
        visibility: hidden;
        opacity: 0;
        position: fixed;
    }

    .menu-button-container {
        display: flex;
    }

    .primary-navigation>.primary-menu-container {
        min-height: 100vh;
        z-index: 499;
        overflow-x: hidden;
        overflow-y: auto;
        border: 2px solid transparent;
    }

    .primary-navigation-open .primary-navigation>.primary-menu-container {
        position: fixed;
        background-color: var(--primary-color);
        display: flex;
        align-items: flex-start;
        justify-content: center;
        z-index: 4;
        padding-top: 5rem;
        top: 0;
    }

    .menu-item-has-children .sub-menu
    {
        display: none;
    }    

    .single-post:has(.cus-single-post) .primary-navigation>.primary-menu-container,
    .page-templatee-blog-listings:has(.main-blog) .primary-navigation>.primary-menu-container,
    body:has(.light-theme) .primary-navigation>.primary-menu-container,
    .woocommerce-page:has(.site) .primary-navigation>.primary-menu-container {
        background-color: var(--light-active-color);
    }

    .primary-navigation>div>.menu-wrapper li {
        display: block;
        position: relative;
        width: 100%;
    }

    .primary-navigation .primary-menu-container>ul>.menu-item {
        display: flex;
        text-align: center;
        justify-content: flex-start;
        padding: 0 1rem;
        margin: 0;
    }

    .site-header .primary-navigation ul li a {
        font-size: 36px;
        line-height: 110%;
    }

    .slide-container .slide-wrapper {
        opacity: 0;
        visibility: hidden;
    }

    .slide-container.slick-active .slide-wrapper {
        opacity: 1;
        visibility: visible;
    }

    .footer-container {
        max-width: 100%;
    }

    .center-child-text {
        height: auto;
    }

    .builder-title {
        height: 45vh;
        min-height: 30rem;
    }

    .contact-form-col {
        padding: 1.5rem;
        width: 100%;
    }

    .contact-img-col {
        display: none;
    }

    body:has(.light-theme) .myprefix-maybe-sticky .primary-navigation ul li a {
        color: var(--dark-blue-color) !important;
    }

    .content-section {
        padding: 0 0 2.5rem 0;
    }

    .modulable-col-2 img {
        transform: unset;
        opacity: 1;
    }

    .prodTxt_col_1 {
        grid-column: 1/-1;
        grid-area: 2 / 1 / span 1 / span 16;
        overflow: hidden;
    }

    section.prodTxtSection.gradient-shade2 .prodTxt_col_1 img {
        transform: translateY(4rem) scale(1.3);
        -webkit-transform: translateY(4rem) scale(1.3);
        -moz-transform: translateY(4rem) scale(1.3);
        -ms-transform: translateY(4rem) scale(1.3);
        -o-transform: translateY(4rem) scale(1.3);
    }

    .swap-section .prodTxt_col_1 {
        grid-area: 1 / 2 / span 1 / span 7;
        grid-column: 1/-1;
    }

    .swap-section .prodTxt_col_1 {
        grid-area: 2 / 2 / span 1 / span 7;
        grid-column: 1/-1;
    }

    .swap-section .prodTxt_col_2 {
        grid-area: 1 / 10 / span 1 / span 6;
        grid-column: 1/-1;
    }

    .gradient-shade2 .prodTxt_col_1 img {
        transform: translateY(0);
        width: 100%;
        max-width: 55vw;
        margin: 0 auto;
        display: block;
    }

    .prodTxt_col_2 {
        max-width: 55vw;
        margin: 0 auto;
        display: block;
        margin: 0 auto;
        display: block;
        grid-column: 1/-1;
    }

    .prodTxt_col_2 img {
        width: 100%;
    }

    .prodTxt_col_1 img {
        width: 100%;
        max-width: 60vw;
        margin: auto;
        display: block;
    }

    .mobile-hidden {
        display: none;
    }

    .register_interest_grid .ryi_section_1 h4 {
        margin-top: 30px;
    }

    .footer-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .widget-one {
        grid-area: 1 / 1 / span 1 / span 2;
    }

    .widget-four {
        grid-area: 3 / 1 / span 1 / span 2;
    }

    .ft-more-info {
        padding: 0 1.25rem;
    }

    .widget-one {
        border-right: 0;
        border-bottom: 2px solid rgb(255 255 255 / 20%);
        padding: 2.5rem 1.25rem;
    }

    .widget-two {
        border-right: 2px solid rgb(255 255 255 / 20%);
        padding: 2.5rem 1.25rem;
        border-bottom: 2px solid rgb(255 255 255 / 20%);
    }

    .widget-three {
        border-right: 0;
        padding: 2.5rem 1.25rem;
        border-bottom: 2px solid rgb(255 255 255 / 20%);
    }

    .widget-four {
        grid-area: 3 / 1 / span 1 / span 2;
        padding: 2.5rem 1.25rem;
    }

    .tsp_inner_wrapper .full>h3 {
        position: unset;
        padding-bottom: 12px;
    }

    .tsp_inner_wrapper .content-row ul li {
        border-top: 1px solid #eaecf0;
        padding-left: 0.75rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .cus-single-blog-wrapper .post-sharing-sticky {
        max-width: 5.25rem !important;
        padding-bottom: 20%;
    }

    .footer-app:before {
        width: calc(100% + 2.5rem);
    }

    /* html body .site-header .primary-navigation ul li a {
         color: #fff !important;
    }
     */
    .site-header .primary-navigation .secondary-menu-container ul li a {
        padding: 0 !important;
    }

    ul#secondary-menu-list li a img {
        width: 24px;
        line-height: normal;
        margin-top: -2px;
    }

    .site-header .primary-navigation {
        align-items: center;
        justify-content: end;
        padding-left: 0px;
        padding-right: 80px;
    }

    .site-header .primary-navigation a.counter {
        position: relative;
        width: 38px;
    }

    span#cart-count {
        position: absolute;
        left: 2px;
        top: 12px;
        font-size: 12px;
        width: 20px;
        text-align: center;
        font-weight: 600;
    }

    .site-header .primary-navigation {
        width: calc(100% - 150px);
    }

    .site-logo a svg {
        width: 150px;
    }

    .custom-single-product .product.type-product>div {
        width: 100% !important;
    }

    .custom-single-product .product.type-product {
        display: flex;
        flex-direction: column;
    }

    .logged-in .login-mob {
        display: none !important;
    }

    li.desktop-hide.myaccount-mob {
        display: none !important;
    }

    .logged-in li.desktop-hide.myaccount-mob {
        display: inline-flex !important;
    }

    .woocommerce-thankyou-order-received:before {
        width: 140px;
        height: 140px;
        transform: translateX(-50%) scale(1.5);
    }

    a.downloadinvoice {
        font-size: 12px;
    }

    .secondary-menu-container {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    ul#secondary-menu-list {
        display: inline-flex;
        flex-wrap: nowrap;
        width: fit-content;
        align-items: center;
    }

    ul#secondary-menu-list li.menu-item a {
        width: max-content;
        padding: 12px !important;
    }

    /* .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: calc(50% - 20px) !important;
    } */
}

@media only screen and (max-width: 767px) {
    /* .combine-cart-div {
        display: flex;
        background: #ffffff;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 20px 20px 30px;
        box-shadow: -1px 3px 18px 0px #e1e1e1;
        z-index: 999999999999;
    } */

    body:has(.demo-page) .site-header .site-branding {
        width: 100%;
    }

    select.select-video-type {
        min-width: 140px;
    }

    .testimonials-section,
    section.savings-grid-section {
        padding: 40px 20px;
    }

    /* **** 17-04-2024 **** */
    .new-testimonial-slider {
        margin: 0 -20px;
        max-width: calc(100% + 40px);
    }

    /* 
    .woocommerce div.product form.cart button.single_add_to_cart_button {
        width: 100% !important;
        max-width: 100%;
    } */

    /* policy-css */
    .privacy-policy-sec h2,
    .privacy-policy-sec h2 strong {
        font-size: 15px;
    }

    .privacy-policy-sec h1,
    .privacy-policy-sec h1 strong {
        font-size: 20px;
    }

    .privacy-policy-sec h6 {
        font-size: 14px;
        margin: 3px 0 12px;
    }

    .privacy-policy-sec p,
    .privacy-policy-sec .li,
    .privacy-policy-sec a,
    .privacy-policy-sec span,
    .privacy-policy-sec em,
    .privacy-policy-sec strong,
    li,
    body .privacy-policy-sec li {
        font-size: 14px;
    }

    /* policy-css end */
    /* enciser app page css start */
    .home-edit_ui-wrap.right {
        right: 0;
    }

    .home-edit_ui-wrap.right .home-edit_ui_1 {
        max-width: 100%;
        left: 10%;
        top: 8rem;
    }

    .home-edit_ui-wrap.right .home-edit_ui_1 .arrow-2 {
        left: 40%;
        top: 7rem;
    }

    .home-edit_ui-wrap.left .home-edit_ui_1,
    .home-edit_ui-wrap.left .home-edit_ui_2 {
        display: none;
    }

    .home-edit_ui-wrap.right .home-edit_ui_2 {
        padding: 12px;
        max-width: 80%;
        left: -17%;
        top: 5rem;
    }

    .home-edit_ui-wrap.right .home-edit_ui_2 .arrow.arrow-2 {
        top: -110%;
        left: 75%;
    }

    .home-edit_ui-wrap.right .home-edit_ui_3 {
        padding: 12px;
        max-width: 90%;
        left: 0px;
        top: 6rem;
        display: none;
    }

    .home-edit_ui-wrap.right .home-edit_ui_3 .arrow.arrow-2 {
        top: -8rem;
        left: 40%;
    }

    .home-edit_ui-wrap .arrow-1:focus .home-edit_ui_3,
    .home-edit_ui-wrap .arrow-1:focus .home-edit_ui_2,
    .home-edit_ui-wrap .arrow-2:focus .home-edit_ui_1,
    .home-edit_ui-wrap .arrow-2:focus .home-edit_ui_2,
    .home-edit_ui-wrap .arrow-2:focus .home-edit_ui_3 {
        display: block;
    }

    /* enciser app page css end */
    .mobile-hide {
        display: none !important;
    }

    .myprefix-maybe-sticky:before {
        top: 0;
        height: 70px;
    }

    .site-header {
        height: 70px;
    }

    .col-rt-lt {
        padding: 1rem 1.5rem;
        width: 100%;
    }

    .services_camera,
    .section_services-track {
        height: auto;
    }

    .services_wrapper {
        display: block;
    }

    .services-intro .col-rt-lt {
        max-width: 100vw;
        min-height: 350px;
        padding: 0 1.25rem;
        width: 100%;
    }

    .services .col-rt-lt .kWh-text,
    .services .col-rt-lt h3 {
        margin-top: 50px;
    }

    .services-intro,
    .services {
        min-height: 470px;
        height: 50vh;
        width: 100vw;
    }

    .product-image {
        height: 40vh;
        max-height: 320px;
        margin-bottom: 15%;
    }

    .services .col-rt-lt h5 {
        bottom: 1.5rem;
        left: 1.5rem;
        right: 1.5rem;
    }

    .scroll-text-section {
        padding: 0 1.25rem;
    }

    .wrapper_message,
    .bg-image {
        height: 50vh;
        min-height: auto;
    }

    .media-single-col .heading-text {
        top: 40%;
        padding: 0 1.25rem;
        text-align: left;
    }

    /* .ft-more-info {
         margin-bottom: 34px;
    }
     */
    .ft-content-col {
        max-width: 100%;
    }

    .ft-image-logo {
        width: 100%;
        max-width: 200px;
        margin-bottom: 16px;
    }

    .social-wrapper span.follow {
        font-weight: 400;
    }

    .blog-title-col {
        position: unset;
    }

    .blog-article:first-child {
        padding-top: 28px;
    }

    .blog-list {
        grid-template-columns: 1fr;
    }

    .inner-card {
        padding: 16px;
    }

    .inner-card {
        padding: 16px;
    }

    .blogs-title {
        min-height: 36px;
    }

    .blogs-meta {
        margin-top: 12px;
    }

    .blog-article:first-child .inner-card:before {
        width: 75px;
        height: 75px;
    }

    .blog-read-more {
        margin-top: 16px;
    }

    .blog-article:last-child {
        margin-top: unset;
    }

    .blog-more-col {
        position: unset;
        width: fit-content;
        margin: 0 auto;
        margin-top: 36px;
    }

    .blog-section {
        padding: 5rem 1.25rem;
        max-width: 100%;
    }

    .blog-article:nth-child(2) {
        padding-top: unset;
    }

    .blog-article {
        padding-top: 0;
    }

    .content-img-section .content-col .btn-arrow-icon {
        width: clamp(56px, 4vw, 50px);
        height: clamp(56px, 4vw, 50px);
    }

    .content-img-section .content-col .btn-arrow-icon svg {
        margin-top: 0.875rem;
    }

    /* .ft-more-wrapper {
         align-items: flex-start;
         height: 330px;
    }
     */
    .video-col {
        height: 60vw;
        min-height: unset;
    }

    .section_services-track .col-rt-lt {
        padding: 1rem 1.25rem;
        width: 100%;
    }

    /* Silder CSS */
    .slide-container .slide-wrapper {
        padding: 0;
    }

    .slide-container .slide-wrapper .slide-info,
    .slide-container .slide-wrapper .client-info {
        padding: 0;
    }

    .success-slides.slick-slider .slick-dots li button {
        background-color: var(--green-light-color);
        width: 100%;
        height: 100%;
        border-radius: 50px;
        opacity: 0.2;
    }

    .success-slides.slick-slider .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 6px;
    }

    .success-slides.slick-slider .slick-dots li.slick-active button {
        opacity: 1;
    }

    section.success-stories {
        padding: 5rem 1.25rem;
    }

    .success-stories:before,
    .success-stories:after {
        width: 290px;
        height: 230px;
    }

    .client-info {
        flex-direction: column;
    }

    .slide-container.slick-active .slide-wrapper {
        padding: 0;
        margin: 0;
    }

    .client-info .col-1 {
        width: 100%;
        padding-right: 0;
    }

    .client-info .col-2 {
        width: 100%;
        padding-left: 0;
        border-left: 0;
        margin-top: 13px;
    }

    .slide-info h5 {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .vh-sc-col {
        flex-direction: column-reverse;
        position: unset;
        height: unset;
        min-height: unset;
    }

    .vh-sc-col .vh-content {
        opacity: 1;
        visibility: visible;
        overflow: unset;
        margin-top: 20px;
    }

    .vh-content,
    .vh-image {
        width: 100%;
        padding: 0 1.5rem 0 1.25rem;
    }

    .client-info .col-1 img {
        margin-right: 12px;
        width: 40px;
    }

    .sticky-sections-tbx {
        height: auto;
        position: unset;
        overflow: hidden;
        padding: 80px 0;
        row-gap: 40px;
        display: flex;
        flex-direction: column;
    }

    .vh-content h3 {
        margin-bottom: 12px;
    }

    .section_sticky-sections-tbx {
        height: unset;
    }

    .section_services-track .services-intro {
        justify-content: center;
        flex-direction: column-reverse;
        height: auto;
    }

    /* .section_services-track .container-swap .content-col {
         width: 100%;
         padding: 0 1.25rem;
    }
     */
    .section_services-track .image-col {
        position: unset;
        min-height: 360px;
    }

    .section_services-track .image-col .m-img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    .section_services-track .content-col {
        width: 100%;
        padding: 0 1.25rem;
        margin: 20px 0;
        flex-wrap: nowrap;
        justify-content: space-between;
        display: flex;
        background: none;
        align-items: center;
    }

    .content-col .button-cta {
        width: auto;
    }

    .services-intro .left-col {
        width: 100%;
    }

    .media-single-col .heading-text h3 {
        padding: 0;
    }

    .content-col ul {
        display: none;
    }

    .section_services-track .content-col .ct-title {
        color: var(--dark-blue-color);
        padding-right: 8px;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .services-intro .tags,
    .services-intro .ct-para {
        display: none;
    }

    .section_services-track .content-col .es-btn-com {
        font-size: 0;
        padding: 0;
        gap: 0;
    }

    .ft-content-col p {
        margin-top: 8px;
    }

    .site-info {
        margin: 0 1.25rem;
    }

    .grid-inner-col {
        display: flex;
        flex-direction: column;
    }

    .team-mid-wrapper {
        gap: 30px;
        flex-direction: column;
    }

    .team-mid-wrapper .flexible-grid-right {
        padding: 30px 20px;
    }

    .grid-inner-col .item:first-child {
        width: 100%;
    }

    .muti-inner-col {
        width: 100%;
    }

    .grid-wrap {
        max-width: 100%;
        width: 100%;
    }

    .grid-3 {
        width: 100%;
    }

    .grid-wrap {
        padding: 5rem 1.25rem;
    }

    .item-4 img {
        position: relative;
    }

    .item h3 {
        position: absolute;
    }

    .item-4 h3 {
        bottom: 0px;
    }

    .builder-title h2 {
        max-width: 100%;
        padding: 0 1.25rem;
    }

    .builder-title {
        padding-top: 120px;
    }

    .qr-scanner-col {
        margin-top: 5rem;
    }

    .item h2,
    .item h4,
    .item h3 {
        padding: 1.25rem;
    }

    .item-3 img {
        padding-top: 10rem;
    }

    .muti-inner-col h4 {
        padding: 0;
    }

    .builder-media-col .bg-image {
        height: 85vh;
    }

    .builder-media-col .heading-text {
        top: 68%;
        padding: 1.25rem;
    }

    .grid-inner-col.grid .item:first-child {
        width: 100%;
        height: 50vh;
    }

    .grid .grid-1 img {
        object-position: 80%;
    }

    .page-bulider .wrapper_message {
        padding: 5rem 0rem 0;
        height: 100%;
    }

    .page-bulider .wrapper_message .section-image {
        padding-top: 3.75rem;
    }

    .grid .grid-1 h2 {
        padding: 1.75rem 1.25rem;
    }

    .grid-3 img {
        padding: 7.5rem 1.25rem 0;
    }

    .grid-3 h3 {
        font-size: clamp(1.5rem, 2.1vw, 2.5rem);
    }

    .section-gradient .bg-image {
        height: unset;
    }

    .section-gradient .heading-text {
        position: unset;
        transform: unset;
        height: 100%;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .section-gradient .heading-text .center-child-text {
        padding: 0;
        height: 100%;
    }

    .center-child-text i lottie-player {
        max-width: 130px;
    }

    .qr-scanner-col {
        border-radius: 4px;
        padding: 3px 6px;
    }

    .qr-code-bottom {
        bottom: 24px;
        right: 24px;
    }

    .home-edit_desc {
        width: 20.75rem;
    }

    .inner-page-banner {
        padding-top: 6.75rem;
        padding-bottom: 5rem;
    }

    .contact-inner-col {
        padding: 2.5rem 1.25rem;
        flex-direction: column;
    }

    .contact-form-col {
        padding: 0;
        width: 100%;
    }

    .FormControl:first-child,
    .FormControl:nth-child(2) {
        width: 100%;
        flex: 0 0 auto;
    }

    .FormControl {
        margin-bottom: 8px;
    }

    .contact-img-col {
        display: none;
    }

    .custom-related-prod .cus-related-slider,
    .bg-col-three #post-grid-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .bg-container,
    .bg-child-container,
    .custom-related-prod {
        max-width: 100%;
    }

    .newsletter-section {
        flex-direction: column;
        padding: 1.5rem 1.5rem 5.5rem;
    }

    .news-contant-col,
    .form-news-letter {
        width: 100%;
    }

    .form-news-letter .mc4wp-form-fields {
        display: block;
        width: 100%;
    }

    .form-news-letter form {
        width: 100%;
        align-items: baseline;
        height: 50px;
    }

    .form-news-letter .mc4wp-form-fields button {
        top: 1px;
    }

    .upper-section-blog,
    .light-th-wrapper {
        padding-top: 5.75rem;
        padding-bottom: 5rem;
    }

    .bg-title-heading {
        margin-bottom: 2.5rem;
    }

    .content-section {
        padding: 0 0 2.5rem 0;
    }

    .bg-future-image:before {
        width: 90px;
        height: 90px;
    }

    .mid-section-blog {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    ul#category-list {
        gap: 0.75rem;
        row-gap: 0.75rem;
        margin-bottom: 2.5rem;
        margin-top: 1.25rem;
    }

    .custom-pagination ul .page-list .page-numbers {
        width: 44px;
        height: 44px;
    }

    .cus-single-blog-wrapper {
        padding: 5.75rem 1.25rem 5rem;
        margin-bottom: 5rem;
    }

    .cus-single-blog-wrapper .post-meta,
    .custom-related-prod h2 {
        margin-bottom: 2.5rem;
    }

    .cus-single-blog-wrapper figure.post-thumbnail {
        margin-bottom: 1.75rem;
    }

    .previous-next a,
    .previous-next a:focus {
        line-height: 30px;
        padding: 4px 16px;
    }

    .ns-title {
        margin-bottom: 0.75rem;
    }

    .custom-related-prod {
        padding: 5rem 1.2rem;
    }

    .form-news-letter .mc4wp-response {
        top: 50px;
    }

    ul.add-social-links {
        gap: 12px;
        margin-top: 0.875rem;
    }

    .title_category {
        padding: 8px 12px;
    }

    .category-tab {
        border-radius: 12px;
    }

    .search-results {
        max-height: 160px;
        overflow: auto;
    }

    .custom-accordions {
        padding: 16px 0;
    }

    .custom-accordions .dl-active {
        padding-bottom: 10px;
    }

    .droit-accordion-content-wrapper {
        padding-bottom: 16px;
    }

    .col-product {
        gap: 16px;
        overflow: scroll;
        transform: translateY(-120px);
    }

    .sp-inner-col {
        padding: 3rem 1.25rem 5rem;
    }

    .support .inner-page-banner {
        padding-bottom: 10rem;
    }

    .single-content-page {
        padding-top: 2.5rem;
    }

    .custom-pagination ul .page-list a.next,
    .custom-pagination ul .page-list a.next:focus,
    .custom-pagination ul .page-list a.prev,
    .custom-pagination ul .page-list a.prev:focus {
        width: 44px;
        font-size: 0;
        padding: 10px;
    }

    .inner-page-title {
        text-align: left !important;
    }

    .main-blog:has(.newsletter-section) {
        padding-bottom: 5rem;
    }

    .main-blog .newsletter-section {
        max-width: 90%;
    }

    /* .site-footer {
         padding-top: 2.5rem;
    }
     */
    .about-us .image-col .heading-text {
        top: 50%;
        bottom: 0;
        padding-bottom: 1.25rem;
    }

    .about-us .builder-media-col .bg-image {
        height: 65vh;
    }

    .flexible-grid-wrapper,
    .team-section {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .team-mid-wrapper {
        padding-bottom: 5rem;
    }

    .flexible-title {
        max-width: 100%;
        margin-bottom: 1.25rem;
    }

    .flex-grid {
        display: block;
    }

    .flexible-style-1 .flex-grid {
        max-width: 100%;
    }

    .flexible-style-1 .col-flex2 {
        padding: 0;
    }

    .flexible-style-2 .flex-grid {
        display: block;
    }

    .flexible-style-1 .col-flex2 .flexi-content {
        margin-top: 1.25rem;
    }

    .flexible-style-1 .col-flex2 .flexi-content>* {
        margin-top: 1rem;
    }

    .flexible-style-2 .flex-grid {
        padding: 2.5rem 1.5rem;
    }

    .flexible-style-2 .flex-1 .col-flex2,
    .flexible-style-2 .flex-2 .col-flex2 {
        padding-left: 0;
        margin-top: 1.25rem;
    }

    .flexible-style-2 .flex-1 .col-flex2 .flexi-content,
    .flexible-style-2 .flex-2 .col-flex2 .flexi-content,
    .founder .grid-1 p,
    .rich-desc {
        font-weight: 400;
    }

    .grid_1,
    .grid_2,
    .grid_3 {
        grid-template-columns: 1fr;
    }

    .col_grid {
        margin-top: 2.5rem;
    }

    .bt-titletext {
        margin-top: 2.5rem;
    }

    .founder .grid-1 {
        padding: 0;
        height: 100% !important;
    }

    .founder .grid-1 h3 {
        position: unset;
        margin-bottom: 1.25rem;
    }

    .founder .grid-2 {
        margin-top: 2.2rem;
    }

    .rich-text-inner:has(.client-logos) .rich-desc {
        margin-top: 1.25rem;
    }

    .client-logos {
        display: flex;
        list-style: none;
        margin-top: 1.5rem;
        flex-wrap: wrap;
        row-gap: 1rem;
        justify-content: center;
    }

    .client-logos li {
        width: 50%;
    }

    .client-logos li svg {
        width: 100%;
    }

    .rich-text {
        padding-bottom: 5rem;
    }

    .rich-icon {
        margin: 2.5rem 0;
    }

    .rich-icon svg {
        width: 100%;
        max-width: 160px;
    }

    .rich-desc {
        max-width: 90vw;
    }

    .vertical-accordion .inner-col {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .vertical-accordion-inner {
        grid-template-columns: 1fr;
    }

    .th-nav-tab-content-wrapper {
        display: none;
    }

    .our-values-mobile {
        display: block;
        color: var(--primary-color);
        font-size: clamp(32px, 3.25vw, 60px);
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        margin-bottom: 2.5rem;
    }

    .th-nav-tab-heading ul li {
        padding: 1.5rem 0;
    }

    .th-nav-tab-heading ul li:first-child {
        padding-top: 0;
    }

    .th-nav-tab-heading ul li h4:before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        left: 6px;
        background: var(--Bright-Green-500, #75e696);
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        top: 12px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .th-nav-tab-heading ul li h4 {
        padding-left: 1.5rem;
        position: relative;
    }

    .th-nav-tab-heading ul li:first-child:before {
        top: 25%;
    }

    .th-nav-tab-heading ul li:last-child {
        border-bottom: 1px solid #eaecf0;
    }

    .th-nav-tab-heading ul li .mobile-show {
        color: var(--Dark-Blue-200, #8a949a);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .th-nav-tab-heading ul li .mobile-show.dl-active {
        padding-top: 1rem;
    }

    .tsp_image_grid {
        --grid-size: 2/-2;
        height: 50vh;
        margin-bottom: 3.75rem;
    }

    .tsp_content_grid {
        --grid-size: 2/-2;
    }

    .modulable_section {
        height: 100%;
        padding: 0;
    }

    .modulable-col-1,
    .modulable-col-2,
    .modulable-col-3 {
        grid-column: 1/-1;
    }

    .modulable_wrapper {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .inner_wrapper-kt {
        min-height: 90vh;
    }

    .pt_img_col {
        bottom: 20%;
    }

    .content_part {
        padding-bottom: 5rem;
        padding-top: 2rem;
    }

    .content_part .pt_title {
        margin-bottom: 0.5rem;
        padding-top: 8rem;
        padding-bottom: 2rem;
        max-width: 90vw;
        background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0) 100%);
    }

    .wrapper_kit_hero .modal .player-controls {
        padding: 0;
    }

    .wrapper_kit_hero .modal .player-controls button.btn-close {
        top: -1rem;
        right: -1rem;
        padding: 0.25rem;
    }

    .modulable-col-1 img {
        max-width: 70vw;
        display: block;
        margin: auto;
    }

    .modulable-col-1 {
        order: 2;
    }

    .modulable-col-2 {
        order: 1;
        margin-bottom: 3.75rem;
    }

    .modulable-col-3 {
        order: 3;
        margin-top: 3.75rem;
    }

    .gradient-shade2 .prodTxt_col_1 img {
        max-width: 100vw;
    }

    .prodTxt_col_2 {
        max-width: 100vw;
    }

    .app-download-main .app-download-wrapper .content-wrapper :is(.content, .app-img) {
        width: 100%;
        max-width: 90vw;
        position: unset;
        transform: unset;
        margin-top: 0;
    }

    .app-download-main .app-download-wrapper .content-wrapper .app-img {
        margin-top: 3.75rem;
        opacity: 1 !important;
    }

    .app-download-main .app-download-wrapper .content-wrapper .app-img img {
        margin-left: 0;
        width: 100%;
    }

    .app-download-main .app-download-wrapper .content-wrapper .content h3 {
        text-align: left;
        margin-bottom: 1.75rem;
    }

    .app-download-main .app-download-wrapper .content-wrapper .content .es-btn-com {
        float: left;
    }

    .app-download-main .app-download-wrapper .content-wrapper {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: space-between;
        padding-top: 5rem;
        padding-bottom: 5rem;
        position: relative;
        height: 100%;
    }

    .app-download-main .app-download-wrapper,
    .app-download-main .background_QMYs6 {
        height: 100%;
    }

    .app-download-main {
        height: 100%;
    }

    .smart_wrapper {
        margin-bottom: 5rem;
    }

    .containerButtons .tsp_content_button p {
        text-align: left;
    }

    .tsp_inner_wrapper .full {
        grid-column: 2/-2;
        max-height: 75vh;
        transform: translateY(40px);
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        padding: 1.5rem 0.75rem;
    }

    .btn-close1 {
        grid-column: auto/-2;
        transform: translateY(36px);
    }

    .register_interest_grid .ryi_section_2 form.wpcf7-form {
        margin-bottom: 4rem;
    }

    .register_interest_grid .fixed-section {
        left: 50%;
        transform: translateX(-50%);
        width: 300px;
    }

    .tsp_inner_wrapper.active .full .content-row {
        max-height: 460px;
    }

    .founder .grid-1 p {
        max-width: 460px;
    }

    .tsp_inner_wrapper .full>h3 {
        max-width: 90%;
    }

    .tsp_inner_wrapper.active {
        z-index: 99999;
    }

    .center-child-text lottie-player {
        max-width: 150px;
        max-height: 150px;
    }

    /* **** Single Product **** */
    .woocommerce div.product form.cart .features-wrapper .feature-col {
        width: 100%;
    }

    .woocommerce div.product form.cart .features-wrapper {
        gap: 10px;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .custom-single-product .product.type-product {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .custom-single-product .product.type-product>div {
        width: 100% !important;
    }

    .custom-single-product .product.type-product {
        margin-left: -1.25rem;
        margin-right: -1.25rem;
    }

    .custom-single-product .product.type-product .summary {
        padding: 30px 20px 0 !important;
    }

    .secure-checkout {
        gap: 10px;

    }

    .woocommerce ul.order_details li {
        padding-right: 0;
        margin-left: 0;
        padding-left: 0;
        width: 100%;
    }

    .woocommerce div.product form.cart .secure-checkout .secure-checkout-col {
        border-left: none;
        padding-left: 0;
    }

    ul#secondary-menu-list li {
        margin: 0;
    }

    .woocommerce-page .primary-navigation #primary-mobile-menu svg rect,
    .woocommerce-page .primary-navigation #primary-mobile-menu svg path {
        stroke: var(--primary-color);
    }

    .woocommerce-page table.shop_table_responsive tr td.product-quantity {
        display: flex;
    }

    td.product-remove {
        position: absolute;
    }

    .woocommerce-cart .cart_totals table tr {
        display: block;
    }

    .woocommerce table.shop_table td.actions button.button {
        padding: 0.75rem;
    }

    main.site-main:has(.page .woocommerce) {
        padding-top: 3.5rem;
    }

    .woocommerce-order {
        margin: 0;
        padding: 1.25rem;
    }

    .woocommerce-thankyou-order-received {
        text-align: center;
        font-size: 24px;
        padding: 6rem 1rem 2rem;
        line-height: 1.2;
        color: #00b836;
        font-weight: 600;
    }

    .woocommerce ul.order_details li {
        float: unset;
        margin-right: 0;
        font-size: 0.95em;
        padding-right: 1em;
    }

    .woocommerce ul.order_details li strong {
        display: block;
        font-size: 1em;
        margin-bottom: 0.58rem;
    }

    section.woocommerce-columns {
        flex-direction: column;
    }

    .woocommerce ul.order_details {
        margin: 0 0 2em;
    }

    .product-template-default .site-content {
        padding-top: 4.3rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .custom-background.wp-custom-logo .woocommerce {
        padding: 20px;
    }

    .woocommerce-cart.custom-background.wp-custom-logo .woocommerce {
        padding: 20px 0;
    }

    nav.woocommerce-MyAccount-navigation {
        margin-bottom: 30px;
    }

    .custom-single-product .product p.price {
        font-size: 20px !important;
        margin-bottom: 1.5rem;
    }

    .single-product-page {
        /* margin: 0 -20px;
         */
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

    ul.specification-table {
        overflow: hidden;
    }

    li.table-col {
        /* flex-direction: column;
         */
        height: auto;
        min-height: 60px;
        padding: 0px;
        gap: 0;
    }

    .th-text {
        border-right: 0;
        /* border-bottom: 1px solid var(--Dark-Blue-200, #8A949A);
         */
        /* min-height: 60px;
         */
        align-items: center;
        /* width: 100%;
         */
        min-width: 110px;
        padding: 0 12px 0;
    }

    p.td-text {
        /* min-height: 60px;
         */
        align-items: center;
        display: flex;
        justify-content: flex-start;
        width: 100%;
        padding: 4px 16px 4px 0;
    }

    /* .features-list {
         flex-direction: column;
    }
     */
    .woocommerce .product-compare img,
    .woocommerce-page .product-compare img {
        max-width: 100%;
        width: auto;
        object-fit: scale-down;
        height: 60px;
    }

    .product-compare table td p {
        font-size: 12px;
    }

    .product-compare table td p.name {
        font-size: 14px;
    }

    .features-text {
        padding-right: 0;
        max-width: 150px;
        text-align: center;
    }

    .features-list li {
        width: calc(32% - 10px);
    }

    .features-list li .flist-col {
        flex-direction: column;
    }

    /* .woo-specifications,
    .woo-downloads {
        margin-top: 45px;
    } */

    ul.downloads-list li,
    li.down-col a {
        width: 100%;
    }

    .woocommerce div.product form.cart {
        margin-bottom: 0;
    }

    .proscons {
        flex-direction: column;
    }

    .grids {
        width: 100%;
    }

    .grid-heading {
        padding: 20px;
    }

    .info-box {
        padding: 30px 20px;
    }

    .box-full {
        gap: 8px;
        min-height: 65px;
    }

    .svgImage svg {
        width: 22px;
        height: 22px;
    }

    .modal-content {
        background-image: url("/wp-content/uploads/2024/05/mob-bg-ani.png");
        padding: 20px 20px 40px;
        height: 480px;
        max-width: 100%;
    }

    .video-section div#playIcon {
        width: 40px;
        height: 40px;
    }

    .video-section div#playIcon svg {
        width: 40px;
        height: 40px;
    }

    .anniversary-popup h1 {
        margin-bottom: 5px;
        font-size: 32px;
        max-width: 160px;
    }

    .anniversary-popup p {
        margin: 8px 0;
        font-size: 16px;
    }

    .anniversary-popup a {
        width: 150px;
        padding: 8px 10px;
        font-size: 15px;
        height: 35px;
        margin-top: 25px;
    }

    .pum-theme-lightbox .pum-container {
        max-width: 320px;
        margin: 0 auto;
        width: 90% !important;
    }

    .anniversary-popup {
        max-width: 100%;
    }

    /* policy-css * -------------*/
    .privacy-policy-sec h2,
    .privacy-policy-sec h2 strong {
        font-size: 15px;
    }

    .privacy-policy-sec h1,
    .privacy-policy-sec h1 strong {
        font-size: 20px;
    }

    .privacy-policy-sec h6 {
        font-size: 14px;
        margin: 3px 0 12px;
    }

    .privacy-policy-sec p,
    .privacy-policy-sec .li,
    .privacy-policy-sec a,
    .privacy-policy-sec span,
    .privacy-policy-sec em,
    .privacy-policy-sec strong,
    li,
    body .privacy-policy-sec li {
        font-size: 14px;
    }

    .single-product .wocom-title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .product-compare table th {
        padding: 10px;
        width: 20%;
        min-height: 125px;
    }

    .product-compare table td:first-child,
    .product-compare table td {
        padding: 6px 8px;
    }

    .features-list li .flist-col img.features-img {
        height: 44px;
    }

    .flaticon-right-arrow.slick-arrow,
    .flaticon-back.slick-arrow {
        display: none;
    }

    .product-compare table td:first-child {
        position: sticky;
        left: 0;
        background: #f6f6f6 !important;
    }

    .product-compare table tr:first-child th:first-child {
        min-width: 120px;
        width: 40%;
        position: sticky;
        left: 0;
        background: #ffffff;
    }

    .product-compare table {
        min-width: 500px;
    }

    section#comparison {
        overflow: auto;
        padding-bottom: 10px;
    }

    #comparison h2.wocom-title {
        position: sticky;
        left: 0;
    }

    /* .single-product:has(.myprefix-show) .cus-sticky-product-nav {
         transform: translateY(68px);
         transition: all 0.5s ease;
    }
     */
    .grid-wrap-home {
        max-width: 620px;
    }

    .productCarousel {
        padding: 60px 20px;
        max-width: 620px;
        margin: 0 auto;
    }

    .woocommerce tr.coupon-form td form.checkout_coupon .form-row.form-row-last .button {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
        margin-top: 8px;
    }

    .woocommerce-checkout-review-order .cart_item .product-name {
        flex-wrap: wrap;
    }

    .cus-single-blog-wrapper .post-sharing-sticky {
        width: 100%;
        height: auto;
        max-width: 320px !important;
        position: fixed;
        top: unset;
        bottom: 0;
        right: 50%;
        left: auto;
        padding-bottom: 10%;
        z-index: 99;
        transform: translateX(50%);
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
    }

    .social-share-icons {
        padding: 20px 34px;
        grid-row-gap: 1.25rem;
        border-radius: 1rem;
        flex-direction: row;
        gap: 1rem;
        align-items: center;
        justify-content: center;
        top: unset;
        bottom: 1rem;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    }

}

@media only screen and (max-width: 599px) {

    .site-logo a svg {
        width: 110px;
    }

    .success-stories .slick-track {
        gap: 0;
    }

    .icon-text i svg {
        height: 20px;
    }

    .icon-text i {
        margin-right: 10px;
    }

    .grid-inner-col .item:first-child img {
        transform: scale(1.3);
        padding-top: 4.5rem;
    }

    .custom-related-prod .cus-related-slider,
    .bg-col-three #post-grid-wrapper {
        grid-template-columns: 1fr;
    }

    .cus-single-blog-wrapper .post-sharing-sticky {
        width: 100%;
        height: auto;
        max-width: 280px !important;
        position: fixed;
        top: unset;
        bottom: 0;
        right: 50%;
        left: auto;
        padding-bottom: 5%;
        z-index: 99;
        transform: translateX(50%);
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
    }

    .social-share-icons {
        padding: 20px 34px;
        grid-row-gap: 1.25rem;
        border-radius: 1rem;
        flex-direction: row;
        gap: 1rem;
        align-items: center;
        justify-content: center;
        top: unset;
        bottom: 1rem;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    }

    .social-share-icons a {
        display: flex;
    }

    .col-product {
        /* justify-content: unset;
         padding-right: 10%;
         */
        padding-bottom: 1.25rem;
    }

    .col-support-accordion {
        transform: translateY(-3.75rem);
    }

    .sp-inner-col {
        padding: 3rem 1.25rem 2rem;
    }

    .contact-form-7 .wpcf7-form .wpcf7-submit {
        padding: 5px 80px 5px 20px;
        height: 50px;
    }

    .sp-search {
        margin-top: 2rem;
    }

    .support .inner-page-banner {
        padding-bottom: 8rem;
    }

    ul#category-list {
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding-bottom: 0.25rem;
    }

    ul#category-list::-webkit-scrollbar {
        height: 0;
        width: 0;
        visibility: hidden;
        display: none;
    }

    ul#category-list li.post-cat {
        display: flex;
        align-items: center;
        min-width: fit-content;
        width: fit-content;
    }

    .smart_image1 {
        grid-column: 2 / span 8;
        margin-top: 2rem;
    }

    .smart_image2 {
        grid-column: span 10/-2;
        margin-top: 4rem;
    }

    .error404 .inner-page-wrapper .four_zero_four_bg {
        background-size: contain;
    }

    .error404 .inner-page-wrapper .four_zero_four_bg {
        height: 400px;
    }

    .error404 .inner-page-wrapper h1 {
        top: 30px;
    }

    .wrapper_kit_hero .modal .player-controls {
        max-width: 60%;
    }

    .prodTxtSection {
        min-height: unset;
    }

    section.modulable_section.swap-sectiongradient-shade1 .modulable_wrapper {
        padding-bottom: 0;
    }

    .bg-col-three .pagination-wrapper.custom-pagination {
        padding-top: 3rem;
    }

    .mid-section-blog {
        padding-bottom: 3rem;
    }

    .tsp_inner_wrapper.active .full .content-row {
        overflow-y: auto;
        height: 100%;
        padding-right: 10px;
    }

    .tsp_inner_wrapper .full {
        padding: 2.5rem 0.75rem;
    }

    .footer-app {
        display: none;
    }

    .ft-mobile-col {
        display: block;
    }

    .ft-mobile-col:after {
        width: calc(100% + 2.5rem);
    }

    #testimonials-clients .slick-track {
        gap: 16px;
    }

    .testimonials-clients li.slick-slide {
        border-radius: 12px;
        padding: 20px;
    }

    #secondary-menu-list .contact-us-btn a {
        padding: 6px 10px 6px 10px !important;
    }

    .site-logo .custom-logo {
        max-width: 6.375rem;
    }

    .secondary-menu-container {
        width: max-content;
    }

    html .woocommerce-error::before,
    html .woocommerce-info::before,
    html .woocommerce-message::before {
        left: 10px;
    }

    html .woocommerce-error,
    html .woocommerce-info,
    html .woocommerce-message {
        padding: 14px 20px 14px 36px;
    }

    html .woocommerce-message {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 120%;
    }

    .woocommerce div.product p.price ins:after {
        width: auto;
        background-repeat: no-repeat;
        background-size: 22px;
        padding: 6px 10px 6px 36px;
        background-position: 8px;
        font-size: 12px;
        margin-left: 8px;
    }

    .woocommerce div.product form.cart .variations td.value {
        display: flex;
        gap: 12px;
        align-items: normal;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .woocommerce div.product form.cart .variations label {
        font-size: 14px;
    }

    /* .woocommerce div.product form.cart .variations td.value>.selectedprice {
        padding: 12px 12px;
        min-width: 140px;
    } */

    .woocommerce div.product p.price,
    .woocommerce div.product span.price {
        gap: 4px;
        display: flex;
    }

    .woocommerce-variation-price span.woocommerce-Price-amount.amount {
        font-size: 17px;
    }

    .demo-page section.request-exclusive-section {
        margin-top: 15vw;
    }

    .demo-page .request-content .request-contact form {
        flex-direction: column;
        gap: 24px;
    }

    .demo-page .request-exclusive-section form span.wpcf7-form-control-wrap {
        width: 100%;
        float: left;
    }

    .demo-page .request-exclusive-section .request-content {
        padding: 0;
        box-shadow: none;
        background: none;
    }

    .single-product-about p {
        padding: 24px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-category__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 1.4em;
    }

    .woocommerce ul.products li.product .price {
        font-size: 1.2em;
    }

    .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
        float: left;
        margin-right: 0;
        width: 100%;
    }

    .woocommerce-LostPassword.lost_password {
        display: inline-flex;
        margin-top: 10px;
        position: relative;
        width: 100%;
        justify-content: center;
    }
}

@media only screen and (max-width: 480px) {

    /* .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100% !important;
    } */

    .woocommerce ul.products,
    .woocommerce-page ul.products {
        gap: 0;
        flex-direction: column;
    }

    .features-list li {
        width: calc(50% - 10px);
    }

    .product-image {
        height: 32vh;
        max-height: 250px;
        margin-bottom: 25%;
    }

    .services-intro,
    .services {
        min-height: 420px;
    }

    .powered-by {
        font-size: 14px;
    }

    .success-stories .slick-track {
        gap: 0;
    }

    .track-card {
        padding: 8px;
        margin-bottom: 1.5rem;
    }

    .in-co-text:first-child {
        padding-right: 8px;
    }

    .in-co-text {
        padding-left: 8px;
    }

    .grid-inner-col {
        grid-row-gap: 0.75rem;
    }

    .item-3 img {
        padding-top: 12rem;
    }

    .icon-col i svg {
        height: 50px;
        width: 50px;
    }

    .et-col {
        padding: 8px 10px;
        gap: 12px;
    }

    .about-us .builder-media-col .bg-image {
        min-height: 80vh;
    }

    .tsp_image_grid {
        min-height: 40vh;
    }

    .containerButtons .tsp_content_button {
        padding: 20px 24px 20px 24px;
    }

    .pt_img_col {
        width: 56vw;
    }

    .pt_img_col {
        bottom: 16%;
    }

    .error404 .inner-page-wrapper h1 {
        top: 50px;
    }

    .error404 .inner-page-wrapper .contant_box_404 {
        margin-top: -120px;
    }

    .custom-single-product .product.type-product .woo-product-gallery-slider {
        padding: 0 10px;
        margin: 0;
    }

    .custom-single-product .product.type-product .woo-product-gallery-slider .wpgs-for .slick-arrow {
        width: 24px;
        height: 24px;
    }

    .woocommerce div.product form.cart button.single_add_to_cart_button {
        font-size: 14px;
        height: 48px;
        width: calc(100% - 165px) !important;
    }

    /* .woocommerce div.product form.cart button.minus {
        width: 18px;
        height: 20px;
    } */

    .woocommerce div.product form.cart div.quantity {
        /* width: 110px; */
        height: 48px;
        margin-right: 0.6rem;
    }

    .woocommerce .quantity .qty {
        width: 30px;
    }

    .woocommerce-checkout-review-order .cart_item .product-name,
    .woocommerce-checkout-review-order-table tfoot td,
    .woocommerce-checkout #payment ul.payment_methods .wc_payment_method label,
    .woocommerce-terms-and-conditions-wrapper p {
        font-size: 14px;
    }

    .woocommerce-checkout-review-order tr.coupon-form td form.checkout_coupon {
        flex-wrap: wrap;
    }

    .woocommerce-checkout-review-order {
        padding: 10px;
        margin-top: 0;
    }

    .woocommerce-checkout-review-order .wc-product-image img {
        max-width: 40px;
    }

    .woocommerce-checkout-review-order .cart_item .product-name {
        gap: 4px;
    }

    #add_payment_method #payment ul.payment_methods,
    .woocommerce-cart #payment ul.payment_methods,
    .woocommerce-checkout #payment ul.payment_methods,
    #add_payment_method #payment div.form-row,
    .woocommerce-cart #payment div.form-row,
    .woocommerce-checkout #payment div.form-row {
        padding: 0.5rem;
    }

    h3#ship-to-different-address label.woocommerce-form__label {
        font-size: 16px;
    }

    .woocommerce-checkout-review-order tr.coupon-form td form.checkout_coupon .form-row.form-row-first {
        width: 100%;
    }

    .woocommerce-checkout-review-order tr.coupon-form td form.checkout_coupon .form-row.form-row-last {
        width: 100%;
        height: 42px;
    }

    .woocommerce-checkout-payment .place-order button#place_order {
        font-size: 18px;
        padding: 12px 20px;
        width: 100%;
    }

    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: 100%;
    }

    .home-testimonials .client-info-list {
        align-items: flex-start;
        flex-direction: column;
    }

    .citytag {
        text-align: left;
        margin: 0;
    }

    ul#secondary-menu-list li.button-at {
        display: none;
    }

    .prod-collect-grid {
        grid-template-columns: 1fr;
    }

    .prod-collect {
        padding: 100px 20px;
    }

    /* .woo-product-gallery-slider .slick-slider {
        min-height: 180px;
    } */
}

@media only screen and (max-width: 360px) {
    ul#secondary-menu-list li a {
        padding: 8px 10px !important;
    }

    html .woocommerce-message {
        display: flex;
        flex-direction: column-reverse;
    }

    .custom-single-product .woocommerce-message a.button {
        text-align: center;
        margin-top: 16px;
    }

}

/* Account Page CSS */
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px !important;
    overflow: hidden;
    padding: 0;
    border-radius: 16px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link {
    margin: 0 !important;
    transition: all 0.5s ease;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
    padding: 12px 16px !important;
    border-bottom: 1px solid #ededed;
    transition: all 0.5s ease;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a {
    border: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover a {
    transition: all 0.5s ease;
}

body.logged-in.woocommerce-account button:hover,
body.logged-in.woocommerce-account input[type="button"]:hover,
body.logged-in.woocommerce-account input[type="reset"]:hover,
body.logged-in.woocommerce-account input[type="submit"]:hover,
body.logged-in.woocommerce-account .button:hover,
body.logged-in.woocommerce-account .widget a.button:hover {
    background-color: #fff;
    border: none !important;
    color: #002424 !important;
    border-radius: 50px;
    box-shadow: none !important;
    transition: all 0.5s ease;
    text-align: center;
}

body.logged-in.woocommerce-account button,
body.logged-in.woocommerce-account input[type="button"],
body.logged-in.woocommerce-account input[type="reset"],
body.logged-in.woocommerce-account input[type="submit"],
body.logged-in.woocommerce-account .button,
body.logged-in.woocommerce-account .widget a.button {
    border: none !important;
}


.woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions .woocommerce-button.button {
    min-width: auto;
    background: var(--green-gradient);
    color: #ffffff;
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
    min-width: 130px;
    word-break: break-all;
}

.woocommerce .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-MyAccount-content h2.woocommerce-customer-details__title {
    font-size: 20px;
}

header.woocommerce-Address-title.title h2 {
    font-size: 20px;
    margin-bottom: 0;
    flex: 1 0 0;
}

header.woocommerce-Address-title.title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

/* body.logged-in.woocommerce-account button,
body.logged-in.woocommerce-account input[type="button"],
body.logged-in.woocommerce-account input[type="reset"],
body.logged-in.woocommerce-account input[type="submit"],
body.logged-in.woocommerce-account .button,
body.logged-in.woocommerce-account .widget a.button {
    padding: 10px 20px !important;
    border: 1px solid #009688 !important;
    box-shadow: none;
    line-height: 100%;
    text-align: center;
} */

.woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Input:hover {
    box-shadow: none !important;
}

.chart-wrap.wrap section.grid:last-child {
    display: none;
}

.woocommerce-MyAccount-content table td,
.woocommerce-MyAccount-content table th {
    padding: 6px 8px;
    min-width: 150px;
}

.woocommerce-MyAccount-content {
    padding: 20px !important;
}

.woocommerce table.my_account_orders tbody,
.woocommerce table.my_account_orders thead {
    width: 100%;
    display: inline-table;
}

.filter-datepicker.flex-wrapper.align-center label.px-10 {
    margin: 4px 0px 0 !important;
}

.wc-agent-affiliate-links-wrapper h4 {
    font-weight: bold;
    font-size: 24px;
    color: #009688;
    margin-top: 8px;
    margin-bottom: 6px;
}

span.agent-ref-id {
    float: right;
    margin-top: 20px;
    font-size: 20px !important;
    font-weight: bold;
    color: #009688;
    text-align: center;
    width: 100%;
}

.woocommerce-MyAccount-content table th:last-child,
.woocommerce-MyAccount-content table td:last-child {
    text-align: right;
}

.woocommerce-account .woocommerce-MyAccount-content section.woocommerce-columns--addresses.col2-set.addresses {
    display: flex;
    flex-direction: column;
}

.woocommerce table.my_account_orders .button {
    white-space: nowrap;
    min-width: 110px;
    height: auto !important;
    padding: 10px 20px !important;
    line-height: 100% !important;
    border: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content label {
    font-size: 24px !important;
    margin-right: 8px;
}

.woocommerce-MyAccount-content table {
    padding: 12px;
    display: inline-block;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    overflow: auto;
}

.search-box #post-search-input {
    border-radius: 20px !important;
    margin-right: 10px;
    border: 1px solid black;
    padding: 4px 12px;
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
    display: block;
    font-size: 16px !important;
    line-height: normal;
    margin-bottom: 6px;
}

.woocommerce-account .woocommerce-MyAccount-content .wc_list_customers_my_account .filter-actions {
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 8px;
}

.select2-results__option {
    font-size: 13px;
    padding: 0 10px;
}

#export_commissions {
    background-color: #009688 !important;
    border-radius: 50px !important;
    color: #fff;
    border: 1px solid #009688 !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -ms-border-radius: 50px !important;
    -o-border-radius: 50px !important;
}

input.wc-agent-copy-text {
    padding: 6px !important;
}

.agent-referer-link-wrap .toRight a.click-to-copy {
    min-width: 75px;
}

.filter-actions select.user-filter {
    background-position: right 10px top 60%;
    padding: 6px 24px 6px 6px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total {
    text-transform: capitalize;
}

div#ui-datepicker-div .ui-datepicker-header {
    background: #009688 !important;
    border: none !important;
}

div#ui-datepicker-div .ui-state-highlight,
div#ui-datepicker-div .ui-widget-content .ui-state-highlight,
div#ui-datepicker-div .ui-widget-header .ui-state-highlight {
    border: none !important;
    background: #009688 !important;
}

div#ui-datepicker-div .ui-state-default,
div#ui-datepicker-div .ui-widget-content .ui-state-default,
div#ui-datepicker-div .ui-widget-header .ui-state-default,
div#ui-datepicker-div .ui-button {
    color: #002424;
    text-align: center;
}

/* .woocommerce-MyAccount-content table {
     display: revert;
}
 */
.woocommerce .woocommerce-order-details {
    padding: 0;
}

.agent_commission_status {
    width: 100%;
    padding: 2px;
}

.woocommerce table.shop_table {
    display: revert;
}

.agent-order-detail-popup {
    top: 40px;
}

#agent-order-detail-popup {
    z-index: 999 !important;
}

table thead,
table tfoot,
.wp-block-table thead,
.wp-block-table tfoot {
    text-align: unset;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    border: none !important;
}

.payout-box .payout-content h1 {
    margin-top: 8px;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .account-orders-table-wrapper {
        padding: 1px;
    }

    .payout-box {
        width: calc(50% - 10px) !important;
        border-radius: 10px;
        padding: 20px !important;
        position: relative;
        overflow: hidden;
        margin-right: 0 !important;
        margin-bottom: 20px;
        margin-top: 16px;
    }

    .flex-container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .woocommerce-page .woocommerce h2 {
        font-size: 24px;
        line-height: 130%;
        text-align: left;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 767.99px) {
    .woocommerce .woocommerce-MyAccount-content {
        width: 100% !important;
        padding: 24px 4px;
    }

    .woocommerce table.shop_table_responsive thead,
    .woocommerce-page table.shop_table_responsive thead {
        display: none !important;
    }

    .search-order-from {
        margin-bottom: 16px;
    }

    .woocommerce-MyAccount-content table {
        display: table;
    }

    .woocommerce table.my_account_orders td,
    .woocommerce table.my_account_orders th {
        min-width: 130px;
        min-height: 50px;
    }

    .filter-actions {
        padding: 6px !important;
        border: 1px solid #ddd;
        border-radius: 6px;
    }

    .woocommerce-account .woocommerce-MyAccount-content label {
        font-size: 18px !important;
        margin: 0;
    }

    #export_commissions {
        width: fit-content !important;
    }

    body.logged-in.woocommerce-account button,
    body.logged-in.woocommerce-account input[type="button"],
    body.logged-in.woocommerce-account input[type="reset"],
    body.logged-in.woocommerce-account input[type="submit"],
    body.logged-in.woocommerce-account .button,
    body.logged-in.woocommerce-account .widget a.button {
        margin: 4px !important;
    }

    .account-orders-table-wrapper {
        overflow-x: auto;
        padding: 2px;
    }

    .agent-referer-link-wrap {
        margin-bottom: 16px !important;
        flex-direction: column !important;
    }

    .agent-referer-link-wrap .toLeft {
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .agent-referer-link-wrap .toRight {
        width: 100% !important;
        flex-direction: column;
        gap: 8px;
    }

    .agent-referer-link-wrap .toRight a.click-to-copy {
        width: 100% !important;
    }

    .payout-box {
        width: 100% !important;
        border: 1px solid #e7e7e7;
        border-radius: 10px;
        padding: 20px !important;
        position: relative;
        overflow: hidden;
        margin-right: 0 !important;
        margin-top: 12px;
        margin-bottom: 12px !important;
    }

    .woocommerce-page .woocommerce h2 {
        font-size: 24px;
    }

    input.wc-agent-copy-text {
        max-width: 100% !important;
    }
}

/* From UI css */
.custom-default-page .entry-content {
    padding: 100px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 94vh;
}

.custom-default-page footer {
    display: none;
}

.custom-default-page header h1 {
    display: none;
}

.custom-default-page .entry-content h3 {
    color: var(--primary-color);
    text-align: center;
    font-family: var(--font-family);
    font-size: clamp(24px, 1.75vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.question-tracker,
.progress-percentage {
    color: #8a949a;
    text-align: center;
    font-family: var(--font-family);
    font-size: clamp(16px, 1.25vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.cf7mls_progress_bar_percent_wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    margin: 16px 0;
    width: 100%;
    max-width: 575px !important;
}

.fieldset-cf7mls-wrapper .cf7mls_current_fs h4 {
    color: var(--Green-1300, #001c1b);
    font-family: var(--font-family);
    font-size: clamp(14px, 1.85vw, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.cf7mls_progress_bar_percent_wrap .progressDiv {
    width: 100%;
    border-radius: 4px;
    background: var(--Gray-100, #f2f4f7);
    transition: all 0.5s ease;
}

.cf7mls_progress_bar_percent_wrap .progressDiv .progress-percentage {
    border-radius: 4px;
    background: var(--Green-500, #019d9a);
    color: #fff;
    font-size: 0;
    padding: 4px;
    transition: all 0.5s ease;
}

.fieldset-cf7mls-wrapper .cf7mls_current_fs p {
    color: #8a949a;
    font-family: var(--font-family);
    font-size: clamp(14px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 10px;
    margin-top: 8px;
}

.fieldset-cf7mls-wrapper .cf7mls_current_fs p.image-info,
.fieldset-cf7mls-wrapper .cf7mls_current_fs p.tips {
    color: var(--Green-500, #019d9a);
    font-family: var(--font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-top: -8px;
    margin-bottom: 0;
    cursor: pointer;
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control {
    display: flex;
    flex-direction: column;
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control span.wpcf7-list-item {
    margin: 0;
    margin-bottom: 16px;
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control span.wpcf7-list-item label {
    margin: 0;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    background: #fff;
    display: flex;
    padding: 15px 10px;
    gap: 10px;
    align-self: stretch;
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control span.wpcf7-list-item label span.wpcf7-list-item-label {
    color: var(--Green-1300, #001c1b);
    font-family: var(--font-family);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control span.wpcf7-list-item label input[type="checkbox"] {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control span.wpcf7-list-item:has(input[type="checkbox"]:checked) label {
    border-radius: 8px;
    border: 1px solid var(--Green-500, #019d9a);
    background: rgba(1, 157, 154, 0.1);
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control span.wpcf7-list-item:has(input[type="checkbox"]:checked) label span.wpcf7-list-item-label {
    color: var(--Green-500, #019d9a);
}

fieldset.fieldset-cf7mls .cf7mls-btns button {
    margin: 0 !important;
    width: 100%;
    padding: 12px 40px !important;
    color: #001623 !important;
    font-family: var(--font-family);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    border-radius: 50px !important;
    background: var(--green-gradient) !important;
}

fieldset.fieldset-cf7mls .cf7mls-btns .cf7mls_back {
    border: 1px solid var(--primary-color);
    background: none !important;
}

span.wpcf7-form-control-wrap[data-name="upload-file-777"] {
    margin-bottom: 30px !important;
}

.cf7mls-btns {
    display: flex;
    align-items: center;
    gap: 12px;
}

.codedropz-upload-handler {
    margin-top: 4px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 8px;
    border: 1px dashed #e6f6f5;
    background: #fff;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type="checkbox"]:after {
        content: "";
        opacity: 0;
        display: block;
        left: 8px;
        top: 2px;
        position: absolute;
        width: 8px;
        height: 15px;
        border: 3px solid #009688;
        border-top: 0;
        border-left: 0;
        transform: rotate(39deg);
    }
}

.fieldset-cf7mls-wrapper label input[type="file"]::file-selector-button {
    border: 2px solid #e6f6f5;
    padding: 0.2em 0.4em;
    border-radius: 0.2em;
    background-color: #e6f6f5;
    transition: 1s;
}

.fieldset-cf7mls-wrapper label input[type="file"]::file-selector-button:hover {
    background-color: #e6f6f5;
    border: 2px solid #e6f6f5;
}

.custom-default-page .entry-content .codedropz-upload-inner h3 {
    color: var(--Green-500, #019d9a);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    position: relative;
    width: 90px;
    padding: 10px;
    margin: 6px auto;
}

.custom-default-page .entry-content .codedropz-upload-inner h3::before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/11/fileupload.svg);
    width: 24px;
    height: 24px;
    left: -12px;
    top: 8px;
}

.dnd-upload-status {
    max-width: 460px;
}

.custom-default-page .entry-content .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    opacity: 0;
}

.codedropz-upload-inner>span {
    display: none;
}

.fieldset-cf7mls-wrapper label {
    color: var(--Green-500, #019d9a);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.fieldset-cf7mls-wrapper .fieldset-cf7mls span.wpcf7-form-control-wrap .wpcf7-text {
    margin: 0;
    color: #8a949a;
    font-family: var(--font-family);
    font-size: clamp(14px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

form.wpcf7-form.cf7mls .wpcf7-response-output {
    display: none;
}

form.wpcf7-form.cf7mls span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -24px;
}

.custom-default-page .entry-content .wpcf7 {
    max-width: 460px !important;
    width: 100%;
    margin-top: 60px;
}

fieldset.fieldset-cf7mls .wpcf7-form-control-wrap {
    position: relative;
    z-index: 2;
    margin-bottom: 80px;
    margin-top: 24px;
}

form.cf7mls input.wpcf7-form-control.wpcf7-submit {
    display: -webkit-box;
}

.meter-type-popup a.close-popup,
.got-it,
.fieldset-cf7mls-wrapper .fieldset-cf7mls .wpcf7-submit {
    width: 100% !important;
    max-width: 100%;
    display: flex;
    align-items: center;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 40px !important;
    color: #001623 !important;
    font-family: var(--font-family);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    line-height: 140%;
    border-radius: 50px !important;
    background: var(--green-gradient) !important;
    margin-top: 30px !important;
    border: none;
}

.meter-type-popup {
    position: fixed;
    z-index: 99;
    border-radius: 16px;
    background: #fff;
    display: flex;
    max-width: 457px;
    width: 100%;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    box-shadow: 0 0 0 50vmax rgba(0, 0, 0, 0.5);
    overflow: auto;
}

.meter-type-popup a.close-popup {
    color: var(--Dark-Blue-500, #001623);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-align: center;
    justify-content: center;
    text-decoration: none;
    margin-top: 12px !important;
}

.meter-type-popup ul {
    list-style: none;
}

.meter-type-popup ul li .img {
    width: clamp(60px, 6.95vw, 80px);
}

.meter-type-popup ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 0 0 16px;
}

.meter-type-popup ul li span.desc {
    margin: 0;
    font-size: clamp(14px, 1.95vw, 17px);
    text-align: left;
    margin-top: 0 !important;
}

.fieldset-cf7mls-wrapper .meter-type-popup p {
    color: var(--Green-1300, #001c1b);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin: 0;
}

.fieldset-cf7mls-wrapper .fieldset-cf7mls span.wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translateY(-50%) translateX(-50%);
    z-index: 99;
}

.thank-you-landing-page {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thank-you-landing-page .section-1 {
    text-align: center;
}

.thank-you-landing-page .section-1 h4 {
    color: #002424;
    text-align: center;
    font-family: var(--font-family);
    font-size: clamp(24px, 1.75vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-top: 32px;
    margin-bottom: 16px;
}

.thank-you-landing-page .section-1 p {
    color: #8a949a;
    text-align: center;
    font-family: var(--font-family);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.thank-you-landing-page .inner-col .got-it {
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    max-width: fit-content;
    margin: 32px auto !important;
}

.thank-you-landing-page .inner-col {
    width: 100%;
    max-width: 100%;
}

.thank-you-landing-page .colflex {
    margin: 0 auto;
    max-width: 400px;
    margin-top: 60px;
}

.fieldset-cf7mls-wrapper .cf7mls_current_fs p:empty {
    display: none;
}

.meter-type-popup .desc {
    text-align: left;
    margin-top: 0;
    font-size: clamp(14px, 1.95vw, 17px);
}

@media only screen and (max-width: 767px) {
    /* .woo-product-gallery-slider .slick-slider {
        min-height: 250px;
        position: relative;
    } */

    .fieldset-cf7mls input[type="radio"],
    .fieldset-cf7mls input[type="checkbox"] {
        width: 24px;
        height: 24px;
    }

    fieldset.fieldset-cf7mls .wpcf7-form-control-wrap {
        margin-bottom: 40px;
    }

    .custom-default-page .entry-content .wpcf7 {
        margin-top: 30px;
    }

    .custom-default-page .entry-content {
        padding: 40px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        height: 90vh;
    }

    .fieldset-cf7mls-wrapper .cf7mls_current_fs p.image-info,
    .fieldset-cf7mls-wrapper .cf7mls_current_fs p.tips {
        font-size: 15px;
    }

    .custom-single-product #pincheck_wrapper .pincheck_inner {
        margin: 24px 0 16px !important;
    }
}

@media only screen and (max-width: 500px) {
    .meter-type-popup.active {
        max-width: 94%;
    }

    /* .woo-product-gallery-slider .slick-slider {
        min-height: 200px;
        position: relative;
    } */

    nav.cus-sticky-product-nav {
        margin: 0 -20px;
    }
}

.main-elec-wrapper {
    width: 100%;
}

.bill-wrapper {
    gap: 30px;
    max-width: 1360px;
    margin: 0 auto;
    width: 100%;
    border-radius: 20px;
    border: 2px solid var(--Dark-Blue-30, #f0f1f2);
    background: var(--BG, #fff);
    display: inline-flex;
    padding: 60px 40px;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: -150px;
}

.main-calculator-form {
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    display: flex;
    padding-top: 0;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    background: #f9f8ee;
}

.page-bulider.online-electricity-bill-calculator .bill-cal-inner-banner {
    padding-bottom: 250px;
}

.form-card {
    display: flex;
    align-items: center;
    border-radius: 20px;
    border: 2px solid var(--Dark-Blue-30, #f0f1f2);
    background: var(--BG, #fff);
    border-radius: 20px;
    border: 2px solid var(--Dark-Blue-30, #f0f1f2);
    background: var(--BG, #fff);
    display: inline-flex;
    padding: 87px 65.999px 86px 66.001px;
    justify-content: center;
    align-items: center;
}

.elec-bill-total-bill {
    padding: 60px 52px;
    border-radius: 12px;
    border: 2px solid var(--Dark-Blue-30, #f0f1f2);
    background: #fff;
    width: 100%;
    display: flex;
    gap: 30px;
}

.elec-bill-result {
    margin: 0 auto;
    max-width: 1360px;
    padding: 60px 0 30px 0;
}

.elec-bill-result-heading {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    position: relative;
    margin-bottom: 36px;
}

.elec-card-sub-heading {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    padding-bottom: 20px;
}

.elec-bill-total-heading {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: clamp(24px, 2.2vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.elec-bill-total-amount {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
}

.elec-bill-total-amount {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin-top: 12px;
}

.elec-bill-bar-graph {
    display: flex;
    gap: 12px;
    margin-top: 32px;
}

span.elec-bill-bar {
    width: 150px;
    height: 10px;
    border-radius: 8px;
}

.elec-bill-fixed-charge {
    background: #4166c5;
}

.elec-bill-energy-charge {
    background: #c94728;
}

.elec-bill-meter-rent {
    background: #ef9d39;
}

.elec-bill-energy-duty {
    background: #489331;
}

.elec-bill-charges {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.chargecard {
    border-radius: 8px;
    border: 1.5px solid var(--Dark-Blue-30, #f0f1f2);
    background: #fff;
    display: flex;
    max-width: fit-content;
    min-width: 180px;
    width: 100%;
    padding: 14px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    user-select: none;
}

.text-15bill {
    color: var(--Green-1300, #001c1b);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-top: 14px;
}

a.linkbill15 {
    color: var(--Green-500, #019d9a);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.tcbill-heading {
    color: var(--Dark-Blue-200, #8a949a);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-top: 40px;
    display: flex;
}

span.xcbox {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background: #ededed;
}

.chargecard span {
    display: flex;
    gap: 8px;
    align-items: center;
}

span.energyDuty,
span.fixedCharge,
span.energyCharge,
span.meterRent {
    padding-left: 24px;
}

.Dutycharge .xcbox {
    background: #489331;
}

.Rentcharge .xcbox {
    background: #ef9d39;
}

.Fixedcharge .xcbox {
    background: #4166c5;
}

.Energycharge .xcbox {
    background: #c94728;
}

.elec-bill-slab-wise.mapSection {
    border-radius: 12px;
    border: 2px solid var(--Dark-Blue-30, #f0f1f2);
    background: #fff;
    padding: 60px 30px;
    margin-top: 40px;
}

.elec-bill-slabs {
    display: flex;
    gap: 24px;
    margin-top: 70px;
    flex-wrap: wrap;
}

.elec-bill-slabs .slab-boxes {
    border-radius: 8px;
    border: 1.5px solid var(--Dark-Blue-30, #f0f1f2);
    background: #fff;
    display: flex;
    max-width: 306px;
    width: 100%;
    padding: 14px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
}

.topflex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #002424;
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.slab_consumption {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.slab_cost {
    color: #009688;
    font-family: var(--font-family);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

section.elec-bill-email-report {
    border-radius: 12px;
    border: 2px solid var(--Dark-Blue-30, #f0f1f2);
    background: #f9f8ee;
    display: flex;
    padding: 64px 95px 63px 96px;
    justify-content: center;
    align-items: center;
    gap: 156px;
}

.main-container-result {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    background: #f9f8ee;
    user-select: none;
}

section.get_report_PDF {
    background: var(--Light-Yellow-200, #f9f8ee);
    padding: 32px 20px 60px;
}

.fullreportsec {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    border-radius: 12px;
    border: 2px solid var(--Dark-Blue-30, #f0f1f2);
    background: #fff;
    padding: 60px 100px;
    align-items: center;
    gap: 30px;
}

select.wpcf7-form-control.wpcf7-select {
    border-image: none;
    height: 60px;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--light-blue-color);
    padding: 27px 10px 9px;
    border-radius: 8px;
    background: none;
    transition: all 0.5s ease;
}

.form-card-left {
    width: 50%;
    padding-right: 20px;
}

.productEnquiry-popup .productenq-container textarea.msg-textarea {
    height: 100px;
    overflow: auto;
    padding: 24px 15px 12px;
}

.productEnquiry-popup .productenq-container .wpcf7-response-output {
    text-align: center;
    margin: 0;
    font-size: 16px;
}

.form-card-right {
    border-radius: 10px;
    background: #d9d9d9;
    overflow: hidden;
}

.form-card-right img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.bill-calculator-form .FormControl {
    width: 100%;
    margin-bottom: 8px;
}

.bill-calculator-form .filled label {
    top: 6px;
}

.bill-calculator-form select.wpcf7-form-control.wpcf7-select {
    padding: 18px 16px 6px;
    height: 60px;
    cursor: pointer;
    word-wrap: break-word;
    white-space: break-spaces;
    padding-right: 54px;
}

span.iconarrow-ddp {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    width: 50px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--Dark-Blue-30, #f0f1f2);
    cursor: pointer;
    z-index: -1;
}

.bill-calculator-form .btn-check-meter input.wpcf7-form-control[type="radio"]:checked {
    border: 1px solid #23a99a;
    outline-offset: 0;
    outline: none;
    opacity: 1;
	background: rgb(224 242 241 / 40%);
}

/* .bill-calculator-form input.wpcf7-form-control,
.bill-calculator-form textarea.wpcf7-form-control {
    height: 60px;
    margin: 0;
    border: 1px solid var(--light-blue-color);
    border-radius: 8px;
    box-shadow: none;
} */

.bill-calculator-form input[type="radio"]:after {
    left: 17px;
    top: 20px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #20a399;
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 1px 2px #21a69a;
}

.bill-calculator-form input.wpcf7-form-control:focus,
.bill-calculator-form textarea.wpcf7-form-control:focus {
    outline-offset: 0;
    outline: none;
}

.btn-check-meter {
    position: relative;
    flex: 1 0 0;
    display: flex;
}

.checkmeter {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
}

.btn-check-meter label {
    position: absolute;
    width: fit-content;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding-left: 10px;
/*     opacity: 0.6; */
}

.online-electricity-bill-calculator .bill-content-section {
    padding-top: 40px;
    background: #f9f8ee;
}

.bill-calculator-form .btn-check-meter input[type="radio"]:after {
    content: "";
    background: #fff;
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 1px 2px #9e9e9e;
    opacity: 1;
}

.bill-calculator-form .btn-check-meter input.wpcf7-form-control {
    z-index: 9;
    cursor: pointer;
    padding: 14px;
/*     opacity: 0.6; */
}

.bill-calculator-form .btn-check-meter input[type="radio"]:checked::after {
    background: #019d9a;
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 1px 2px #019d9a;
}

.btn-check-meter:has(input[type="radio"]:checked) label {
    color: #019d9a;
    opacity: 1;
}

.submit-form-col {
    width: 100%;
    max-width: fit-content;
    margin-top: 24px;
}

.bill-calculator-form .FormControl .MuiFilledInput.filled .wpcf7-form-control {
    padding-top: 18px !important;
    padding-left: 14px !important;
}

.bill-calculator-form .FormControl select:disabled {
    background: #f1f1f1 !important;
    border-color: #d3d3d3 !important;
    user-select: none;
    cursor: default;
}

.bill-calculator-form .FormControl:has(select:disabled) label.FormLabel {
    color: #000000;
    z-index: 2;
}

.bill-calculator-form .FormControl:has(select:disabled) .iconarrow-ddp {
    z-index: 1;
}

.submit-form-col span.wpcf7-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    transform: translateY(-50%) translateX(-50%);
}

.main-calculator-form .submit-form-col .wpcf7-submit {
    padding: 16px;
    color: #ffffff !important;
    font-family: var(--font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 128% !important;
    padding: 12px 20px;
    border-radius: 50px !important;
    transition: all 0.5s ease;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -ms-border-radius: 50px !important;
    -o-border-radius: 50px !important;
    cursor: pointer;
    width: 100%;
    height: 48px !important;
    background: var(--green-gradient) !important;
}

.main-calculator-form .submit-form-col .wpcf7-submit:hover {
    transition: all 0.5s ease;
    padding: 12px 20px;

}

#bill-calculator-form .submit-form-col {
    max-width: 100%;
}

.elec-bill-slab-heading {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: clamp(24px, 2.2vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 50px;
}

.bill-calculator-form label.error {
    position: absolute;
    left: 0;
    bottom: -17px;
    margin: 0;
    font-size: 13px;
    line-height: 1;
    color: #ff5722;
    transition: all 0.5s ease;
    display: flex;
    top: unset;
    padding: 0;
    transform: translateY(0);
    opacity: 1;
}

.bill-calculator-form .FormControl span.wpcf7-form-control-wrap {
    display: flex;
}

.form.get-repro-form-col {
    flex: 1 0 0;
    position: relative;
}

.contentcard_getreport {
    flex: 1 0 0;
}

.titleget_report {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: clamp(24px, 2.25vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
}

.paraGet-report p,
.paraGet-report {
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: clamp(15px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    margin-top: 8px;
}

form.getreport_form {
    display: flex;
}

.form.get-repro-form-col .output-response {
    color: #4caf50;
    position: absolute;
    bottom: -20px;
    line-height: normal;
}

form.getreport_form .FormControl {
    width: 100%;
    display: flex;
    flex: unset;
    position: relative;
    margin: 0;
}

form.getreport_form .FormControl .MuiFilledInput .wpcf7-form-control-wrap {
    display: flex;
}

form.getreport_form .FormControl .getfromsubmit {
    position: absolute;
    width: 60px;
    align-items: center;
    height: 60px;
    justify-content: center;
    display: flex;
    right: 0;
    z-index: 9;
    border-radius: 0 10px 10px 0 !important;
    border: 1px solid var(--light-blue-color);
    border-left: none;
}

form.getreport_form .FormControl .getfromsubmit:hover {
    background: var(--green-gradient);
}

.getfromsubmit .send-icon {
    display: block;
    line-height: 1;
    height: 24px;
}

form.getreport_form .FormControl input.wpcf7-form-control {
    width: 100%;
    margin: 0;
    padding: 16px 18px 16px 16px;
    box-shadow: none;
}

form.getreport_form .FormControl .MuiFilledInput {
    width: calc(100% - 52px);
}

form.getreport_form .FormControl:has(.filled) input.wpcf7-form-control {
    padding: 26px 18px 8px 16px;
}

#email-error {
    margin: 0;
    position: absolute;
    left: 0;
    bottom: -18px;
    top: unset;
    line-height: normal;
    color: #ff5722;
    font-size: 13px;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .bill-calculator-form input[type="radio"]:checked:focus {
        outline-offset: 0;
        outline: none;
    }
}
/* 
.online-electricity-bill-calculator .heading-center {
    font-size: clamp(21px, 5.55vw, 40px);
}

.online-electricity-bill-calculator .heading-center .color-gradient {
    text-align: center;
    color: var(--primary-color);
    font-weight: 600;
    line-height: 110%;
    background: none;
    -webkit-text-fill-color: unset;
    font-family: var(--font-family);
}

.online-electricity-bill-calculator .accordion-header {
    color: var(--primary-color);
}

.online-electricity-bill-calculator .bill-content-section p {
    margin-bottom: 8px;
    font-size: 18px;
    color: var(--primary-color);
}

.online-electricity-bill-calculator .bill-content-section li {
    font-size: 18px;
    color: var(--primary-color);
}

.online-electricity-bill-calculator .bill-content-section p:last-child {
    margin-bottom: 0;
}

.online-electricity-bill-calculator .bill-content-section .inner-col {
    max-width: 1600px;
}

.online-electricity-bill-calculator .droit-accordion-content-wrapper {
    padding-bottom: 32px;
}

.online-electricity-bill-calculator .subheading .full_desc {
    color: var(--primary-color);
    text-align: center;
    font-family: var(--font-family);
    font-size: clamp(15px, 2.2vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 12px;
}

.benefit-heading {
    margin-bottom: 6px !important;
}

ol.ordered-list {
    margin-top: 12px;
    margin-bottom: 6px;
    list-style-position: inside;
}

ol.ordered-list li.list-b-item {
    font-weight: 600;
}
*/
.bill-content-section blockquote {
    background: #eeeeee;
    width: fit-content;
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
    border-radius: 6px;
}

.bill-content-section blockquote:before {
    display: none;
}

.savings-potential {
    font-weight: 600;
}

.online-electricity-bill-calculator .bill-content-section .savings-potential {
    font-weight: 600;
    color: #000000;
    margin-top: 24px;
}

.page-template-billl-calculator .subheading {
	margin-top: 16px;
	text-align:center;
	margin-bottom:20px;
	font-size: 1.2rem;
	line-height: 1.6;
	color: #002424;
}
.bill-content-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: #f9f8ee;
}
.bill-content-section.changeBG {
	background:#ffffff;
}
.bill-content img {
    margin: 1.5rem 0;
}
.bill-content a {
    color: #019d9a;
    transition: opacity 0.3s ease, text-decoration 0.3s ease; /* Add transition here */
}

.bill-content a:hover {
    text-decoration: none;
    opacity: 0.8;
	color:#75e696;
}

/*
.page-template-billl-calculator .bill-content-section h1.title {
    font-size: clamp(28px, 3.15vw, 40px);
    line-height: 140%;
    margin-bottom: 8px;
}

.page-template-billl-calculator .bill-content-section h2 {
    font-size: clamp(22px, 1.55vw, 32px);
    line-height: 140%;
}

.page-template-billl-calculator .bill-content-section h3 {
    font-size: clamp(18px, 1.25vw, 24px);
    line-height: 140%;
    margin-bottom: 8px;
    margin-top: 24px;
} */

/* Update 18-03-2025 Bill Calculator Video Start */
.video-wrapper {
    position: relative;
    display: flex;
    border-radius: 10px;
    background: #FFF;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.totalResultrightRow {
    flex: 1 0 0;
}

.totalResultLeftRow {
    flex: 1 0 0;
}

.video-thumbnail {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.playIcon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 9;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    border-radius: 50px;
}

.inner-video-grid-block {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.playIcon .play {
    width: 70px;
    height: 70px;
}

.totalResultrightRow #videobtn {
    height: 100%;
    object-fit: cover;
}
/* .bill-content-section {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f9f8ee;
} 

.bill-content-section .inner-content {
    max-width: 74vw;
    margin: 0 auto;
}

.bill-content-section .inner-content .title {
    font-size: clamp(32px, 1.55vw, 46px);
    margin-bottom: 1.5rem;
}

.bill-content-section .inner-content .paragraph {margin-bottom: 0.75rem;}

.bill-content-section .inner-content ul, .bill-content-section .inner-content ol {
    list-style: inside;
    margin-bottom: 0.75rem;
}

.bill-content-section .inner-content .section-title {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}*/
@media only screen and (max-width: 991px) {
    .elec-bill-total-bill {
        flex-direction: column;
    }

    .video-wrapper {       
		justify-content: center;
/* 		aspect-ratio: 3 / 2;
		max-width: 580px;
        margin: 0 auto; */
    }

    .chargeCardMobileHidden {
        display: none;
    }

    .chargeCardMobileHidden {
        display: none;
    }

    .inner-video-grid-block {
        flex-wrap: wrap;
    }

    .elec-bill-charges {
        flex-wrap: wrap;
        width: 100%;
		
    }

    .form-card-right {
        display: none;
    }

    .form-card-left {
        width: 100%;
        padding-right: 0;
    }

    .elec-bill-slab-wise.mapSection,
    .elec-bill-total-bill,
    .bill-wrapper {
        padding: 32px 20px;
        border-radius: 12px;
    }

    .elec-card-sub-heading {
        padding-bottom: 30px;
    }

    .chargecard,
    .elec-bill-slabs .slab-boxes {
        max-width: calc(50% - 12px);
    }

    section.get_report_PDF {
        padding: 24px 20px 60px;
    }

    .elec-bill-result {
        padding: 40px 0 24px 0;
    }

    .fullreportsec {
        padding: 36px;
        align-items: flex-start;
        gap: 24px;
        flex-direction: column;
    }

    .form.get-repro-form-col {
        width: 100%;
    }

    .page-bulider.online-electricity-bill-calculator .bill-cal-inner-banner {
        padding-bottom: 150px;
    }

    .online-electricity-bill-calculator .droit-accordion-content-wrapper {
        padding-bottom: 8px;
    }

    .bill-wrapper {
        margin-top: -100px;
    }
}
/* 4 section scroll Start */
.scroll__container {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 1440px;
    width: 90%;
    gap: 24px;
    margin: 0 auto;
    align-items: center;
    padding-top: 120px;
    padding-bottom: 120px;
}


.ds-title {
    color: #0F2333;
    text-align: center;
    font-size: clamp(28px, 3.75vw, 50px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    max-width: 750px;
    margin: 0 auto;
}

.mc__card {
    width: 100%;
    margin: 0 20px;
    /* position: sticky; */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.mc__card.scaled-down {
    transform: scale(0.85);
    opacity: 1;
    z-index: 0;
}

.mc__card.active {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
}

.x__one {
    top: 275px;
    border-radius: 30px;
    background: var(--m-soft-blue);
}

.x__one .num__grid {
    background: #009688;
    color: #ffff;
}

.x__two {
    top: 290px;
    border-radius: 30px;
    background: var(--m-light-green);
}

.x__two .num__grid {
    background: #009688;
    color: #ffff;
}

.x__three {
    top: 305px;
    border-radius: 30px;
    background: var(--m-lavender);
}

.x__three .num__grid {
    background: #009688;
    color: #ffff;
}

.x__four {
    top: 320px;
    border-radius: 30px;
    background: #FFEFE0;
}

.x__four .num__grid {
    background: #009688;
    color: #ffff;
}

.text___sec {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #009688;
}

.num__grid {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #ededed;
    color: #0F2333;
    text-align: center;
    font-size: clamp(16px, 1.75vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

span.para__sc__text {
    color: #0F2333;
    font-size: clamp(16px, 1.75vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: flex;
}

.title__sc__mc {
    color: #0F2333;
    font-size: clamp(28px, 2.75vw, 40px);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.scroll__img__grid {
    width: 100%;
    grid-area: 1 / 8 / span 1 / span 5;
    transform: translateY(50px);
    /* padding: 12px 12px 0; */
    background: rgb(0 150 136 / 30%);
    border-radius: 12px 12px 0 0;
    backdrop-filter: blur(30px);
}

.scroll__img__grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
}

.content__scroll__fix {
    width: 100%;
    align-self: stretch;
    height: 100%;
    grid-area: 1 / 1 / span 1 / span 6;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.sc__mc__title {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mc__inner__card {
    grid-auto-columns: 1fr;
    position: relative;
    grid-column-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: repeat(12, 1fr);
    display: grid;
    padding: 50px 50px;
    background: #eeeeee;
}

.in__sc__top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .mc__card {
        position: sticky;
    }

    .scroll__container h2.ds-title {
        position: sticky;
        top: 170px;
        margin-bottom: 40px;
    }

}

@media (max-width:992px) {
    .mc__inner__card {
        padding: 40px 30px;
    }
}

@media (max-width:768px) {
    .mc__inner__card {
        display: flex;
        flex-direction: column;
        padding: 40px 20px;
    }

    .scroll__container {
        width: 100%;
        padding: 5rem 1.25rem;
    }

    .in__sc__top {
        margin-bottom: 24px;
    }

    .title__sc__mc {
        margin-bottom: 20px;
    }

    .ds-title {
        margin-bottom: 20px;
    }
}

/* 4 section scroll END */

@media (min-width:992px) {
    .chargeCardDesktopHidden {
        display: none;
    }
}

@media (min-width: 992px) and (max-width:1399px) {
    .totalResultrightRow #videobtn {
        object-fit: contain;
    }
}

.billfaq .subheading .full_desc{
	text-align:center;
}
/* Bill Calculator Video END */
/* Loader CSS */
.loader-report {
    display: block;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(107, 107, 107, 0.8);
    backdrop-filter: blur(10px);
}

.loader-report .ajax-loader {
    background: url(/wp-content/uploads/2025/01/loader-bill.gif);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.featured-content-section {
    padding: 7.5rem 0;
    position: relative;
    overflow: hidden;
}

.featured-content-section .inner-col {
    padding: 0;
}

.inner-content {
    grid-area: 1 / 2 / span 1 / span 14;
}

.featured-content-section h2:not(:first-of-type) {
    margin-top: 40px;
}

.featured-content-section h2 {
    margin-bottom: 10px;
}

.featured-content-section ul {
    padding: 10px 0 0 18px;
}

.featured-content-section ul li {
    color: var(--Dark-Blue-200, #8A949A);
}

.featured-content-section h3 {
    margin: 15px 0 0;
    color: #002424;
    font-weight: 600;
}

.featured-content-section a {
    color: #00bdb9 !important;
    text-decoration: inherit !important;
}

@media only screen and (max-width: 1024px) {
    .featured-content-section {
        padding: 5rem 0;
    }
}

@media only screen and (max-width: 1200px) {
    .form-card-left {
        width: 60%;
    }

    .form-card-right {
        width: 40%;
    }

    .bill-wrapper {
        gap: 24px;
        padding: 52px 36px;
    }

    .fullreportsec {
        padding: 50px 48px;
    }

    .productCarousel .row {
        width: 100%;
    }

    .productCarousel .slick-track {
        gap: 20px;
    }

    .swp-title {
        min-height: 70px;
    }
}

@media only screen and (max-width: 991px) {
    .form-card-right {
        display: none;
    }

    .form-card-left {
        width: 100%;
        padding-right: 0;
    }

    .elec-bill-slab-wise.mapSection,
    .elec-bill-total-bill,
    .bill-wrapper {
        padding: 32px 20px;
        border-radius: 12px;
    }

    .elec-card-sub-heading {
        padding-bottom: 30px;
    }

    .chargecard,
    .elec-bill-slabs .slab-boxes {
        max-width: calc(50% - 12px);
    }

    section.get_report_PDF {
        padding: 24px 20px 60px;
    }

    .elec-bill-result {
        padding: 40px 0 24px 0;
    }

    .fullreportsec {
        padding: 36px;
        align-items: flex-start;
        gap: 24px;
        flex-direction: column;
    }

    .form.get-repro-form-col {
        width: 100%;
    }

    .page-bulider.online-electricity-bill-calculator .bill-cal-inner-banner {
        padding-bottom: 150px;
    }

    .online-electricity-bill-calculator .droit-accordion-content-wrapper {
        padding-bottom: 8px;
    }

    .bill-wrapper {
        margin-top: -100px;
    }

    .grid-wrap-home {
        width: 100%;
        padding: 4.75rem 1.25rem 0;
    }

    .grid-wrap-home .grid-inner-col.grid {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
    }

    .grid-wrap-home .item {
        padding: 24px;
    }

    .grid-wrap-home .grid-inner-col.grid .item.grid-2 img {
        position: relative;
        max-width: 250.186px;
        max-height: 240.46px;
        width: 100%;
        height: 100%;
        transform: translateY(24px) translateX(50px);
    }

    .grid-wrap-home .grid .grid-1 img {
        position: unset;
        width: 100%;
        height: auto;
        max-width: 200px;
        transform: unset;
        margin: 0 auto;
    }

    .grid-wrap-home .grid-inner-col.grid .item.grid-1 {
        grid-area: 1 / 1 / span 1 / span 7;
        padding-bottom: 0;
        flex-direction: column;
        justify-content: space-between;
    }

    .grid-wrap-home .grid-1 {
        gap: 12px;
    }

    .grid-wrap-home .grid-inner-col.grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .title_gr__main {
        margin-bottom: 50px;
    }

    .productCarousel .slick-track {
        gap: 20px;
    }

    .productCarousel .card-inner-swp {
        min-height: 500px;
        padding: 30px 24px 0;
    }

    .productCarousel {
        padding: 60px 20px;
    }

    .productCarousel .card-inner-swp .img-sp {
        /* transform: translateY(70px); */
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
        margin-top: 32px;
    }

    .buttons-shops a {
        font-size: 16px;
        padding: 10px 20px
    }

}

@media only screen and (max-width: 767px) {
    .grid-wrap-home .grid-inner-col.grid .item.grid-1 {
        grid-area: 1 / 1 / span 1 / span 12;
        height: 100%;
    }

    .grid-wrap-home .grid-inner-col.grid .item.grid-2 {
        grid-area: 2 / 1 / span 1 / span 12;
    }

    .grid-wrap-home .grid-inner-col.grid .item.grid-3 {
        grid-area: 3 / 1 / span 1 / span 12;
    }

    .grid-wrap-home .grid-inner-col.grid .item.grid-4 {
        grid-area: 4 / 1 / span 1 / span 12;
        padding-top: 100%;
    }

    .grid-wrap-home .grid .in_htext {
        position: unset;
    }

    .grid-wrap-home .grid-inner-col.grid .item.grid-2 img {
        max-width: 700px;
        max-height: 280px;
        object-fit: contain;
        right: 0px;
    }

    .grid-wrap-home .grid-inner-col.grid .item.grid-4 .in_htext {
        display: flex;
        position: unset;
    }

    .buttons-shops a {
        font-size: 14px;
        padding: 12px 20px;
        flex: 1 0 0;
        max-width: 180px;
    }

    .productCarousel .row {
        width: 100%;
    }

    .productCarousel .card-inner-swp {
        padding: 30px 20px 0;
        min-height: 600px;
    }
}

@media only screen and (max-width: 599px) {
    .grid-wrap-home .grid-inner-col.grid .item.grid-1 {
        grid-area: 1 / 1 / span 1 / span 12;
        height: 100%;
        flex-direction: column;
        align-items: center;
    }

    .grid-wrap-home .grid .grid-1 img {
        padding: 0;
    }

    .grid-wrap-home .grid-1 {
        gap: 24px;
    }

    .productCarousel .card-inner-swp {
        min-height: 500px;
    }

}

@media only screen and (max-width: 600px) {
    .bill-calculator-form .FormControl span.wpcf7-form-control-wrap {
        flex-direction: column;
        gap: 22px;
    }

    .chargecard,
    .elec-bill-slabs .slab-boxes {
        max-width: 100%;
    }

    .fullreportsec {
        padding: 32px 20px;
    }

    .online-electricity-bill-calculator .bill-content-section {
        padding-bottom: 50px;
    }

    .swp-title {
        min-height: 32px;
    }
/* 	    .video-wrapper {
            aspect-ratio: 2 / 2;
    } */
}

/* Sales Registeration CSS */
.sales-agent-registration-fields input,
.sales-agent-registration-fields .form-control {
    height: 48px;
    margin: 0;
    border: 1px solid var(--light-blue-color) !important;
    border-radius: 8px;
    box-shadow: none !important;
    padding: 8px 12px;
    width: 100%;
}

.woocommerce-form-register .woocommerce-form-register__submit {
    height: 48px;
    font-weight: 600;
    transition: all 0.5s ease;
    max-width: 100%;
    width: 100%;
    margin: 0;
}

.sales-agent-registration-fields label.error {
    position: absolute;
    margin: 0;
    font-size: 14px;
    color: #f44336;
    left: 0;
    bottom: -24px;
}

.sales-agent-registration-fields label.error::after {
    display: none;
}

.sales-agent-registration-fields .formio-component-email .formio-errors .error {
    display: none !important;
}

.sales-agent-registration-fields .formio-component-email label::after {
    content: "*";
    color: red;
}

.sales-agent-registration-fields .col-form-label {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 4px;
    padding-top: 4px;
    line-height: 120%;
    text-shadow: none;
    font-family: var(--font-family);
}

.sales-agent-registration-fields .form-group.formio-error-wrapper {
    color: inherit;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
}

.sales-agent-registration-fields .form-group {
    margin-bottom: 24px;
    position: relative;
}

.sales-agent-registration-fields .formio-component-cat input.formio-select-autocomplete-input {
    display: none;
}

.sales-agent-registration-fields .choices[data-type*="select-one"] .choices__button {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

form.user-request-role-form .woocommerce-form-row {
    margin-top: 40px;
    padding: 0;
    text-align: center;
    margin-bottom: 0;
}

.sales-agent-registration-fields {
    max-width: 100%;
    margin: 0 auto;
}

form.user-request-role-form.woocommerce-form {
    padding: 40px 24px;
    background: #fff;
    max-width: 700px;
    margin: auto;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.single-content-page:has(.sales-agent-registration-fields) .woocommerce {
    padding: 0;
}

form.user-request-role-form.woocommerce-form .alert-danger {
    display: none;
}

.page-content-wrapper:has(form.user-request-role-form) .woocommerce-error,
.page-content-wrapper:has(form.user-request-role-form) .woocommerce-message {
    max-width: 680px;
    margin: auto;
    width: 100%;
    padding: 15px 20px 15px 40px;
    background: #55d683;
    line-height: 140%;
    border-radius: 12px;
    margin-bottom: -24px;
    font-size: 18px;
    color: #000000;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.page-content-wrapper:has(form.user-request-role-form) .woocommerce-error {
    background: #ff7e74;
}

.page-content-wrapper:has(form.user-request-role-form) .woocommerce-error::before,
.page-content-wrapper:has(form.user-request-role-form) .woocommerce-message::before {
    left: 14px;
    font-size: 20px;
    color: #464646;
    top: 15px;
}

.sales-agent-registration-fields input.error.is-invalid {
    padding-right: 30px;
}

.online-electricity-bill-calculator .changeBG {
    background: #ffffff;
    padding-top: 60px;
    padding-bottom: 60px;
}

.online-electricity-bill-calculator .changeBG blockquote {
    background: #f9f8ee;
}

section.enciser-faqs.billfaq.changeBG2 {
    background: #f9f8ee !important;
}

select:focus {
    outline-offset: 0px;
    outline: none;
}

@media only screen and (max-width: 740px) {

    .page-content-wrapper:has(form.user-request-role-form) .woocommerce-error,
    .page-content-wrapper:has(form.user-request-role-form) .woocommerce-message {
        max-width: 94%;
    }

    .main-calculator-form {
        padding-top: 0;
        padding-bottom: 20px;
    }

    section.get_report_PDF {
        padding-bottom: 30px;
    }

    .online-electricity-bill-calculator .changeBG {
        background: #ffffff;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .bill-calculator-form select.wpcf7-form-control.wpcf7-select {
        font-size: 14px;
        line-height: 1.1;
    }

    .grid-wrap-home .grid .grid-1 img {
        position: unset;
        width: 100%;
        height: 370px;
        max-width: 270px;
        transform: unset;
        margin: 0 auto;
        object-fit: cover;
        object-position: top;
        margin-top: 20px;
    }
}

/* know your price */
/* From UI css */
.custom-default-page .entry-content {
    padding: 100px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 94vh;
}

.custom-default-page footer {
    display: none;
}

.custom-default-page header h1 {
    display: none;
}

.custom-default-page .entry-content h3 {
    color: var(--primary-color);
    text-align: center;
    font-family: var(--font-family);
    font-size: clamp(24px, 1.75vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.question-tracker,
.progress-percentage {
    color: #8a949a;
    text-align: center;
    font-family: var(--font-family);
    font-size: clamp(16px, 1.25vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.cf7mls_progress_bar_percent_wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    margin: 16px 0;
    width: 100%;
    max-width: 575px !important;
}

.fieldset-cf7mls-wrapper .cf7mls_current_fs h4 {
    color: var(--Green-1300, #001c1b);
    font-family: var(--font-family);
    font-size: clamp(14px, 1.85vw, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.cf7mls_progress_bar_percent_wrap .progressDiv {
    width: 100%;
    border-radius: 4px;
    background: var(--Gray-100, #f2f4f7);
    transition: all 0.5s ease;
}

.cf7mls_progress_bar_percent_wrap .progressDiv .progress-percentage {
    border-radius: 4px;
    background: var(--Green-500, #019d9a);
    color: #fff;
    font-size: 0;
    padding: 4px;
    transition: all 0.5s ease;
}

.fieldset-cf7mls-wrapper .cf7mls_current_fs p {
    color: #8a949a;
    font-family: var(--font-family);
    font-size: clamp(14px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 10px;
    margin-top: 8px;
}

.fieldset-cf7mls-wrapper .cf7mls_current_fs p.image-info,
.fieldset-cf7mls-wrapper .cf7mls_current_fs p.tips {
    color: var(--Green-500, #019d9a);
    font-family: var(--font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-top: -8px;
    margin-bottom: 0;
    cursor: pointer;
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control {
    display: flex;
    flex-direction: column;
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control span.wpcf7-list-item {
    margin: 0;
    margin-bottom: 16px;
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control span.wpcf7-list-item label {
    margin: 0;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    background: #fff;
    display: flex;
    padding: 15px 10px;
    gap: 10px;
    align-self: stretch;
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control span.wpcf7-list-item label span.wpcf7-list-item-label {
    color: var(--Green-1300, #001c1b);
    font-family: var(--font-family);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control span.wpcf7-list-item label input[type="checkbox"] {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control span.wpcf7-list-item:has(input[type="checkbox"]:checked) label {
    border-radius: 8px;
    border: 1px solid var(--Green-500, #019d9a);
    background: rgba(1, 157, 154, 0.1);
}

.fieldset-cf7mls-wrapper span.wpcf7-form-control span.wpcf7-list-item:has(input[type="checkbox"]:checked) label span.wpcf7-list-item-label {
    color: var(--Green-500, #019d9a);
}

fieldset.fieldset-cf7mls .cf7mls-btns button {
    margin: 0 !important;
    width: 100%;
    padding: 12px 20px !important;
    color: #001623 !important;
    font-family: var(--font-family);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    border-radius: 50px !important;
    background: var(--green-gradient) !important;
    border: 1px solid aliceblue;
}

fieldset.fieldset-cf7mls .cf7mls-btns .cf7mls_back {
    border: 1px solid var(--primary-color);
    background: none !important;
}

span.wpcf7-form-control-wrap[data-name="upload-file-777"] {
    margin-bottom: 30px !important;
}

.cf7mls-btns {
    display: flex;
    align-items: center;
    gap: 12px;
}

.codedropz-upload-handler {
    margin-top: 4px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 8px;
    border: 1px dashed #e6f6f5;
    background: #fff;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type="checkbox"]:after {
        content: "";
        opacity: 0;
        display: block;
        left: 8px;
        top: 2px;
        position: absolute;
        width: 8px;
        height: 15px;
        border: 3px solid #009688;
        border-top: 0;
        border-left: 0;
        transform: rotate(39deg);
    }
}

.fieldset-cf7mls-wrapper label input[type="file"]::file-selector-button {
    border: 2px solid #e6f6f5;
    padding: 0.2em 0.4em;
    border-radius: 0.2em;
    background-color: #e6f6f5;
    transition: 1s;
}

.fieldset-cf7mls-wrapper label input[type="file"]::file-selector-button:hover {
    background-color: #e6f6f5;
    border: 2px solid #e6f6f5;
}

.custom-default-page .entry-content .codedropz-upload-inner h3 {
    color: var(--Green-500, #019d9a);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    position: relative;
    width: 90px;
    padding: 10px;
    margin: 6px auto;
}

.custom-default-page .entry-content .codedropz-upload-inner h3::before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/12/fileupload.svg);
    width: 24px;
    height: 24px;
    left: -12px;
    top: 8px;
}

.dnd-upload-status {
    max-width: 460px;
}

.custom-default-page .entry-content .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    opacity: 0;
}

.codedropz-upload-inner>span {
    display: none;
}

.fieldset-cf7mls-wrapper label {
    color: var(--Green-500, #019d9a);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.fieldset-cf7mls-wrapper .fieldset-cf7mls span.wpcf7-form-control-wrap .wpcf7-text {
    margin: 0;
    color: #001c1b;
    font-family: var(--font-family);
    font-size: clamp(14px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 12px;
}

form.wpcf7-form.cf7mls .wpcf7-response-output {
    display: none;
}

form.wpcf7-form.cf7mls span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -24px;
}

.custom-default-page .entry-content .wpcf7 {
    max-width: 460px !important;
    width: 100%;
    margin-top: 60px;
}

fieldset.fieldset-cf7mls .wpcf7-form-control-wrap {
    position: relative;
    z-index: 2;
    margin-bottom: 80px;
    margin-top: 24px;
}

form.cf7mls input.wpcf7-form-control.wpcf7-submit {
    display: -webkit-box;
}

.meter-type-popup a.close-popup,
.got-it,
.fieldset-cf7mls-wrapper .fieldset-cf7mls .wpcf7-submit {
    width: 100% !important;
    max-width: 100%;
    display: flex;
    align-items: center;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 40px !important;
    color: #001623 !important;
    font-family: var(--font-family);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    line-height: 140%;
    border-radius: 50px !important;
    background: var(--green-gradient) !important;
    margin-top: 30px !important;
    border: none;
}

.meter-type-popup {
    position: fixed;
    z-index: 99;
    border-radius: 16px;
    background: #fff;
    display: flex;
    max-width: 457px;
    width: 100%;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    box-shadow: 0 0 0 50vmax rgba(0, 0, 0, 0.5);
    overflow: auto;
}

.meter-type-popup a.close-popup {
    color: var(--Dark-Blue-500, #001623);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-align: center;
    justify-content: center;
    text-decoration: none;
    margin-top: 12px !important;
}

.meter-type-popup ul {
    list-style: none;
}

.meter-type-popup ul li .img {
    width: clamp(60px, 6.95vw, 80px);
}

.meter-type-popup ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 0 0 16px;
}

.meter-type-popup ul li span.desc {
    margin: 0;
    font-size: clamp(14px, 1.95vw, 17px);
    text-align: left;
    margin-top: 0 !important;
}

.fieldset-cf7mls-wrapper .meter-type-popup p {
    color: var(--Green-1300, #001c1b);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin: 0;
}

.fieldset-cf7mls-wrapper .fieldset-cf7mls span.wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translateY(-50%) translateX(-50%);
    z-index: 99;
}

.thank-you-landing-page {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thank-you-landing-page .section-1 {
    text-align: center;
}

.thank-you-landing-page .section-1 h4 {
    color: #002424;
    text-align: center;
    font-family: var(--font-family);
    font-size: clamp(24px, 1.75vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-top: 32px;
    margin-bottom: 16px;
}

.thank-you-landing-page .section-1 p {
    color: #8a949a;
    text-align: center;
    font-family: var(--font-family);
    font-size: clamp(16px, 1.25vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.thank-you-landing-page .inner-col .got-it {
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    max-width: fit-content;
    margin: 32px auto !important;
}

.thank-you-landing-page .inner-col {
    width: 100%;
    max-width: 100%;
}

.thank-you-landing-page .colflex {
    margin: 0 auto;
    max-width: 400px;
    margin-top: 60px;
}

.fieldset-cf7mls-wrapper .cf7mls_current_fs p:empty {
    display: none;
}

.meter-type-popup .desc {
    text-align: left;
    margin-top: 0;
    font-size: clamp(14px, 1.95vw, 17px);
}

.tooltip-xx {
    position: relative;
    top: 0;
    left: 0;
    width: 22px;
}

.tooltip-xx .icon {
    border-radius: 10px;
    color: var(--bg-theme-color);
    display: block;
    cursor: pointer;
}

.pre-info {
    left: 28px;
    top: 43px;
    color: #8a949a;
}

.pre-info.position-absolute {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
}

.tooltipText-x {
    background-color: var(--white-color);
    box-shadow: rgb(61 79 87) 0px 0px 2px 0px;
    color: var(--black-color);
    position: absolute;
    left: 0%;
    top: 75%;
    transform: translateY(-10px);
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 14px;
    display: none;
    transition: all 0.5s;
    max-width: 300px;
    width: 100%;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.tooltip-xx:hover .tooltipText-x {
    display: block;
    transform: translateY(10px);
    width: 300px;
    word-break: break-all;
    z-index: 102;
    line-height: 1.6;
    left: 5px;
}

@media only screen and (max-width: 767px) {

    .fieldset-cf7mls input[type="radio"],
    .fieldset-cf7mls input[type="checkbox"] {
        width: 24px;
        height: 24px;
    }

    fieldset.fieldset-cf7mls .wpcf7-form-control-wrap {
        margin-bottom: 40px;
    }

    .custom-default-page .entry-content .wpcf7 {
        margin-top: 30px;
    }

    .custom-default-page .entry-content {
        padding: 40px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        height: 90vh;
    }

    .fieldset-cf7mls-wrapper .cf7mls_current_fs p.image-info,
    .fieldset-cf7mls-wrapper .cf7mls_current_fs p.tips {
        font-size: 15px;
    }
}

@media only screen and (max-width: 500px) {
    .meter-type-popup.active {
        max-width: 94%;
    }

    .productCarousel .card-inner-swp .img-sp {
        margin-top: 6px;
    }
}

/*** Order Shipment****/
.order-shipment .wpcf7-form-control-wrap {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 30px;
}

.order-shipment .courier-form-grid .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 14px;
    font-weight: normal;
    display: block;
    position: absolute;
    bottom: -14px;
    line-height: normal;
}

.order-shipment input[type="text"],
.order-shipment input[type="number"],
.order-shipment input[type="date"],
.order-shipment input[type="email"],
.order-shipment select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    padding: 6px 15px;
    border-radius: 6px;
    font-size: 14px;
    border: 1px solid #d8d8d8;
    margin: 0;
    margin-bottom: 5px;
}

.order-shipment .filled label {
    top: 3px;
    font-size: 12px;
}

.order-shipment input.wpcf7-form-control:focus,
.order-shipment textarea.wpcf7-form-control:focus {
    border-color: #d8d8d8;
    transition: all 0.5s ease;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}



.order-shipment .FormControl:first-child,
.order-shipment .FormControl:nth-child(2) {
    width: 100%;
    flex: 0 0 auto;
}

.order-shipment .submit-form-col input.wpcf7-form-control.wpcf7-submit {
    font-weight: 500;
    font-size: 20px;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px;
    width: 140px;
    text-align: left;
    padding: 12px 24px;
    height: 48px;
    line-height: 100%;

}

.order-shipment .submit-form-col input.wpcf7-form-control.wpcf7-submit:hover {
    opacity: 0.8;
    background: var(--green-gradient);
    line-height: 100%;

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .site-header .site-branding {
        max-width: 130px;
    }

    .site-logo .custom-logo {
        max-width: 120px;
    }

    .site-logo svg {
        width: 119px;
    }

    .site-header .primary-navigation {
        width: calc(100% - 120px);
    }

    .site-header .primary-navigation ul li a {
        font-size: 14px;
    }

    .site-header .primary-navigation ul li {
        padding-right: 16px;
    }
}


/* Shop Pages Css Changes Start */
.productEnquiry-popup .productenq-container {
    max-height: calc(100vh - 20px);
    overflow: auto;
}

.productEnquiry-popup .wpcf7-form .FormControl:first-child,
.productEnquiry-popup .wpcf7-form .FormControl:nth-child(2) {
    width: 100%;
}

.productEnquiry-popup .wpcf7-form .FormControl.full-field {
    display: flex;
    gap: 16px;
}

.productEnquiry-popup .wpcf7-form .FormControl.full-field .MuiFilledInput {
    width: 100%;
}

.productEnquiry-popup .wpcf7-form .FormControl input,
.productEnquiry-popup .wpcf7-form .FormControl select {
    border-radius: 8px;
    border: 1px solid var(--light-blue-color);
    padding: 28px 15px 10px;
    font-size: 15px;

}

.productEnquiry-popup .wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
    margin: 0 0 10px 0;
}

.productEnquiry-popup .wpcf7-form .wpcf7-checkbox .wpcf7-list-item label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

.productEnquiry-popup .wpcf7-form .wpcf7-checkbox .wpcf7-list-item label input {
    border: 1px solid var(--light-blue-color);
    min-width: 24px;
    cursor: pointer;
}

.productEnquiry-popup .wpcf7-form .wpcf7-submit {
    padding-top: 16px;
    padding-right: 10px;
    padding-bottom: 16px;
    padding-left: 10px;
    border-radius: 50px !important;
    font-weight: 600;
    font-size: 16px;
    border: none;
    color: var(--primary-color) !important;
    background: var(--green-gradient) !important;
    height: 48px !important;
    line-height: 124% !important;
}

.productEnquiry-popup .wpcf7-form .FormControl input.wpcf7-not-valid {
    border-color: #ff8080;
}

.productEnquiry-popup .wpcf7-form .FormControl span.wpcf7-not-valid-tip {
    background: #bd1e1e;
    width: 100%;
    border-radius: 0 0 5px 5px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 8px;
    overflow: hidden;
    transition: background-color 0.5s ease;
    margin-top: -5px;
    position: relative;
}

.productEnquiry-popup .wpcf7-form .FormControl .filled label {
    top: 8px;
    margin: 0;
}

.productEnquiry-popup .wpcf7-form .FormControl label {
    font-size: 14px;
}

.productEnquiry-popup .wpcf7-form .wpcf7-spinner {
    margin: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
    bottom: 40px;
}

.productEnquiry-popup .wpcf7-form .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
    line-height: 140%;
    font-weight: 400;
    min-height: 25px;
}

.productEnquiry-popup .wpcf7-form .wpcf7-response-output {
    line-height: normal;
    padding: 1em;
    margin-top: 1rem;
}

.single-product .woocommerce-variation-add-to-cart .cus-pro-cards .quantity a {
    text-decoration: none;

}

.single-product .woocommerce-variation-add-to-cart .cus-pro-cards a.indus-add {
    padding: 10px;
    width: 100%;
    text-align: center;
    position: absolute;
    font-weight: 600;
}

.cus-show .cus-quantity-box .buttons_added a.quantity-button {
    font-size: 24px;
    line-height: 120%;
    font-weight: 400;
    display: inline-flex;
}

.single-product .woocommerce-variation-add-to-cart .cus-pro-cards .quantity .wqpmb_quantity .qty {
    background: transparent;
}

body:has(.cus-popup-product.active),
body:has(.productEnquiry-popup.active) {
    overflow: hidden !important;
}

.woocommerce-page ul.products.columns-3 li.product .loop-content .woocommerce-loop-product__title a {
    line-height: normal;
    font-weight: 600;
}

.productEnquiry-popup .wpcf7-form.invalid .wpcf7-response-output {
    display: none;
}

.woocommerce div.product form.cart .variations a.link-bottom:focus,
.woocommerce div.product form.cart .variations a.link-bottom {
    text-decoration: none;
    color: #009688;
}

.woocommerce div.product form.cart .variations td.value .selectedprice:has(input[type="radio"]:checked) label.selectedLabelVC:before {
    border-color: #019d9a;
    background-color: #019d9a;
}

.woocommerce div.product form.cart .variations td.value label.selectedLabelVC:before {
    content: "";
    position: absolute;
    left: 16px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #8a949a;
}

.woocommerce div.product form.cart .variations td.value .selectedprice:has(input[type="radio"]:checked) label.selectedLabelVC::after {
    content: "";
    width: 6px;
    height: 11px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 26px;
    margin: -2px 0 0 -2px;
}

.woocommerce-product-details__short-description .mb-1 {
    margin-bottom: 8px;
}

#qlwapp.qlwapp-rounded.qlwapp-button .qlwapp-toggle {
    gap: 6px;
}

@media only screen and (max-width: 1299px) {
    .woocommerce ul.products, .woocommerce-page ul.products {
        width: calc(100% - 320px);
    }

    .cus-woo-sidebar {
        max-width: 320px;
    }

    .gridproduct-page {
        width: 96%;
        gap: 30px;
    }

    .shopproduct-page header.woocommerce-products-header {
        width: 96%;
        gap: 30px;
    }
}

@media only screen and (max-width: 1199px) {
    .woocommerce ul.products, .woocommerce-page ul.products {
        grid-template-columns: 1fr 1fr;
        width: calc(100% - 300px);
    }

    .cus-woo-sidebar {
        max-width: 300px;
    }

    .shopproduct-page header.woocommerce-products-header {
        width: 100%;
        gap: 24px;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .gridproduct-page {
        width: 100%;
        gap: 24px;
    }
}

@media only screen and (max-width: 991px) {
    .woocommerce ul.products, .woocommerce-page ul.products {
        width: calc(100% - 260px);
    }

    .cus-woo-sidebar {
        max-width: 260px;
    }
}

@media only screen and (max-width: 767px) {
    .productEnquiry-popup .wpcf7-form .FormControl.full-field {
        gap: 8px;
        flex-direction: column;
    }

    .productEnquiry-popup .productenq-container .pheader {
        gap: 16px;
    }

    .productEnquiry-popup .productenq-container .pheader,
    .productEnquiry-popup .productenq-container .eform {
        padding: 25px;
    }

    /* .productEnquiry-popup .productenq-container .pheader h4 {
        font-size: 24px;
    } */

    .cus-popup-product .btn-close2 {
        top: -8px;
        right: -6px;
    }

    .cus-popup-product .full {
        max-height: calc(100vh - 20px);
        overflow-x: auto;
    }

    .gridproduct-page {
        width: 100%;
        flex-direction: column;
    }

    .shopproduct-page header.woocommerce-products-header {
        width: 100%;
    }

    .woocommerce ul.products, .woocommerce-page ul.products {
        width: 100%;
    }

    .cus-woo-sidebar {
        max-width: 100%;
    }

    .productSwiper.container-swipe {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
}

@media only screen and (max-width: 600px) {
    .woocommerce-shop.woocommerce-page ul.products {
        gap: 20px;
        row-gap: 40px;
    }

    .woocommerce ul.products, .woocommerce-page ul.products {
        grid-template-columns: 1fr;
    }
}

/* Shop Pages Css Changes Ends */
/* Temp CSS updated 04-03-2025 */
.featured-content-section {
    padding: 7.5rem 0;
    position: relative;
    overflow: hidden;
}

.featured-content-section .inner-col {
    padding: 0;
}

.inner-content {
    grid-area: 1 / 2 / span 1 / span 14;
}

.featured-content-section h2:not(:first-of-type) {
    margin-top: 40px;
}

.featured-content-section h2 {
    margin-bottom: 10px;
}

.featured-content-section ul {
    padding: 10px 0 0 18px;
}

.featured-content-section ul li {
    color: var(--Dark-Blue-200, #8A949A);
}

.featured-content-section h3 {
    margin: 15px 0 0;
    color: #002424;
    font-weight: 600;
}

.featured-content-section a {
    color: #00bdb9 !important;
    text-decoration: inherit !important;
}

@media only screen and (max-width: 1024px) {
    .featured-content-section {
        padding: 5rem 0;
    }
}

.knowledge-base .custom-related-prod h2 {
    font-size: clamp(32px, 5.2vw, 48px);
}

.knowledge-base .custom-related-prod {
    padding: 5rem 1.2rem;
}

.heading-center {
    text-align: center;
    color: var(--Green-1200, #002424);
    font-size: clamp(32px, 3.25vw, 60px);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
}

.enciser-faqs {
    padding: 4.5rem 1.25rem 4.5em;
}



.enciser-faqs .col-support-accordion {
    margin-top: 0;
}

@media only screen and (max-width: 599px) {
    .enciser-faqs {
        padding: 8.75rem 1.25rem 0.5em;
    }
}

div#offerPopup {
    background: url(/wp-content/uploads/2024/12/Online-Electricity-Bill-Calculator-_-Popup-V2.png);
    border-radius: 20px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    max-width: 880px;
    margin: 0 auto;
    padding: 60px 40px;
    bottom: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#offerPopup .close {
    top: 12px;
    right: 12px;
}

.popBody h4 {
    color: #001C1B;
    text-align: center;
    font-size: 40px;
    margin-bottom: 30px;
    font-style: normal;
    font-family: var(--font-family);
    line-height: 120%;
}

.popBody h4+span {
    color: var(--Dark-Blue-200, #8A949A);
    font-size: 18px;
    line-height: normal;
    display: block;
    margin-bottom: 16px;
    font-family: var(--font-family);
}

.offer-wrapper .cus-width-btn a.es-btn-com.dark-green-btn {
    max-width: 230px;
}

.price {
    color: #019D9A;
    font-size: 40px;
    line-height: normal;
}

.offer-wrapper {
    text-align: center;
}

span.discunt-offer super {
    font-size: 10px;
    line-height: normal;
    display: inline-block;
    position: relative;
    top: -11px;
    left: 0px;
}

.custom-overflow .overlaye {
    position: fixed;
    inset: 0;
    background: #333333cf;
    z-index: 998;
    filter: blur(1px);
}

.cus-width-btn+span {
    font-size: 12px;
    line-height: normal;
}

.close {
    color: #fff;
    float: right;
    font-weight: bold;
    position: absolute;
    right: 30px;
    top: 30px;
    line-height: normal;
    height: auto;
}

.close svg {
    width: 36px;
    height: 36px;
}

.real-price {
    text-decoration: line-through;
    color: #001C1B;
    font-family: var(--font-family);
}

.offer-wrapper .cus-width-btn a.es-btn-com.dark-green-btn {
    max-width: 260px;
    margin: 30px auto 40px;
    font-size: 20px;
    text-align: center;
    padding: 12px 24px !important;
    justify-content: center;
}

.save-bill {
    text-align: center;
    margin: 20px auto 0px;
    color: #001C1B;
    font-size: 24px;
}

.save-bill span.discunt-offer {
    color: var(--Green-500, #019D9A);
    font-weight: 700;
    font-family: var(--font-family);
}

.cus-width-btn+span {
    font-size: 12px;
    line-height: normal;
    display: inline-block;
}

@media(max-width: 1199px) {
    div#offerPopup {
        max-width: 100%;
        padding: 50px 40px;
    }

    .popBody h4 {
        font-size: 32px;
    }

    .popBody h4+span {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .price {
        font-size: 28px;
    }

    .save-bill {
        font-size: 20px;
    }

    .offer-wrapper .cus-width-btn a.es-btn-com.dark-green-btn {
        font-size: 18px;
    }

    .close {
        right: 20px;
        top: 20px;
    }
}

@media(max-width: 991px) {
    div#offerPopup {
        max-width: 100%;
        width: 90%;
    }
}

@media(max-width: 767px) {
    div#offerPopup {
        width: 96%;
        padding: 60px 10px;
    }

    .popBody h4 {
        font-size: 28px;
    }

    .popBody h4+span {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .price {
        font-size: 24px;
    }

    .save-bill {
        font-size: 16px;
        margin: 16px auto 0px;
    }

    .offer-wrapper .cus-width-btn a.es-btn-com.dark-green-btn {
        max-width: 200px;
    }

    @media(max-width:480px) {
        .popBody h4 {
            font-size: 26px;
        }

        .save-bill {
            font-size: 18px;
        }

        div#offerPopup {
            background: url(/wp-content/uploads/2024/12/Online-Electricity-Bill-Calculator-_-Popup-V2-1.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }
    }
}

/* < !-- Resources --> */
#chartdiv {
    width: 100%;
    height: 500px;
}

.canvasjs-chart-credit {
    display: none !important;
}

#offerPopup.active {
    left: 50%;
    opacity: 1;
    visibility: visible;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

#offerPopup {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

#offerPopup .pop-wrapper {
    grid-column: 12 / -12;
    padding: 1.5rem 1.5rem 2.5rem;
    border-top-right-radius: 10px;
}

/* Blog Page. POP CSS Start */

.offerPopupBlog {
    position: fixed;
    width: 100%;
    background: rgb(54 54 54 / 70%);
    z-index: 9999;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    height: 0;
    visibility: hidden;
    opacity: 0;
}

.offer-wrapper-Blog {
    background: var(--light-active-color);
    padding: 40px 24px;
    position: relative;
    border-radius: 6px;
    max-width: 600px;
    width: 90%;
}

.popBodyBlog {
    text-align: center;
}

.close-blog-modal {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    display: flex;
}

.close-blog-modal svg {
    width: 24px;
    height: 24px;
}

.titletext-modal {
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    padding-bottom: 10px;
    color: var(--primary-color);
    font-family: var(--font-family);
    font-size: clamp(20px, 2.7vw, 28px);
}

.save-bill-blog {
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    color: var(--dark-blue-color);
    font-family: var(--font-family);
    font-size: clamp(24px, 2.7vw, 32px);
    letter-spacing: -1px;
}

.save-bill-blog .color-gradient {
    color: #009688;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.text-modal {
    font-style: normal;
    line-height: 120%;
    margin-top: 20px;
    color: #1d473d;
    font-family: var(--font-family);
    font-size: 10px;
    display: block;
    text-align: center;
}

.modal-blog-btn {
    text-decoration: none;
    padding: 12px 40px;
    display: inline-block;
    margin: 36px auto 12px;
    text-align: center;
    background: var(--green-gradient) !important;
    border-radius: 50px;
    animation: modalblog 1s ease 0s 1 normal both;
    -webkit-animation: modalblog 1s ease 0s 1 normal both;
    color: #ffffff;
}

.offerPopupBlog.active {
    height: 100%;
    visibility: visible;
    opacity: 1;
}

.blog-custom-overflow {
    overflow: hidden !important;
}

@keyframes modalblog {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Blog Page FAQ Start */
.blog-faqs {
    margin-top: 30px;
    width: 100%;
    background: #ffff;
    padding: 24px;
    border-radius: 16px;
}

.single-post .blog-faqs h2 {
    text-align: left;
    font-size: clamp(24px, 2.55vw, 30px);
    margin-bottom: 24px;
    margin-top: 0;
    font-weight: 600;
}

.blog-faqs .sp-accordion .custom-accordions:first-child {
    /* border: 1px solid #eaecf0; */
    padding: 20px;
}

.blog-faqs .sp-accordion .droit-accordion-content-wrapper {
    padding: 0 20px 20px;
    /* border: 1px solid #eaecf0; */
}

.blog-faqs .sp-accordion .droit-accordion-content-wrapper.dl-active {
    border-top: 0;
    border-bottom: 0;
}

.blog-faqs .sp-accordion .droit-accordion-content-wrapper.dl-active:last-child {
    border-bottom: 1px solid #eaecf0;
}

.blog-faqs .accordion-header {
    font-weight: 600;
}

.blog-faqs .full_desc {
    font-size: clamp(14px, 1.5vw, 17px);
    line-height: 140%;
}

/* Blog Page FAQ End */

/*Blog Page POP css end  */
/* Refer Code Start */
.referalCodeCustom {
    display: flex;
    margin-bottom: 20px;
}

.haveReferralCode {
    text-align: end;
    cursor: pointer;
    float: left;
    width: 100%;
    color: #019d9a;
    text-decoration: underline;

}

.referalCodeCustom.active {
    transition: all 0.2s ease;
    background: #ffffff;
    padding: 16px;
    border-radius: 6px;
    margin-bottom: 24px;
    margin-top: 30px;
    box-shadow: rgb(196, 196, 196) 0px 0px 0px 1px;
}

#referalForm {
    display: none;
}

.haveReferralCode.inactive {
    display: none;
}

.referalCodeCustom.active .cancel-refer {
    visibility: visible;
}

.referalCodeCustom.active #referalForm {
    display: block;
    width: 100%;
}

.haveReferralCodeTitle {
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
    line-height: 1;
    opacity: 0.8;
}

#extra_input {
    margin: 0;
    line-height: 100%;
    border: none;
    border-bottom: 1px solid #ededed;
    border-radius: 0;
    padding: 8px 4px;
    font-size: 16px;
    text-transform: capitalize;
    background: transparent;
}

#extra_input::placeholder {
    text-transform: none;
}

.actionButtonsBlog {
    display: flex;
    align-content: center;
    margin-top: 24px;
    gap: 8px;
    flex-direction: row-reverse;
}

.referalCodeCustom.active #referalForm #custom_submit_button {

    display: block;
    height: unset !important;
    flex: 1 0 0;
    padding: 14px 40px;
    line-height: 1 !important;
    font-weight: 500;
    color: #ffffff;
    background: var(--green-gradient);
    box-shadow: none;
    max-width: 140px;
    width: 100%;
}

.actionButtonsBlog .cancel-refer {
    display: inline-block;
    cursor: pointer;
    visibility: hidden;
    font-size: 14px;
    transition: all 0.2s ease;
    flex: 1 0 0;
    max-width: 120px;
    border-radius: 150px;
    text-align: center;
    background: none !important;
    color: var(--dark-blue-color) !important;
    border: 1px solid var(--dark-blue-color);
    width: 100%;
}

.cancel-refer:hover {
    transition: all 0.2s ease;
    color: #1e1e1e;
}

#referalForm {
    position: relative;
}

.CodeResponse {
    font-size: 14px;
    color: #F44336;
    font-weight: 500;
    float: left;
}

#referalForm label {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;
}

#referalForm #extra_input-error {
    color: #e14141;
    position: absolute;
}

.CodeResponse.success {
    color: #04ac5e;
}

/* Refer Code end */
/* Brand Logo Slider */

.logo-slider {
    padding: 30px 20px;
    overflow: hidden;
}


@media only screen and (min-width: 991px) {
    .brandlogo-carousel-slider {
        display: flex;
        align-items: flex-start;
        list-style: none;
        justify-content: center;
        gap: 40px;
        row-gap: 40px;
        flex-wrap: wrap;
    }

    .logo-slider {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
}

.brandlogo-carousel-slider li p {
    color: #0F2333;
    font-size: clamp(16px, 1.75vw, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-align: center;
    display: block;
    margin-bottom: 16px;
}

.brandlogo-carousel-slider li img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 60px;
    object-fit: contain;
}

.brandlogo-carousel-slider .slick-track {
    display: flex;
    gap: 20px;
    list-style: none;
}

.brandlogo-carousel-slider .slick-dots {
    display: none !important;
}

.brandlogo-carousel-slider {
    margin: 0 !important;
    user-select: none;
}

.brandlogo-carousel-slider .slick-track img {
    height: clamp(100px, 7.2vw, 120px);
    margin: 0 auto;
}

.brandlogo-carousel-slider .slick-slide {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .single-product .logo-slider {
        margin: 0 -20px;
        padding-left: 0;
        padding-right: 0;
    }

}


/* Auth CSS Start */
.author_bio_section {
    padding-top: 30px;
    margin-top: 40px;
}

.author_details {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 24px;
    position: relative;
}

.author_details_left {
    gap: 20px;
    width: 100%;
    display: flex;
    flex: 1 0 0;
}

.author_details_right ul.socialLinks svg {
    width: 30px;
    height: 30px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.author_details_right ul.socialLinks svg:hover {
    transform: translateY(-5px) scale(1.1);
    transition: all 0.2s ease;
    cursor: pointer;
    fill: #ffff;
}

.author_details_right {
    text-align: end;
    max-width: 290px;
    flex: 1 0 0;
}

.author_thumb {
    width: 70px;
    position: absolute;
    top: 16px;
    left: 16px;
}

.author_thumb img {
    border-radius: 16px;
}

.author_desc {
    width: 100%;
    background: #ffffff;
    padding: 16px;
    padding-left: 110px;
    border-radius: 12px;
    margin-left: 0px;
    margin-top: 0;
}

.author_name {
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.author_bio {
    font-weight: 400;
    font-size: 16px;
    color: #8A949A;
}

.author_details_right ul.socialLinks {
    display: flex;
    gap: 12px;
    text-decoration: none;
    list-style: none;
    justify-content: start;
    padding: 0;
    margin-top: 16px;
}

.author_details_right li {
    margin: 0 !important;
}

.author_details_right li a {
    display: flex;
}

@media (max-width: 767px) {


    .author_bio {
        font-size: 14px;
    }

    .author_details {
        flex-direction: column;
    }


    .author_details_right ul.socialLinks {
        padding-left: 0;
        justify-content: flex-start;
    }

    .author_bio_section {
        background: #ffffff;
        padding: 0;
        border-radius: 20px;
    }
}

@media screen and (max-width: 600px) {
    .author_details_left {
        gap: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .author_desc {
        width: 100%;
        background: #ffffff;
        padding: 0;
        padding-left: 0;
        border-radius: 12px;
        margin-left: 0px;
        margin-top: 16px;
    }

    .author_thumb {
        width: 70px;
        position: unset;
    }
}

@media (max-width: 480px) {

    .author_details_left,
    .author_details {
        flex-direction: column;
    }

    .author_desc {
        width: auto;
    }


}

/*  auth's code ends */


/*  Calculator absolute button */
.absolute-btn {
    position: absolute;
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    z-index: 9;
    width: 100%;
    height: 70px;
    text-align: end;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 20px;
}

.absolute-btn a {
    background: #009688;
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: #fff;
    transition: all 0.2s ease;
    box-shadow: inset #009688 0 0 20px 20px;
    padding: 10px 20px;
    height: 40px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .absolute-btn {
		height: 50px;
		padding: 8px 20px;
		top: 10px;
    }

    .absolute-btn a {
       padding: 9px 18px;
        height: 36px;
        cursor: pointer;
        font-size: 12px;
    }

}


/* Custom New Header */
.custom-overflow {
    overflow: hidden !important;
}


.burger {
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1.5rem;
    height: 1rem;
    border: none;
    outline: none;
    visibility: visible;
}

.burger-line:nth-child(1) {
    top: 0px;
}

.burger-line {
    position: absolute;
    display: block;
    right: 0;
    width: 100%;
    height: 2.8px;
    opacity: 1;
    rotate: 0deg;
    border-radius: 50px;
    background-color: #004841;
    transition: all 0.3s ease;
}

.burger-line:nth-child(2) {
    top: 0.5rem;
    width: 70%;
}

.burger-line:nth-child(3) {
    top: 1rem;
}

.burger.is-active>.burger-line:nth-child(1) {
    top: 0.5rem;
    rotate: 135deg;
}

.burger.is-active>.burger-line:nth-child(3) {
    top: 0.5rem;
    rotate: -135deg;
}

.burger.is-active>.burger-line:nth-child(2) {
    opacity: 0;
}

.nav_logo-header .site-branding {
    margin: 0;
    width: 160px;
}

.nav_hamburger-mobile {
    display: flex;
    justify-content: flex-end;
}

.nav_hamburger-mobile svg {
    width: 32px;
    height: 32px;
}

.nav_logo-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0 0 0 30px;
    position: relative;
    height: 78px;
}

.nav_links-container {
    width: calc(100% - 340px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.primary-menu-container {
    min-width: 100%;
}

.menu-wrapper {
    display: flex;
    list-style: none;
    justify-content: center;
    height: 100%;
    gap: 16px;
}

.menu-item a {
    padding: 25px 8px;
    display: flex;
    text-decoration: none;
    font-size: 17px;
    transition: color .2s, box-shadow .2s;
    position: relative;
}

.menu-item-has-children a {
    padding-right: 20px;
}

.current-menu-ancestor,
.current-menu-item {
    box-shadow: inset 0px -8px 0px -4px #009688;
}

.menu-item a:hover,
.menu-item a:focus,
.menu-item a:active {
    transition: all 0.2s ease;
    color: var(--tan-green-color);
/*     box-shadow: inset 0px -8px 0px -4px #009688; */
}

.menu-item ul.sub-menu a:hover {
    box-shadow: none;
    color: var(--primary-color);
    opacity: 0.8;
    transition: all 0.2s ease;
}

.custom-logo-link {
    display: flex;
    height: 100%;
}

span.menu-item-svg {
    display: flex;
}

.menu-item-svg svg {
    width: 30px;
    height: 30px;
}

.menu-item-svg svg path {
    transform: scale(1.2) translate(0px, 0px);
}

.menu-item {
    display: flex;
    position: relative;
}

.nav_group {
    flex: 1 0 0;
}

.nav_logo {
    flex: 1 0 0;
    min-width: 170px;
}

.nav_hamburger-container {
    flex: 1 0 0;
    width: 160px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
}

.secondary-dropwdown-container {
    transform-origin: 50% 0;
    background-color: #f2a10000;
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    min-height: 0;
    position: absolute;
    top: 78px;
    left: -90px;
    right: 0%;
    overflow: hidden;
    min-width: 100px;

}

.secondary-menu-dropdown:has(.is-active) .secondary-dropwdown-container {
    transition: min-height 0.5s ease;
    min-height: 8.5rem;
}

#secondary-menu-dropdown-list .menu-item a {
    padding: 8px 0;
    border: none;
    width: 100%;
}

.secondary-drop-btn.active {
    background: #f0f2f0;
}

.secondary-drop-btn {
    border-top-left-radius: 100vw;
    border-top-right-radius: 100vw;
    width: 70px;
    height: 78px;
    margin-left: 16px;
    display: inline-flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    cursor: pointer;

}

.sub-menu-toggle {
    background: none !important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.menu-item-description {
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
    opacity: 0.8;
    font-family: 'Inter';
    color: var(--dark-blue-color);
}

#secondary-menu-dropdown-list .menu-item a:hover {
    transition: all 0.2s ease;
    color: var(--tan-green-color);
    box-shadow: none;
}

#secondary-menu-dropdown-list {
    position: absolute;
    display: none;
    background: #f0f2f0;
    width: 100%;
    padding: 15px 15px;
    height: 100%;
}

.nav_hamburger-container .xoo-wsc-sc-cont {
    margin-top: 10px;
}

#secondary-menu-dropdown-list .current-menu-item {
    box-shadow: none;
}

#secondary-menu-dropdown-list .current-menu-item a {
    color: #009688;
}

.menu-item-has-children>a:after {
    content: '';
    background-image: url(/wp-content/themes/enciser-child/assets/image/arrow-icon.svg);
    background-size: 12px;
    width: 18px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    opacity: 0.6;
}

.menu-item-has-children.open>a:after {
    transform: rotate(180deg) translateY(-50%);
    top: 35%;
    transition: all 0.3s ease;
}

.become-partner-cta {
    align-items: center;
    justify-content: center;
}

header .become-partner-cta a {
    padding: 10px 14px;
    display: flex;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: #ffffff;
    transition: all 0.2s ease;
    box-shadow: inset rgb(53 159 154) 0px 0px 20px 20px;
}

header .become-partner-cta a:focus,
header .become-partner-cta a:hover {
    background: #ffffff !important;
    color: var(--dark-blue-color) !important;
    box-shadow: inset rgb(53 159 154) 0px 0px 0px 2px;
    transition: all 0.2s ease;
}

.menu-item-label {
    display: flex;
    gap: 8px;
    align-items: center;
}

@media screen and (min-width:991.9px) {
    .is_mobile {
        display: none;
    }

    .main-header {
        background: #f0f2f0;
        width: 96%;
        max-width: 100%;
        margin: 0 auto;
        border-radius: 50px;
        position: fixed;
        left: 50%;
        top: 20px;
        z-index: 10999;
        transform: translateX(-50%);
        transition: all 0.5s ease;
        box-shadow: #009688 0px -20px 28px -35px inset;
    }

    ul.sub-menu {
        display: none;
        list-style: none;
        position: fixed;
        background: #f0f2f0f0;
        top: 0;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        border-radius: 40px 40px;
        padding: 20px 40px;
        padding-top: 100px;
        z-index: -1;
        transition: min-height 0.5s ease;
        min-height: 350px;
        box-shadow: #009688 20px -80px 50px -80px inset;
        backdrop-filter: blur(6px);
    }


    ul.sub-menu .menu-item a {
        padding: 0;
        display: flex;
        font-weight: 600;
        gap: 8px;
        flex-direction: column;
        height: 100%;
        font-size: 20px;
    }



    ul.sub-menu .menu-item a .menu-item-svg svg {
        display: inline-flex;
        fill: #009688;
    }

    ul.sub-menu .menu-item.current-menu-item {
        background: #ffff;
        box-shadow: none;
        border-left: 4px solid #009688 !important;
        border-radius: 6px;
    }

    ul.sub-menu .menu-item:last-child {
        margin-bottom: 0;
        border: none;
    }

    ul.sub-menu .menu-item.current-menu-item a {
        color: var(--tan-green-color);
    }

    ul.sub-menu .sub-menu .menu-item.current-menu-item {
        background: rgb(0 150 136 / 70%) !important;
        box-shadow: none;
    }

    ul.sub-menu .sub-menu .menu-item.current-menu-item a {
        color: var(--primary-color);
    }

    .sub-menu .menu-item.menu-item-has-children .level-2 .menu-item {
        max-width: max-content;
        background: #ffffff;
        display: flex;
        align-items: center;
        margin: 0;
        padding: 8px 16px;
        border-radius: 50px;
    }

    .sub-menu .menu-item.menu-item-has-children .level-2 .menu-item a {
        font-size: 14px;
        gap: 0;
        height: auto;
    }

    .sub-menu .menu-item.menu-item-has-children .level-2 {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
    }

    ul.sub-menu .menu-item {
        display: inline-flex;
        border-radius: 0;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 16px;
        width: calc(47% - 3%);
        margin-right: 3%;
        padding: 16px;
        cursor: pointer;

    }

    .sub-menu .menu-item.menu-item-has-children {
        box-shadow: none;
        gap: 30px;
        width: auto;
    }

    .desktop-hide-btn {
        display: none !important;
    }

    .sub-menu {
        display: none;
    }

    #secondary-menu-dropdown-list .menu-item-svg svg path {
        transform: scale(1) translate(0px, 0px);
    }

    #secondary-menu-dropdown-list .menu-item-svg svg {
        width: 24px;
        height: 24px;
    }

}

@media screen and (min-width: 991.9px) and (max-width: 1280px) {
    .nav_logo-header {
        padding: 0 0 0 24px;
        height: 74px;
        gap: 0px;
    }

    .nav_hamburger-container {
        min-width: 100px;
        width: 120px;
    }


    .nav_links-container {
        width: calc(100% - 260px);
    }

    .menu-wrapper {
        gap: 8px;
    }

    .menu-item a {
        padding: 25px 4px;
        font-size: 14px;
    }

    .menu-item-has-children a {
        padding-right: 20px;
    }

    .nav_logo-header .site-branding {
        width: 145px;
    }

    header .become-partner-cta a {
        padding: 8px 14px;
        height: 40px;
    }

    .secondary-dropwdown-container {
        top: 74px;
    }

    .secondary-drop-btn {
        height: 74px;
    }

}

@media only screen and (max-width: 991.9px) {

    .main-header {
        z-index: 1999;
        padding: .75rem;
        position: fixed;
        inset: 0% 0% auto;
    }

    .main-header.open {
        background-color: #002130;
        width: 100vw;
        height: 100vh;
    }

    .menu-item-has-children.open>a span.menu-item-label {
        color: #009688;
        font-weight: 500;
        opacity: 0.8;
    }

    .menu-item-has-children:has(.current-menu-item)>a span.menu-item-label {
        color: #009688;
    }

    .nav_wrapper {
        background-color: #f0f2f0;
        width: 100%;
        position: relative;
        border-radius: 5rem;
        height: 60px;
        align-items: flex-start;
        padding: 1rem 1.625rem;
        transition: height .5s, border-radius .7s;
    }

    .nav_wrapper.open {
        border-radius: 2.1875rem;
        height: calc(95vh - 70px);
		        padding-top: 0.5rem;
        padding-bottom: 0;
        overflow: hidden;
		
    }

    .mobile_header .mobile-hide-btn {
        display: none;
    }

    .is-desktop {
        display: none;
    }

    #mobile-menu {
        background: none;
        border: none;
        padding: 0;
        width: 1.5rem !important;
        height: 1.1rem;
        margin: 0 !important;
    }

    .nav_logo-header {
        gap: 20px;
        padding: 0;
        height: auto;
    }

    .nav_hamburger-container {
        min-width: 100px;
    }

    .nav_logo img {
        width: 100%;
        max-width: 150px;
    }

    .nav_wrapper .primary-menu-container {
        visibility: hidden;
        opacity: 0;
        position: fixed;
    }

    .mobile_header {
        padding: 18px 0 15vh;
        display: none;
        overflow: auto;
        /* height: 90vh; */
    }



    .is-active {
        display: block;
    }

    .mobile_header #primary-mobile-menu-list .menu-item a,
    .mobile_header #mobile-secondary-menu-dropdown-list .menu-item a {
        padding: 0;
        display: flex;
        font-size: 18px;
        width: auto;
    }

    .mobile_header #primary-mobile-menu-list,
    .mobile_header #mobile-secondary-menu-dropdown-list {
        padding: 8px 20px;
        border-radius: 20px;
        background: #ffffff;
        margin-bottom: 20px;

    }

    .mobile_header .menu-item.current-menu-item a {
        color: #009688;
        display: inline-flex;
        width: fit-content;
        font-weight: 600;
    }

    .mobile_header .menu-item.current-menu-item {
        box-shadow: none;
    }

    .menu-item-svg svg {
        width: 24px;
        height: 27px;
        fill: #009688;
    }

    .menu-item-svg svg path {
        transform: scale(1) translate(0px, 2px);
    }

    .mobile_header .menu-item {
        padding: 10px 0;
        flex-direction: column;
    }

    .mobile_header .menu-item .sub-menu .sub-menu {
        padding-left: 20px;
    }

    .menu-item-has-children .sub-menu .menu-item {
        padding: 6px 8px;
    }

    .mobile_header .menu-item .sub-menu .sub-menu a {
        font-size: 14px;
    }

    .mobile_header .menu-item .sub-menu a {
        flex-direction: column;
        font-size: 14px !important;
    }

    .mobile_header .menu-item a:hover {
        box-shadow: none;
    }

    .mobile_header .menu-item.current-menu-parent {
        box-shadow: none;
    }

    .mobile_header #mobile-secondary-menu-dropdown-list .become-partner-cta a {
        width: 100%;
        height: auto;
        padding: 8px 16px;
        color: #ffffff;
        font-weight: 500;
        margin-bottom: -40px;
        background: var(--tan-green-color) !important;
    }

    .mobile_header #mobile-secondary-menu-dropdown-list .become-partner-cta a .menu-item-svg svg {
        fill: #ffff;
    }

    .menu-item-has-children.open>a:after {
        top: 0;
    }

    .sub-menu .menu-item-label {
        font-size: 14px;
    }

    .menu-item-description {
        display: none;
    }

    nav.cus-sticky-product-nav {
        display: none !important;
    }
}

@media only screen and (max-width: 600px) {
    .nav_wrapper {
               padding: 0.8rem 0.10rem;
        height: 54px;
		
    }

    .mobile_header #mobile-secondary-menu-dropdown-list .become-partner-cta a {
        font-size: 16px;
    }

    .mobile_header #primary-mobile-menu-list .menu-item a, .mobile_header #mobile-secondary-menu-dropdown-list .menu-item a {
        font-size: 16px;
    }

    .mobile_header {
        padding: 12px 12px 15vh;
        height: 85vh;
    }

    .nav_logo-header {
        gap: 16px;
        padding: 0 16px;
    }
	.nav_logo-header .site-branding .site-logo {
    min-width: 100px;
}
	    .nav_wrapper.open {
        padding-top: 1rem;
    }
}

/* Custom Header Code ENd */


/*  AC Link Calculator */

.ac-card {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08), 0 1.5px 4px rgba(0,0,0,0.04);
  max-width: 500px;
  margin: 40px auto;
  padding: 32px 24px 24px 24px;
  transition: box-shadow 0.2s;
}
.ac-form-group {
    position: relative;
}
.ac-card h2 {
  margin-top: 0;
  margin-bottom: 36px;
  font-size: 1.4rem;
  color: #222;
  letter-spacing: 0.5px;
  text-align: center;
}

.ac-label {
font-weight: 500;
    color: #727272;
    margin-bottom: 6px;
    display: block;
    position: absolute;
    left: 10px;
    top: -2px;
    font-size: 13px;
    z-index: 1;
    padding: 0 5px;
	    line-height: 140%;

}
.ac-label:before {
    content: '';
    background: #ffffff;
    height: 1.5px;
    width: 100%;
    position: absolute;
    top: 7.5px;
    z-index: -1;
    left: 0;
}
.ac-card .ac-select,
.ac-card .ac-input {
  width: 100%;
  padding: 14px 10px 12px;
  font-size: 1rem;
  border: 1.5px solid #e0e0e0;
  border-radius: 8px;
  margin-top: 6px;
  margin-bottom: 18px;
  background: #fafbfc;
  transition: border 0.2s;
}

.ac-card .ac-select:focus,
.ac-card .ac-input:focus {
  border-color: #007bff;
  outline: none;
  background: #fff;
}

.error-tooltip {
  color: #d32f2f;
  font-size: 0.95em;
  margin-top: -12px;
  margin-bottom: 10px;
  display: none;
}

.button-row {
  display: flex;
  gap: 12px;
  margin-top: 10px;
  justify-content: center;
}

.ac-card .ac-btn {
  padding: 12px 28px;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
      width: 50%;
}

body .ac-card .button-row .ac-btn-primary {
    background: #019d9a !important;
    color: #fff;
}

body .ac-card .ac-btn-primary:disabled {
  background-color: #019d9a !important;
  color: #fff;
  cursor: not-allowed;
  opacity: 0.4;
}

.ac-card .ac-btn-reset {
  background: #fff;
  color: #d32f2f !important;
  border: 1.5px solid #d32f2f;
}

.ac-card .ac-btn-reset:hover {
  background: rgb(211 47 46 / 10%) !important;
  color: #fff;
}

#result {
  margin-top: 24px;
  background: #f7fafd;
  border-radius: 8px;
  padding: 12px 12px;
  color: #222;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
  text-align: center;
  word-break: break-word;
  display:none;
}
   #result p {
      font-size: 1rem;
      line-height: 1.6;
      margin-bottom: 15px;
     margin-top:0;
     
    }
#result p:last-child {
  margin-bottom:0;
}

    #result strong {
      color: green;
    }
@media (max-width: 600px) {
  .ac-card {
    padding: 18px 6vw 18px 6vw;
    max-width: 98vw;
  }
  .button-row {
    flex-direction: column;
    gap: 16px;
  }
  #result {
    font-size: 1rem;
    padding: 12px 6px;
  }
	.ac-card .ac-btn {
		width: 100%;
	}
}



/* Bill Calc content css  Start*/
/* General Layout */
.bill-content>*:first-child {
    margin-top: 1rem;
}

.bill-content {
    max-width: 1360px;
    margin: 0 auto;
/*     padding: 0 1rem; */
    line-height: 1.7;
    color: #333;
}

/* Headings */
.bill-content h2 {
    font-size: 1.8rem;
    margin-top: 1.8rem;
    margin-bottom: 0.25rem;
    color: #002424;
    line-height: 1.4;
}

.bill-content h3 {
    font-size: 1.4rem;
    margin-top: 1.6rem;
    margin-bottom: 0.25rem;
    color: #3b3d40;
    line-height: 1.4;
}

/* Paragraphs */
.bill-content p {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #002424;
}

/* Unordered Lists */
.bill-content ul {
    /* padding-left: 1.5rem; */
    margin-bottom: 1.5rem;
}

/* .bill-content ul li {
    margin-bottom: 0.2rem;
    list-style-type: disc;
    list-style-position: inside;
} */

/* Ordered Lists */
.bill-content ol {
    /* padding-left: 1.5rem; */
    margin-bottom: 1.5rem;
}

/* .bill-content ol li {
    margin-bottom: 0.6rem;
    list-style-type: decimal;
    list-style-position: inside;
} */
.bill-content ul,.bill-content ol {
  list-style: none; /* Remove default bullets */
  padding-left: 0;
  margin-left: 0;
}

.bill-content li {
  position: relative;
  padding-left: 16px; /* Space for custom dot */
  margin-bottom: 8px;
}

.bill-content li::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #019d9a;
    border-radius: 50%;
}


.bill-content li {
    font-size: 1.2rem;
    line-height: 1.6;
    color: #002424;
    margin-bottom: 0.75rem;
}


/* Strong Text */
.bill-content strong {
    font-weight: bold;
}

/* Responsive Font Sizes */
@media (max-width: 600px) {
	.bill-content h2 {
		font-size: 1.5rem;
	}

	.bill-content h3 {
		font-size: 1.25rem;
	}

	.bill-content p,
	.bill-content li {
		font-size: 0.95rem;
	}
		.bill-content li {
			padding-left:12px;
	}
	.bill-content li::before {
		top: 8px;
		width: 6px;
		height: 6px;
	}
}
/*  calculator CSS */
.bill-calculator-form .FormControl {
    position: relative;
}
a.calculator-meterType-popup.link-bottom {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
    vertical-align: middle;
    text-align: right;
    text-decoration: none;
    position: absolute;
    display: inline-block;
    right: 0;
}
.btn-check-units {
    display: flex;
    align-items: flex-start;
	margin-top:2rem;
}
input#free-units {
    height: auto;
    width: auto;
    padding: 12px;
}
.btn-check-units label {
    opacity: 0.8;
}
span.expected-price {
    text-decoration: line-through;
    color: var(--Green-500, #019d9a);
    font-weight: 500;
    margin-right: 12px;
}
.elec-bill-total-amount {
    color: var(--Green-1200, #002424);
    font-family: var(--font-family);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    margin-top: 12px;
}


.cus-width-btn.cont-sales a#contact-sales {
    margin: unset !important;
    background: linear-gradient(135deg, var(--primary), var(--accent));
    color: var(--white);
    border: none;
    border-radius: 50px;
    padding: 1rem 2rem !important;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    height: 60px;
    max-width: fit-content;
}

.cus-width-btn.cont-sales a#contact-sales:hover {
    background: linear-gradient(135deg, var(--primary), var(--accent)) !important;
    opacity: 0.9;
}

/* Bill Calc CSS */
/* Modern Corporate Donation Form Styles */

/* Color palette */
:root {
    --primary: #019d9a;
    /* Main Brand Color (Teal) */
    --primary-light: #33c1bf;
    /* Light variant of teal */
    --primary-dark: #017c7a;
    /* Darker variant for contrast */
    --accent: #00796b;
    /* Secondary tone (green-blue) */
    --accent-light: #4db6ac;
    /* Lighter variant for soft accents */
    --success: #43a047;
    /* Slightly cooler green (eco-success) */
    --gray-dark: #2e3a3a;
    /* Muted dark gray for text */
    --gray-medium: #607d8b;
    /* Cool gray for secondary text */
    --gray-light: #e0f2f1;
    /* Very light teal-gray background */
    --white: #ffffff;
    /* White base */
    --shadow-color: rgba(1, 157, 154, 0.15);
    /* Subtle shadow tint based on primary */
    --gradient-start: #019d9a;
    /* Start of gradient (teal) */
    --gradient-end: #33c1bf;
    /* End of gradient (light teal) */
}

/* General styles */

.bill-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    gap: 2rem;
    margin-top: -11.9rem;
    margin-bottom: 2rem;
}

/* Form container styles */
.form-container {
    flex: 3;
    /* background: var(--white); */
    border-radius: 12px;
    box-shadow: 0 8px 24px var(--shadow-color);
    overflow: hidden;
    position: relative;
}

.form-header {
    background: linear-gradient(to bottom right, #0e4b4a, #319492);
    color: var(--white);
    padding: 2rem;
    text-align: center;
}

.form-header p.formTitle {
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.form-header p {
    font-size: 1.1rem;
    opacity: 0.9;
}

.form-header .sub-heading {
    font-size: 1rem;
    margin-top: 0.3rem;
    opacity: 0.8;
    font-style: italic;
}

.bill-form {
    padding: 2rem;
/*     background-color: var(--white); */
}

.form-section {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--gray-light);
}

.form-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.form-section h2 {
    font-size: 1.5rem;
    color: var(--primary-dark);
    margin-bottom: 1.5rem;
    font-weight: 600;
}

/* Input styles */
.bill-calculator-form .form-section .input-group label.error {
    margin-bottom: -4px;
    color: var(--inext-color-error);
}

.bill-calculator-form .form-section .input-group {
    margin-bottom: 1.8rem;
    position: relative;
}

.bill-calculator-form .form-section .input-group label {
    display: block;
    margin-bottom: 0.2rem;
    font-weight: 500;
    color: var(--gray-medium);
    display: flex;
    align-items: center;
    gap: 6px;
}

.bill-calculator-form .form-section .input-group input,
.bill-calculator-form .form-section .input-group select {
    width: 100%;
    padding: 1rem;
    border: 1px solid var(--gray-light);
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.input-dd-icon {
    position: relative;

}

.bill-calculator-form .form-section .input-group .input-dd-icon select {
    background: none;
    z-index: 2;
    position: relative;

}

.bill-calculator-form .form-section .input-group input:focus,
.bill-calculator-form .form-section .input-group select:focus {
    border-color: var(--primary);
/*     box-shadow: 0 0 0 2px 0 0 0 2px rgb(1 157 154 / 40%); */
    outline: none;
}

.bill-calculator-form .form-section .input-group select:disabled {
    background: var(--gray-light);
    color: var(--gray-dark);
    cursor: not-allowed;
}

.meterkw-col {
    position: relative;
    display: inline-block;
    width: 100%;
}

.meterkw-col input {
    padding-right: 35px;
    /* space for the 'KW' text */
}

.kwtext {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    font-size: 14px;
    pointer-events: none;
    border-left: 1px solid #ededed;
    padding: 3px 6px 3px 12px;
}

.btn-check-units label {
    font-size: 14px !important;
}

.input-row {
    display: flex;
    gap: 1rem;
}

.bill-calculator-form .form-section .input-row .input-group {
    flex: 1;
}

/* Button styles */
.bill-calculator-form .form-section .submit-form-col .wpcf7-form-control.wpcf7-submit {
    background: linear-gradient(135deg, var(--primary), var(--accent));
    color: var(--white);
    border: none;
    border-radius: 50px;
    padding: 1rem 2rem;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    height: 60px;
}


.bill-calculator-form .form-section .submit-form-col .wpcf7-form-control.wpcf7-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.btn-secondary {
    background-color: var(--gray-light);
    color: var(--gray-dark);
    border: none;
    border-radius: 8px;
    padding: 1rem 2rem;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 1.5rem;
}

.btn-secondary:hover {
    background-color: var(--gray-medium);
    color: var(--white);
}

.com-unit-col {
    position: relative;
}

/* Processing indicator */
.processing-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}

.spinner {
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 3px solid var(--primary);
    width: 1.5rem;
    height: 1.5rem;
    animation: spin 1s linear infinite;
    margin-right: 0.75rem;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.two-col-block {
    display: flex;
    gap: 20px;
}

.form-disclaimer {
    margin-top: 2rem;
    padding: 1rem 1.5rem;
    background-color: var(--gray-light);
    border-left: 4px solid var(--primary);
    font-size: 0.95rem;
    color: var(--gray-dark);
    border-radius: 8px;
    line-height: 1.5;
}

.tooltip-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.tooltip-text {
    visibility: hidden;
    width: 260px;
    background-color: #fef3c7;
    color: #000;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 10;
    bottom: 125%;
    /* above the icon */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    font-size: 13px;
}

.tooltip-wrapper:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* Thank you message */
.thank-you-message {
    padding: 3rem 2rem;
    text-align: center;
}

.checkmark-circle {
    width: 80px;
    height: 80px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1.5rem;
}

.checkmark-circle .checkmark {
    border-radius: 5px;
    display: block;
    stroke-width: 6;
    stroke: var(--success);
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px var(--success);
    animation: fill-success 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
    position: relative;
    top: 30px;
    right: 5px;
    width: 38px;
    height: 22px;
    border-bottom: 6px solid var(--success);
    border-right: 6px solid var(--success);
    transform: rotate(45deg);
}

@keyframes fill-success {
    100% {
        box-shadow: inset 0px 0px 0px 30px var(--success);
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

/* Impact sidebar */
.impact-sidebar {
    flex: 2;
    background: linear-gradient(135deg, var(--primary-dark), var(--primary));
    color: var(--white);
    border-radius: 12px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 650px;
    position: sticky;
    top: 7rem;
}

.impact-sidebar p.imapactH2 {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	font-weight: 700;
}

.impact-item {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.impact-icon {
    font-size: 2rem;
    margin-right: 1rem;
    background-color: rgba(255, 255, 255, 0.15);
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
}

.impact-text p.impactH3 {
	font-size: 1.2rem;
	margin-bottom: 0.25rem;
	font-weight: 700;
	opacity: 1;
}

.impact-text p {
    opacity: 0.8;
    font-size: 0.9rem;
}

.impact-stats {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.stat {
    text-align: center;
}

.stat-number {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--white);
}

.stat-label {
    font-size: 0.9rem;
    opacity: 0.8;
}

/* Utility classes */
.hidden {
    display: none;
}

/* Responsive design */
@media (max-width: 1024px) {
    .bill-container {
        flex-direction: column;
        margin-top: -8rem;
    }

    .impact-sidebar {
        position: static;
        max-height: none;
    }
}

@media (max-width: 768px) {
    .input-row {
        flex-direction: column;
        gap: 0;
    }

    .bill-container {
        padding: 1rem;
    }

    .form-container {
        border-radius: 8px;
    }

    .form-header {
        padding: 1.5rem;
    }

    .bill-form {
        padding: 1.5rem;
    }

    .two-col-block {
        flex-direction: column;
    }

    .btn-check-units {
        padding-top: 10px;
    }

}

/* Bill Calc CSS End */

/* ======================================
   BLOG ARTICLE TYPOGRAPHY (SAFE & FINAL)
   Scope: Single post content only
   ====================================== */

article.post .entry-content {
  font-size: 16px;
  line-height: 1.75;
  color: #1f2937;
}

/* ---------- PARAGRAPHS ---------- */
article.post .entry-content p {
  margin: 0 0 1.2rem;
  font-size: 16px;
  line-height: 1.75;
  color: #1f2937;
}

/* Prevent theme from hiding <p> */
article.post .entry-content p:empty {
  display: none;
}

/* ---------- HEADINGS ---------- */
article.post .entry-content h1,
article.post .entry-content h2,
article.post .entry-content h3,
article.post .entry-content h4 {
  margin: 2rem 0 1rem;
  line-height: 1.3;
  color: #111827;
}

article.post .entry-content h2 {
  font-size: 28px;
}

article.post .entry-content h3 {
  font-size: 22px;
}

article.post .entry-content h4 {
  font-size: 18px;
}

/* ======================================
   BLOG ARTICLE LIST DESIGN
   Remove marker & add custom icon
   ====================================== */

/* Remove default bullets / numbers */
article.post .entry-content ul,
article.post .entry-content ol {
  list-style: none;
  margin: 1.2rem 0 1.6rem;
  padding: 0;
list-style:none;
}

/* List item base */
article.post .entry-content li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 0.6rem;
  font-size: 16px;
  line-height: 1.4;
  color: #1f2937;
}

/* Custom icon before LI */
article.post .entry-content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 8px;
  height: 8px;
  background-color: #019d9a;
  border-radius: 50%;
}

/* Nested list spacing */
article.post .entry-content li ul,
article.post .entry-content li ol {
  margin-top: 0.6rem;
}


/* Nested lists */
article.post .entry-content ul ul,
article.post .entry-content ol ol,
article.post .entry-content ul ol,
article.post .entry-content ol ul {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}

/* ---------- LINKS ---------- */
article.post .entry-content a {
  color: #019d9a;
  text-decoration: underline;
  transition: color 0.2s ease;
}

article.post .entry-content a:hover {
  color: #019d9a;
}

/* ---------- BLOCKQUOTE ---------- */
article.post .entry-content blockquote {
  margin: 2rem 0;
  padding: 1.2rem 1.5rem;
  border-left: 4px solid #019d9a;
  background: #f5f8ff;
  font-style: italic;
}

/* ---------- IMAGES ---------- */
article.post .entry-content img {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 1.5rem 0;
  border-radius: 8px;
}

/* ---------- OPTIONAL: ICON LIST ---------- */
article.post .entry-content ul.icon-list {
  list-style: none;
  margin-left: 0;
}

article.post .entry-content ul.icon-list li {
  position: relative;
  padding-left: 1.8rem;
}

article.post .entry-content ul.icon-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0.2em;
  color: #019d9a;
  font-size: 14px;
}
/* Hide empty paragraphs and &nbsp; paragraphs in blog articles */
article.post .entry-content p:empty,
article.post .entry-content p:has(br),
article.post .entry-content p {
  min-height: 0;
}

/* Specifically hide paragraphs that only contain &nbsp; */
article.post .entry-content p:has(> span:empty),
article.post .entry-content p:has(> span:only-child){
  display: none;
}

/* Fallback for most cases */
article.post .entry-content p {
  margin-bottom: 1rem;
}

article.post .entry-content p:empty,
article.post .entry-content p:not(:has(*)):not(:has(text())) {
  display: none;
}

.author_details_right ul.socialLinks li{
  padding:0;
}
.author_details_right ul.socialLinks li::before {
    display: none;
}

/* Leads Generation New Page CSS Start*/

.page-id-6177 header#masthead,
.page-id-6177 button#enciser-request-demo ,
.page-id-6177 .footer-wrapper .widget-two, .page-id-6177 .footer-wrapper .widget-three {
    display: none;
}

.page-id-6177 .footer-wrapper .widget-one {
    grid-area: 1 / 1 / span 1 / span 6;
	border-right: 1px solid rgb(255 255 255 / 20%);
	    border-bottom: 0;
}

.page-id-6177 .footer-wrapper .widget-four {
    grid-area: 1 / 7 / span 1 / span 6;
}
.lead-hero-banner {
	height: 100vh;
	min-height: clamp(1024px, 95vh, 1120px);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: flex-end;
}

/* Overlay */
.lead-hero-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.30), rgba(0,0,0,.1));
    z-index: 1;

}


.lead-video-banner,
.image-banner {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.lead-video-banner video,
.image-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.lead-hero-banner .lead-container {
	position: relative;
	z-index: 2;
	max-width: 1600px;
	width: 98%;
	margin: 0 auto;
	padding: 0.75rem 1.25rem;
	display: flex;
	justify-content: start;
	text-align: center;
}

.lead-hero-content {
max-width: 800px;
    color: #ffffff;
    text-align: left;
    background: transparent;
}

.lead-hero-title {
color: var(--white-color);
    font-size: clamp(19px, 4.65vw, 42px);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    font-family: var(--font-family);
    margin-bottom: 8px;
}
.subheading-per {
    display: block;
    font-size: clamp(16px, 2.65vw, 24px);
    line-height: 140%;
    margin-top: 6px;
    margin-bottom: 16px;
}

.lead-hero-subtitle {
    margin-bottom: clamp(20px, 3.95vw, 40px);
    color: #FFF;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.20);
    font-family: var(--font-family);
    font-size: clamp(16px, 1.95vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
/* .lead-hero-form {
    background: #f9f8ee;
    padding: 20px;
    border-radius: 12px;
} */

.image-banner {
    z-index: 1;
    width: 100%;
	height:96vh;
	display:none;
}

.image-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.lead-form .form-group input.wpcf7-form-control, .lead-form .form-group textarea.wpcf7-form-control {
    padding: 12px;
    height: 48px;
    line-height: 100%;
	color:#ffffff;
}

.lead-title-form {
    grid-column: 1 / -1;
    position: relative;
    font-weight: 500;
	    font-size: clamp(16px, 2.65vw, 24px);
    line-height: 140%;
}

.lead-form .form-group span.wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    margin: 0;
}
.lead-form {
      display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    row-gap: 1rem;
    background: #c5c5c512;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
	max-width:700px;
}

.lead-hero-form form.wpcf7-form .wpcf7-response-output {
    border: none;
    padding: 0;
}

.lead-hero-form form.wpcf7-form.invalid .wpcf7-response-output {
    display: none;
}
.lead-form span.wpcf7-not-valid-tip {
    font-size: 12px;
    position: absolute;
}
/* Form group base */
.lead-form .form-group {
    display: flex;
    flex-direction: column;
}

/* Full width fields */
/* .lead-form .form-group.dd-flied-ld {
    grid-column: 1 / -1;
} */
.lead-form .form-group:nth-child(5),
.lead-form .form-group:last-child {
/*     grid-column: 1 / -1; */
	position:relative;
}
.lead-form .form-group:last-child {
	margin-top: 16px;
}

/* Labels */
.lead-form label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
    color: #ffffff;
}

/* Inputs */
.lead-form input,
.lead-form textarea {
    width: 100%;
    padding: 12px 14px;
    border-radius: 6px;
        border: 1px solid rgb(200 200 200 / 50%);
    background: #ffffff36;
    color: #ffffff;
    font-size: 14px;
}

/* Placeholder */
.lead-form input::placeholder,
.lead-form textarea::placeholder {
    color: #ffff;
	opacity:0.5;
}

/* Textarea height */
.lead-form textarea {
    min-height: 120px;
    resize: vertical;
}

/* Submit button */
#primary .lead-form .wpcf7-submit {
	padding: 12px 28px !important;
	border-radius: 6px !important;
	font-size: 15px;
	cursor: pointer;
	width: 100%;
	max-width: 220px;
	border: none;
	    background: #009688 !important;
	font-weight: 600;
	line-height: 1.2 !important;
}
.submit-btngd {
    display: block;
    position: relative;
    width: 220px;
}
.lead-form .form-group.dd-flied-ld select.wpcf7-select {
    width: 100%;
    height: 48px;
    padding: 12px 44px 12px 14px; /* right space for arrow */
    border-radius: 6px;
            border: 1px solid rgb(200 200 200 / 50%);
    background: #ffffff36;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image:
        linear-gradient(45deg, transparent 50%, #ffff 50%),
        linear-gradient(135deg, #ffff 50%, transparent 50%);
    background-position:
        calc(100% - 22px) 50%,
        calc(100% - 16px) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

/* Hide default arrow in IE/Edge */
.lead-form .form-group.dd-flied-ld select.wpcf7-select::-ms-expand {
    display: none;
}
.lead-icon-badge-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 16px;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    max-width: 500px;
}

.lead-icon-badge {
background: oklch(0.63 0.11 192.37 / 0.3);
    text-align: center;
    padding: 8px 10px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    backdrop-filter: blur(8px);
}

.lead-icon-badge img {
    max-width: 20px;
    height: 20px;
}
.lead-icon-badge p {
    font-size: 13px;
}
.bottom-highlight-text {
    font-size: 14px;
    line-height: 140%;
}
/* Hide form fields after success */
.lead-hero-form .wpcf7-form.sent .lead-form {
    display: none;
}

/* Thank you message card */
.lead-hero-form .wpcf7-form.sent .wpcf7-response-output {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin: 0;
    padding: 24px;
    border: none;
    border-radius: 16px;
    background: linear-gradient(135deg, #e9fdf3, #f4fffa);
    color: #1b5e3c;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

/* Animated SVG icon before text */
.lead-hero-form .wpcf7-form.sent .wpcf7-response-output::before {
    content: "";
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    background-color: #22c55e;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'>\
<circle cx='26' cy='26' r='25' fill='none' stroke='%23ffffff' stroke-width='3' stroke-dasharray='157' stroke-dashoffset='157'>\
<animate attributeName='stroke-dashoffset' from='157' to='0' dur='0.4s' fill='freeze' />\
</circle>\
<path fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' d='M14 27 L23 36 L38 18' stroke-dasharray='48' stroke-dashoffset='48'>\
<animate attributeName='stroke-dashoffset' from='48' to='0' dur='0.3s' begin='0.4s' fill='freeze' />\
</path>\
</svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    animation: leadThankPop 0.35s ease-out;
}
.bottom-textht {
    grid-column: 1 / -1;
    position: relative;
    font-size: clamp(16px, 1.65vw, 18px);
    color: red;
    background: var(--green-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    line-height: 140%;
    font-family: var(--font-family);
}
/* Subtle pop animation */
@keyframes leadThankPop {
    0% { transform: scale(0.5); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

.banner-logo {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 9;
}
    .lead-hero-subtitle span.color-gradient {

        -webkit-text-fill-color: unset;
		color: #75E696;
    }
.image-banner-per-mobile {
    width: 100%;
    margin: 8px 0;              
    border-radius: 8px;         
    overflow: hidden;           
    position: relative;
}

.image-banner-per-mobile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.image-banner-per-mobile::after {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
    pointer-events: none;
}
/* Mobile optimization */
@media (min-width: 767px) {
.image-banner-per-mobile {
    display: none;
}
	.lead-hero-subtitle span.color-gradient {
    font-size: 24px;
}
}

@media (max-width: 767px) {
    .lead-hero-form .wpcf7-form.sent .wpcf7-response-output {
        padding: 18px;
        font-size: 15px;
    }
.banner-logo {
    top: 20px;
    left: 20px;
}.banner-logo img {
    height: 30px;
}
		.lead-hero-subtitle span.color-gradient {
    font-size: 18px;
}
    .lead-form {
		row-gap: 1.25rem;
        grid-template-columns: 1fr;
		        padding: 24px 20px;
        border: 1px solid rgb(200 200 200 / 50%);
        background: #00000036;
        border-radius: 6px;
    }
	.lead-icon-badge-col {
      gap: 0.75rem;
    margin-top: 40px;
    grid-template-columns: repeat(2, 1fr);
}
	.lead-icon-badge {
    padding: 6px 10px;
}
.lead-hero-banner .lead-container {
        width: 100%;
        padding:5.75rem 1rem;
        padding-bottom: 40px;
        background: #001c1c;
    }
	.lead-video-banner, .image-banner {
    position: unset;
		z-index: 1;
	}
	.lead-hero-banner {
    height: 100%;
    min-height: auto;
    flex-direction: column;
}
	.lead-hero-banner::before {
       background: none;
        z-index: 0;
}
	.lead-video-banner {
    width: 100%;
    overflow: hidden;
}

.lead-video-banner video {
    width: 100%;
    height: 65vw;
    object-fit: cover;
    object-position: 100% center; 
}
	.lead-hero-content {
    margin: 0 auto;
    padding: 0;
}
	#primary .lead-form .wpcf7-submit,
	.submit-btngd{
		width:100%;
			max-width: 100%;
	}
	.page-id-6177 .footer-wrapper .widget-four {
    grid-area: 3 / 1 / span 1 / span 2;
}
	.page-id-6177 .footer-wrapper .widget-one {
    grid-area: 1 / 1 / span 1 / span 12;
		border-right: 0;
		    border-bottom: 1px solid rgb(255 255 255 / 20%);
}
	.lead-hero-banner .image-banner {
    display: block;
    height: 450px;
}
	
	.image-banner-per-mobile img {
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}

.image-banner-per-mobile {
    width: 100%;
}
}



/* Leads Generation New Page CSS END*/