html,
body {
    min-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px));
}

body,
.site {
    display: flex;
    flex-direction: column;
}

.site {
    min-height: 100%;
    flex: 1;
}

.site-header,
.popup,
.site-footer {
    flex: none;
}

.twik-main-content {
    flex: 1;
}

/* =========================================================================
 * Component: Embla Carousel START
 * ========================================================================= */
.embla {
    --slide-height: 19rem;
    --slide-spacing: 1rem;
    --slide-size: 45%;
}

.embla__viewport {
    overflow: hidden;
}

.embla__container {
    backface-visibility: hidden;
    display: flex;
    touch-action: pan-y pinch-zoom;
    margin-inline-start: calc(var(--slide-spacing) * -1);
}

.embla__slide {
    flex: 0 0 var(--slide-size);
    min-width: 0;
    padding-inline-start: var(--slide-spacing);
}
/* =========================================================================
 * Component: Embla Carousel END
 * ========================================================================= */

/* =========================================================================
 * Component: Section Modern START
 * ========================================================================= */
.section-modern {
    --section-color-background: transparent;
    --section-color-text: #404040;
    --section-color-subtitle: #6D6D6D;

    padding-block: 4rem;
    margin-block-end: 0.5rem;

    background-color: var(--section-color-background);
    color: var(--section-color-text);
}

.section-modern--theme-green {
    --section-color-background: var(--Primary-Primary-Green, #028970);
    --section-color-text: #fff;
    --section-color-subtitle: #fff;
}

.section-modern__headline {
    text-align: center;

    margin-block-end: 3rem;

    display: flex;
    flex-direction: column;

    gap: 1rem;
}

.section-modern-overline-label {
    display: inline-block;
    vertical-align: top;

    padding: 0.25rem 1rem;
    border-radius: 4rem;

    background: var(--Shades-White-BG, #FDFDFD);

    /* Elevation/App/Card Shadow/Grey */
    box-shadow:
        0rem 0.125rem 0.5rem 0rem rgba(40, 41, 61, 0.08),
        -0.9375rem 1.375rem 3.375rem 0rem rgba(96, 97, 112, 0.07);

    text-transform: uppercase;

    color: var(--Shades-Inactive-Grey, #6D6D6D);

    /* Work Sans/Desktop/Body 2/Regular */
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
}

.section-modern-title {
    /* Work Sans/Desktop/H1/Medium */
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 125%; /* 40px */

    margin-block: 0;
}

.section-modern-special-title {
    /* Work Sans/Desktop/Subtitle 2/Medium */
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */

    margin-block: 0;
}

.section-modern__subtitle > * {
    margin-block: 0;
}

.section-modern__subtitle > * + * {
    margin-block-start: 1em;
}

.section-modern__subtitle {
    color: var(--section-color-subtitle);

    /* Work Sans/Desktop/H4/Regular */
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.015rem;

    width: 100%;
    max-width: 56.25rem;
    margin-inline: auto;
}

.section-modern__subtitle br {
    display: none;
}

.section-modern--highlights .section-modern-title ._separator {
    font-size: 0;
    line-height: 0;
    display: block;
}

.section-modern--highlights .section-modern__headline {
    margin-block-end: 4rem;
}

.section-modern--video_testimonials {
    padding-block: 0 2.75rem;
}

.section-modern--personalization {
    padding-block-end: 0;
}

.section-modern--personalization .pro-tm {
    margin-block-end: 0;
}

.section-modern--personalization .section-modern__content {
    display: flex;
    flex-direction: column-reverse;
}

@media (min-width:768px) {
    .section-modern--personalization {
        padding-block-end: 4rem;
    }

    .section-modern--personalization .section-modern__content {
        display: block;
    }
}

@media (min-width: 992px) {
    .section-modern {
        margin-block-end: 1rem;
    }

    .section-modern-title {
        /* Work Sans/Desktop/md-header/Semibold */
        font-size: 2.5rem;
        font-weight: 600;
        line-height: 125%; /* 50px */
        letter-spacing: -0.05rem;
    }

    .section-modern-special-title {
        /* Work Sans/Desktop/Subtitle 1/Medium */
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 27px */
    }

    .section-modern__subtitle {
        /* Work Sans/Desktop/Subtitle 1/Regular */
        font-size: 1.125rem;
        line-height: 150%; /* 27px */
    }

    .section-modern__subtitle br {
        display: initial;
    }

    .section-modern--highlights .section-modern-title ._separator {
        font-size: inherit;
        line-height: inherit;
        display: initial;
    }
}

@media (min-width: 1200px) {
    .section-modern {
        margin-block-end: 2rem;
    }

    .section-modern__headline {
        margin-block-end: 4rem;
    }

    .section-modern--highlights .section-modern__headline {
        margin-block-end: 6rem;
    }

    .section-modern--video_testimonials {
        margin-block-end: 4.25rem;
    }

    .section-modern--pricing {
        margin-block-end: 2.75rem;
    }
}
/* =========================================================================
 * Component: Section Modern END
 * ========================================================================= */

/* =========================================================================
 * Component: Hero Lithium END
 * ========================================================================= */
 .hero-lithium {
    margin-block-end: 6.375rem;
}

.hero-lithium__head {
    position: relative;
    padding-block: calc(2rem + var(--hydro-header-height, 0px) + var(--wp-admin--admin-bar--height, 0px)) 4.5rem;

    background: var(--white-100, #FFF);

    /* Elevation/App/Card Shadow/XL Shadow */
    box-shadow:
        0rem 6.25rem 5rem 0rem rgba(0, 0, 0, 0.07),
        0rem 2.6111rem 2.0889rem 0rem rgba(0, 0, 0, 0.05),
        0rem 1.396rem 1.1168rem 0rem rgba(0, 0, 0, 0.04),
        0rem 0.7826rem 0.6261rem 0rem rgba(0, 0, 0, 0.04),
        0rem 0.4156rem 0.3325rem 0rem rgba(0, 0, 0, 0.03),
        0rem 0.1729rem 0.1384rem 0rem rgba(0, 0, 0, 0.02);
}

.hero-lithium__head-content {
    position: relative;
    z-index: 20;

    display: flex;
    flex-direction: column;

    gap: 2rem;
}

.hero-lithium-title {
    color: var(--shades-dark-grey);
    text-align: center;

    /* Work Sans/Desktop/H1/Medium */
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 125%; /* 40px */

    margin-block: 0;
}

.hero-lithium-hint > *,
.hero-lithium-desc > * {
    margin-block: 0;
}

.hero-lithium-hint > * + *,
.hero-lithium-desc > * + * {
    margin-block-start: 1em;
}

.hero-lithium-hint {
    color: var(--Shades-Inactive-Grey, #6D6D6D);
    text-align: center;

    /* Work Sans/Desktop/Subtitle 2/Regular */
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */

    margin-block-start: 0.5rem;
}

.hero-lithium-hint--desktop {
    display: none;
}

.hero-lithium__buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.hero-lithium__buttons .twik-btn {
    width: 100%;
    text-align: center;
}

.hero-lithium-desc {
    color: var(--Shades-Inactive-Grey, #6D6D6D);

    /* Work Sans/Desktop/Body 1/Regular */
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}

.hero-lithium-desc ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    margin: 0;
    padding: 0;
    list-style-type: none;
}

.hero-lithium-desc ul li {
    position: relative;

    padding-inline-start: 1.25rem;
}

.hero-lithium-desc ul li:before {
    content: '';
    position: absolute;

    inset-block-start: 0.375rem;
    inset-inline-start: 0;

    width: 0.75rem;
    height: 0.5713rem;

    background-image: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4487 0.351469C16.9173 0.820106 16.9173 1.5799 16.4487 2.04854L6.8486 11.6485C6.38 12.1172 5.62017 12.1172 5.15153 11.6485L0.351472 6.84854C-0.117157 6.37994 -0.117157 5.62009 0.351472 5.15149C0.820114 4.68289 1.57992 4.68289 2.04856 5.15149L6.00007 9.10298L14.7517 0.351469C15.2203 -0.117156 15.9801 -0.117156 16.4487 0.351469Z' fill='%236D6D6D' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.hero-lithium__video {
    position: relative;
    z-index: 25;
    margin-block-start: -2.75rem;
}

.hero-lithium-video {
    position: relative;
    overflow: hidden;

    border-radius: 0.5514rem;
    background: var(--Shades-Light-White, #F7F7F7);

    box-shadow:
        0rem 0.1379rem 0.5514rem 0rem rgba(40, 41, 61, 0.08),
        -1.0339rem 1.5165rem 3.7222rem 0rem rgba(96, 97, 112, 0.07);
}

.hero-lithium-video__file {
    margin: -0.0625rem;
    min-width: 100%;
    max-width: 100%;
    vertical-align: top;
}

.hero-lithium-video-btn {
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;

    cursor: pointer;

    position: absolute;
    z-index: 10;

    inset-block-end: 1rem;
    inset-inline-start: 1rem;

    padding: 0.5rem;

    font-size: 0;
    line-height: 0;

    border-radius: 0.5rem;
    background: var(--white-100, #FFF);

    /* Elevation/App/Card Shadow/Grey */
    box-shadow:
        0rem 0.125rem 0.5rem 0rem rgba(40, 41, 61, 0.08),
        -0.9375rem 1.375rem 3.375rem 0rem rgba(96, 97, 112, 0.07);

    transition: opacity 300ms ease-in-out;
}

.is-interacted .hero-lithium-video-btn {
    opacity: 0;
    pointer-events: none;
}

.hero-lithium-video-btn * {
    pointer-events: none;
}

.hero-lithium-video-btn__icon {
    display: inline-block;
    vertical-align: top;

    width: 1.5rem;
    height: 1.5rem;
}

.hero-lithium-video-btn__icon path {
    fill: currentColor;
}

.hero-lithium-video-btn ._unmute {
    display: inline-block;
}

.hero-lithium-video-btn ._mute {
    display: none;
}

.hero-lithium-video-btn.is-muted ._unmute {
    display: none;
}

.hero-lithium-video-btn.is-muted ._mute {
    display: inline-block;
}

.hero-lithium-bgi {
    position: absolute;

    pointer-events: none;

    z-index: 10;
}

.hero-lithium-bgi--mobile-l {
    inset-inline-start: 0;
    inset-block-end: 0;
}

.hero-lithium-bgi--mobile-r {
    inset-inline-end: 0;
    inset-block-start: 0;
}

.hero-lithium-bgi--desktop {
    display: none;
}

@media (min-width: 768px) {

    .hero-lithium-hint--desktop {
        display: block;
    }

    .hero-lithium-hint--mobile {
        display: none;
    }

    .hero-lithium__buttons {
        flex-direction: row;
        justify-content: center;
        gap: 1.875rem;
    }

    .hero-lithium__buttons .twik-btn {
        width: auto;
    }

    .hero-lithium-desc ul {
        justify-content: center;
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .hero-lithium-title {
        /* Work Sans/Desktop/lg-header/Semibold */
        font-size: 3rem;
        font-style: normal;
        font-weight: 600;
        line-height: 125%; /* 60px */
        letter-spacing: -0.06rem;
    }

    .hero-lithium-hint {
        color: var(--Shades-Dark-Grey, #343434);

        /* Work Sans/Desktop/Subtitle 1/Regular */
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
    }

    .hero-lithium-desc ul {
        gap: 1.5rem;
    }

    .hero-lithium-desc ul li {
        padding-inline-start: 1.5rem;
    }

    .hero-lithium-desc ul li:before {
        inset-block-start: 0.25rem;
        width: 1rem;
        height: 0.7612rem;
    }
}

@media (min-width: 1200px) {
    .hero-lithium {
        margin-block-end: 6.75rem;
    }

    .hero-lithium__head {
        padding-block: calc(var(--hydro-header-height, 0px) + 4rem) 11.5rem;

        min-height: 78vh;
        max-height: 45.625rem;

        display: flex;
        flex-direction: column;
        justify-content: center;

        /* Elevation/App/Card Shadow/Grey */
        box-shadow:
            0rem 0.125rem 0.5rem 0rem rgba(40, 41, 61, 0.08),
            -0.9375rem 1.375rem 3.375rem 0rem rgba(96, 97, 112, 0.07);
    }

    .hero-lithium__video {
        margin-block-start: -7.5rem;
    }

    .hero-lithium-video {
        border-radius: 1rem;
        box-shadow:
            0rem 0.125rem 0.5rem 0rem rgba(40, 41, 61, 0.08),
            -0.9375rem 1.375rem 3.375rem 0rem rgba(96, 97, 112, 0.07);
    }

    .hero-lithium-bgi--mobile {
        display: none;
    }

    .hero-lithium-bgi--desktop {
        display: block;
    }

    .hero-lithium-bgi--desktop-l {
        inset-inline-start: 0;
        inset-block-start: 0;
    }

    .hero-lithium-bgi--desktop-r {
        inset-inline-end: 0;
        inset-block-end: 0;
    }
}
/* =========================================================================
 * Component: Hero Lithium END
 * ========================================================================= */

/* =========================================================================
 * Component: Logos Carousel START
 * ========================================================================= */
.lithium-logos-carousel {
    margin-block-end: 6rem;
    pointer-events: none;
    user-select: none;

    mask-image: linear-gradient(to right,#000 calc(100% - 2rem),transparent calc(100% - .625rem))
}

.lithium-logos-carousel__content {
    mask-image: linear-gradient(to left,#000 calc(100% - 2rem),transparent calc(100% - .625rem))
}

.lithium-logos-carousel .embla {
    --slide-spacing: 2rem;
}

.lithium-logos-carousel__slide {
    flex: 1 0 auto;
}

.lithium-logo-slide {
    width: auto;
    max-width: none;
    height: 2.625rem;
    vertical-align: top;
}

@media (min-width: 768px) {
    .lithium-logos-carousel {
        mask-image: linear-gradient(to right,#000 calc(100% - 5rem),transparent calc(100% - .625rem))
    }

    .lithium-logos-carousel__content {
        mask-image: linear-gradient(to left,#000 calc(100% - 5rem),transparent calc(100% - .625rem))
    }

    .lithium-logos-carousel .embla {
        --slide-spacing: 4rem;
    }
}

@media (min-width: 1200px) {
    .lithium-logos-carousel {
        margin-block-end: 6.75rem;
    }

    .lithium-logos-carousel .embla {
        --slide-spacing: 6rem;
    }
}
/* =========================================================================
 * Component: Logos Carousel END
 * ========================================================================= */

/* =========================================================================
 * Component: Product TM START
 * ========================================================================= */
.pro-tm {
    position: relative;

    margin-block-end: 3rem;
}

.pro-tm__content {
    position: relative;
}

.pro-tm-steps {
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding-block: 1.25rem;

    margin-top: 2rem;
}

.pro-tm-step {
    appearance: none;
    margin: 0;
    padding: 0;
    border: none;
    background: none;

    flex: 0 0 .5rem;
    width: .5rem;
    height: .5rem;

    border-radius: 50%;

    background-color: var(--shades-black-25, #ACACAC);

    transition: background-color 300ms linear;
}

.pro-tm-step.active {
    background-color: var(--white-100, #FFF);
}

.page-template-page-home-v3 .pro-tm-steps {
    margin-block-start: -0.25rem;
}

.page-template-page-home-v3 .pro-info-cards {
    gap: 1rem;
}

.pro-tm-tablet {
    position: relative;

    padding: clamp(.5rem, 1.4vw, 1rem);

    border-radius: clamp(.25rem, 1.4vw, .5466rem);
    background: var(--Shades-Light-White, #F7F7F7);
    box-shadow:
        -.3893rem .571rem 1.4015rem 0 rgba(96, 97, 112, 0.07),
        0 .0519rem .2076rem 0 rgba(40, 41, 61, 0.08);
}

.pro-tm-tablet__content {
    position: relative;
    width: 100%;
}

.pro-tm-device-header {
    position: absolute;

    width: auto;
    height: .125rem;

    inset-block-start: .125rem;
    inset-inline-start: 50%;
    transform: translateX(-50%);
}

.pro-tm-mobile {
    display: none;

    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;

    width: 30%;
    height: 100%;

    padding: .75rem;

    border-radius: 1rem;
    background: var(--Shades-Light-White, #F7F7F7);
    box-shadow:
        -0.2106rem 0 .5429rem 0 rgba(0, 0, 0, 0.02),
        -0.9625rem 0 1.5259rem 0 rgba(0, 0, 0, 0.04),
        -2.4363rem 0 4.0936rem 0 rgba(0, 0, 0, 0.05),
        -4.8125rem 0 9.3902rem 0 rgba(0, 0, 0, 0.07);
}

.pro-tm-mobile--scroller {
    padding: .5rem;
}

.pro-tm-mobile__content {
    position: relative;
    width: 100%;
    height: 100%;
}

.pro-tm-device-screen {
    vertical-align: top;

    width: 100%;
    height: 100%;

    vertical-align: top;

    border-radius: clamp(.3427rem, 1.4vw, .4888rem);
    border: .0625rem solid var(--Primary-Green-Grey, #CED9D8);
}

.pro-tm-device-screen--tablet {
    display: none;
}

.pro-tm-device-screen--mobile {
    position: absolute;

    inset-inline-start: 0;
    inset-block-start: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: top center;
}

.pro-tm-mobile-screens {
    position: relative;
}

.pro-tm-mobile-screen {
    opacity: 0;

    transition: opacity 300ms;
}

.pro-tm-mobile-screen:not(:first-child) {
    position: absolute;

    inset-inline-start: 0;
    inset-block-start: 0;

    width: 100%;
}

.pro-tm-mobile-screen.active {
    opacity: 1;
}

.pro-tm-magnifiers {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    width: 100%;
    height: 100%;

    padding: clamp(.5rem, 1.4vw, 1rem);
}

.pro-tm-magnifiers__content {
    position: relative;
    width: 100%;
    height: 100%;
}

.pro-tm-magnifier {
    position: absolute;

    z-index: 50;

    text-align: center;

    display: flex;
    align-items: center;
    opacity: 0;

    transform: translate(-50%, -50%);

    transition: opacity 300ms;
}

.pro-tm-magnifier__hint {
    position: absolute;

    inset-block-start: calc(100% + 1rem);
    inset-inline-start: 50%;

    transform: translateX(-50%);

    white-space: nowrap;

    text-align: center;

    color: var(--white-100, #FFF);
    text-align: center;
    /* Work Sans/Desktop/Body 1/Regular */

    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */

    padding: .5rem 1rem;

    border-radius: .25rem;
    background: var(--Secondary-Deep-Blue-800, #0F1F67);
    /* Elevation/App/Card Shadow/Grey */
    box-shadow:
        -0.9375rem 1.375rem 3.375rem 0 rgba(96, 97, 112, 0.07),
        0 .125rem .5rem 0 rgba(40, 41, 61, 0.08);
}

.pro-tm-magnifier__hint:before {
    content: '';

    position: absolute;

    width: .375rem;
    height: .375rem;

    border-radius: 50%;

    inset-inline-start: 50%;
    inset-block-start: 0;

    background-color: var(--Shades-Inactive-Grey, #6D6D6D);

    transform: translate(-50%, -50%);
}

.pro-tm-magnifier__hint:after {
    content: '';
    position: absolute;

    width: .0625rem;
    height: 0;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='321' viewBox='0 0 2 321' fill='none'%3E%3Cpath d='M1 0L1.00001 321' stroke='%236D6D6D' stroke-dasharray='5 5'/%3E%3C/svg%3E");

    inset-block-end: 100%;

    inset-inline-start: 50%;
    transform: translateX(-50%);

    transition: height 300ms linear;
}

.pro-tm-magnifier:nth-child(1) {
    inset-inline-start: 59%;
    inset-block-start: 41%;
}

.pro-tm-magnifier:nth-child(2) {
    inset-inline-start: 63.9%;
    inset-block-start: 64.2%;
}

.pro-tm-magnifier:nth-child(3) {
    inset-inline-start: 41%;
    inset-block-start: 82.6%;
}

.pro-tm-magnifier:nth-child(2) .pro-tm-magnifier__hint,
.pro-tm-magnifier:nth-child(3) .pro-tm-magnifier__hint {
    inset-block-start: auto;
    inset-block-end: calc(100% + 1rem);
}

.pro-tm-magnifier:nth-child(2) .pro-tm-magnifier__hint:before,
.pro-tm-magnifier:nth-child(3) .pro-tm-magnifier__hint:before {
    inset-block-start: auto;
    inset-block-end: -.375rem;
}

.pro-tm-magnifier:nth-child(2) .pro-tm-magnifier__hint:after,
.pro-tm-magnifier:nth-child(3) .pro-tm-magnifier__hint:after {
    inset-block-end: auto;
    inset-block-start: 100%;
}

.pro-tm-magnifier__lens {
    position: relative;

    display: inline-block;
    vertical-align: top;

    width: 8.75rem;
    height: 8.75rem;

    overflow: hidden;

    border-radius: 50%;

    background: #FFF;
    box-shadow:
        0px 6.406px 5.125px 0px rgba(0, 0, 0, 0.02),
        0px 15.394px 12.315px 0px rgba(0, 0, 0, 0.03),
        0px 28.985px 23.188px 0px rgba(0, 0, 0, 0.04),
        0px 51.704px 41.364px 0px rgba(0, 0, 0, 0.04),
        0px 96.708px 77.366px 0px rgba(0, 0, 0, 0.05),
        0px 231.482px 185.185px 0px rgba(0, 0, 0, 0.07);

    transform: scale(0);

    transition: transform 300ms ease-in-out;
}

.pro-tm-magnifier__lens:before {
    content: '';

    z-index: 20;

    position: absolute;

    inset-inline-start: 0;
    inset-block-start: 0;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    box-shadow: 0px 0px 22.552px 7.517px rgba(0, 0, 0, 0.25) inset;
}

.pro-tm-magnifier__img {
    position: absolute;

    z-index: 10;

    inset-inline-start: 0;
    inset-block-start: 0;

    width: 100%;
    height: 100%;

    max-width: none;

    object-fit: cover;
}

.pro-tm-magnifier.active {
    opacity: 1;
}

.pro-tm-magnifier.active .pro-tm-magnifier__hint:after {
    height: calc(1rem + 4.375rem);
}

.pro-tm-magnifier.active .pro-tm-magnifier__lens {
    transform: scale(1);
}

@media (min-width: 768px) {
    .pro-tm-device-header {
        height: .1875rem;
        inset-block-start: .25rem;
    }

    .pro-tm-mobile,
    .pro-tm-device-screen--tablet {
        display: block;
    }

    .pro-tm-mobile-screens {
        display: none;
    }

    .pro-tm__content {
        padding-inline-end: 10.1%;
        padding-block: 0.9375rem;
    }

    .pro-tm-magnifiers {
        padding-block: calc(clamp(0.5rem, 1.4vw, 1rem) + 0.9375rem);
    }

    .pro-tm-magnifier__lens {
        width: 15.625rem;
        height: 15.625rem;
    }

    .pro-tm-magnifier:nth-child(2).active .pro-tm-magnifier__hint:after {
        height: calc(1rem + 7.8125rem);
    }

    .pro-tm-magnifier:nth-child(1) {
        inset-inline-start: 41%;
        inset-block-start: 64%;
    }

    .pro-tm-magnifier:nth-child(2) {
        inset-inline-start: 62.9%;
        inset-block-start: 61.2%;
    }

    .pro-tm-magnifier:nth-child(2) .pro-tm-magnifier__lens {
        width: 14.375rem;
        height: 14.375rem;
    }

    .pro-tm-magnifier:nth-child(2).active .pro-tm-magnifier__hint:after {
        height: calc(1rem + 7.1875rem);
    }

    .pro-tm-magnifier:nth-child(3) {
        inset-inline-start: 86.5%;
        inset-block-start: 83.6%;
    }

    .pro-tm-magnifier:nth-child(3) .pro-tm-magnifier__lens {
        width: 13.75rem;
        height: 13.75rem;
    }

    .pro-tm-magnifier:nth-child(3).active .pro-tm-magnifier__hint:after {
        height: calc(1rem + 6.875rem);
    }
}

@media (min-width: 1024px) {
    .pro-tm-device-header {
        height: .25rem;
        inset-block-start: .375rem;
    }

    .pro-tm-steps {
        padding: 1rem;
        border-radius: 1rem;
        background: var(--white-100, #FFF);

        box-shadow:
            -0.9375rem 1.375rem 3.375rem 0 rgba(96, 97, 112, 0.07),
            0 .125rem .5rem 0 rgba(40, 41, 61, 0.08);

        flex-direction: column;

        position: absolute;

        inset-block-start: 50%;
        transform: translateY(-50%);

        inset-inline-start: calc(100% + 1.5rem);

        margin-top: 0;
    }

    .pro-tm-step {
        background-color: var(--shades-black-50, #7E7E7E);
    }

    .pro-tm-step.active {
        background-color: var(--Shades-Darker-Grey, #2C2C2C);
    }

    .page-template-page-home-v3 .pro-tm {
        margin-block-end: 3rem;
    }

    .page-template-page-home-v3 .pro-tm-steps {
        display: none;
    }
}

@media (min-width: 1200px) {
    .pro-tm-magnifier__hint {
        /* Work Sans/Desktop/Subtitle 2/Regular */
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
    }

    .pro-tm-magnifier:nth-child(1) .pro-tm-magnifier__hint,
    .pro-tm-magnifier:nth-child(2) .pro-tm-magnifier__hint {
        inset-block-start: auto;
        inset-block-end: calc(100% + 2rem);
    }

    .pro-tm-magnifier:nth-child(1) .pro-tm-magnifier__hint:before {
        inset-block-start: auto;
        inset-block-end: -0.375rem;
    }

    .pro-tm-magnifier:nth-child(1) .pro-tm-magnifier__hint:after {
        inset-block-end: auto;
        inset-block-start: 100%;
    }

    .pro-tm-magnifier:nth-child(1) .pro-tm-magnifier__hint {
        width: 16.375rem;
    }

    .pro-tm-magnifier:nth-child(2) .pro-tm-magnifier__hint {
        width: 14.875rem;
    }

    .pro-tm-magnifier:nth-child(3) .pro-tm-magnifier__hint {
        inset-block-start: auto;
        inset-block-end: calc(100% + 4rem);

        width: 14.625rem;
    }

    .page-template-page-home-v3 .pro-info-cards {
        gap: 4rem;
    }
}

@media (min-width: 1400px) {
    .pro-tm__content {
        padding-inline-end: 13.75rem;
    }

    .pro-tm-steps {
        inset-inline-start: calc(100% + 2rem);
    }

    .pro-tm-mobile {
        width: 15.9375rem;
    }

    .pro-tm-magnifier:nth-child(1) {
        inset-inline-start: 40.8%;
        inset-block-start: 62%;
    }

    .pro-tm-magnifier:nth-child(1) .pro-tm-magnifier__hint {
        width: 18.375rem;
    }

    .pro-tm-magnifier:nth-child(2) {
        inset-inline-start: 51.1%;
        inset-block-start: 64.2%;
    }

    .pro-tm-magnifier:nth-child(2) .pro-tm-magnifier__hint {
        width: 16.875rem;
    }

    .pro-tm-magnifier:nth-child(3) {
        inset-inline-start: 88.3%;
        inset-block-start: 83.6%;
    }

    .pro-tm-magnifier:nth-child(3) .pro-tm-magnifier__hint {
        width: 14.75rem;
    }
}

.pro-tm-scroller-window {
    --scroller-border-color: var(--Primary-Green-Grey, #CED9D8);
    --scroller-background-color: var(--Shades-Light-White, #F7F7F7);

    height: 100%;

    display: grid;
    grid-template-rows: auto 1fr;

    border-radius: .5rem;
    border: .0625rem solid var(--scroller-border-color);
    overflow: hidden;
}

.pro-tm-scroller-window__head {
    background-color: var(--scroller-background-color);
}

.pro-tm-scroller-window__head-img {
    width: 100%;
    height: auto;
    max-width: none;

    vertical-align: top;

    border-bottom: .0625rem solid var(--scroller-border-color);

    box-shadow:
        -0.63rem .924rem 2.268rem 0 rgba(96, 97, 112, 0.07),
        0 .084rem .336rem 0 rgba(40, 41, 61, 0.08);
}

.pro-tm-scroller-window__body {
    min-height: 0;
}

.pro-tm-scroller-window__title {
    padding: .5rem 1rem;
    color: var(--Shades-Dark-Grey, #343434);
    font-size: .745rem;
    font-style: normal;
    font-weight: 500;
    line-height: 125%; /* 14.9px */
    letter-spacing: -0.0112rem;
}

.pro-tm-scroller-window__title:after {
    content: '';
    display: inline-block;
    vertical-align: top;

    width: .8514rem;
    height: .8514rem;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_6201_88936)'%3E%3Cpath d='M7.1805 5.39151H8.08867V6.29968H7.1805V5.39151ZM7.1805 7.20785H8.08867V9.93235H7.1805V7.20785ZM7.63459 3.12109C5.12805 3.12109 3.09375 5.15539 3.09375 7.66193C3.09375 10.1685 5.12805 12.2028 7.63459 12.2028C10.1411 12.2028 12.1754 10.1685 12.1754 7.66193C12.1754 5.15539 10.1411 3.12109 7.63459 3.12109ZM7.63459 11.2946C5.63208 11.2946 4.00192 9.66444 4.00192 7.66193C4.00192 5.65942 5.63208 4.02926 7.63459 4.02926C9.6371 4.02926 11.2673 5.65942 11.2673 7.66193C11.2673 9.66444 9.6371 11.2946 7.63459 11.2946Z' fill='%236D6D6D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6201_88936'%3E%3Crect width='13.6225' height='13.6225' fill='white' transform='translate(0 0.308594)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.pro-tm-scrollers {
    height: 100%;
}

.pro-tm-scrollers .swiper-wrapper {
    position: relative;
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.pro-tm-scrollers .vertical-marquee-inner {
    flex-direction: column;
}

.pro-tm-scrollers .embla__viewport {
    overflow: hidden;
    height: 100%;
}

.pro-tm-scrollers .embla__container {
    backface-visibility: hidden;
    touch-action: pan-x;

    display: flex;
    flex-direction: column;
    margin-inline: 0;

    height: 100%;
}

.pro-tm-scrollers .embla__container:active {
    cursor: grabbing;
}

.pro-tm-scrollers .embla__slide {
    position: relative;

    padding-inline: .4375rem;

    min-height: 0;
    box-sizing: border-box;

    padding-bottom: 1rem;
}

.pro-tm-scrollers .embla__slide--last {
    padding: 0;
}

.pro-tm-scroller {
    display: flex;
    flex-direction: column;

    gap: 1rem;

    padding: 1rem;

    border-radius: 1rem;
    border: .0625rem solid var(--Primary-Green-Grey, #CED9D8);
    background: var(--white-100, #FFF);
    box-shadow:
        -0.6887rem 1.0102rem 2.4796rem 0 rgba(96, 97, 112, 0.07),
        0 .0918rem .3674rem 0 rgba(40, 41, 61, 0.08);

    pointer-events: none;
    user-select: none;
    cursor: auto;
}

.pro-tm-scroller__head {
    position: relative;
    padding-inline-end: 1.5rem;

    color: var(--Shades-Dark-Grey, #343434);
    /* Work Sans/Desktop/Body 2/Medium */
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 18px */
}

.pro-tm-scroller__head:after {
    content: '';

    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;


    width: 1.1021rem;
    height: 1.1021rem;

    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='See More'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M7.71436 13.4068C7.71436 13.0171 7.86917 12.6434 8.14473 12.3678C8.42029 12.0922 8.79404 11.9374 9.18374 11.9374C9.57345 11.9374 9.94719 12.0922 10.2228 12.3678C10.4983 12.6434 10.6531 13.0171 10.6531 13.4068C10.6531 13.7965 10.4983 14.1703 10.2228 14.4458C9.94719 14.7214 9.57345 14.8762 9.18374 14.8762C8.79404 14.8762 8.42029 14.7214 8.14473 14.4458C7.86917 14.1703 7.71436 13.7965 7.71436 13.4068ZM7.71436 4.59048C7.71436 4.20078 7.86917 3.82703 8.14473 3.55147C8.42029 3.2759 8.79404 3.12109 9.18374 3.12109C9.57345 3.12109 9.94719 3.2759 10.2228 3.55147C10.4983 3.82703 10.6531 4.20078 10.6531 4.59048C10.6531 4.98019 10.4983 5.35393 10.2228 5.6295C9.94719 5.90506 9.57345 6.05987 9.18374 6.05987C8.79404 6.05987 8.42029 5.90506 8.14473 5.6295C7.86917 5.35393 7.71436 4.98019 7.71436 4.59048ZM7.71436 8.86581C7.71436 8.47611 7.86917 8.10236 8.14473 7.8268C8.42029 7.55123 8.79404 7.39642 9.18374 7.39642C9.57345 7.39642 9.94719 7.55123 10.2228 7.8268C10.4983 8.10236 10.6531 8.47611 10.6531 8.86581C10.6531 9.25552 10.4983 9.62926 10.2228 9.90483C9.94719 10.1804 9.57345 10.3352 9.18374 10.3352C8.79404 10.3352 8.42029 10.1804 8.14473 9.90483C7.86917 9.62926 7.71436 9.25552 7.71436 8.86581Z' fill='%232C2C2C'/%3E%3C/g%3E%3C/svg%3E%0A");

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pro-tm-scroller__img {
    width: 100%;
    height: auto;
    max-width: none;
    vertical-align: top;
}

.pro-tm-scroller__text {
    color: var(--Shades-Inactive-Grey, #6D6D6D);

    /* Work Sans/Desktop/Caption 1/Regular */
    font-size: .625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 12.5px */
}

.pro-tm-scroller__footer {
    line-height: 1;
}

.pro-tm-scroller__footer-img {
    width: 100%;
    max-width: none;
    height: auto;
    vertical-align: top;
}

.pro-tm-scroller-last-image {
    width: 100%;
    max-width: none;
    height: auto;
    vertical-align: top;
}

.pro-tm--personal {
    overflow: hidden;
    margin-inline: -1rem;
    margin-block: -2.375rem 0;
    padding-block-start: 2.375rem;

}

.pro-tm-personal-ribbon {
    pointer-events: none;

    position: absolute;

    /* inset-inline-start: -1.125rem;
    inset-block-start: -.1875rem; */

    inset-inline-start: 50%;
    inset-block-start: 0;

    overflow: hidden;

    display: block;

    width: 8.75rem;
    height: 8.75rem;

    inset-block-start: -2rem;
    transform: translate(-50%, 0) rotate(45deg);
    z-index: 20;

    opacity: 0;

    transition: opacity 300ms ease-in-out
}

.has-ribbon .pro-tm-personal-ribbon {
    opacity: 1;
}

.pro-tm-personal-ribbon::before,
.pro-tm-personal-ribbon::after {
    position: absolute;
    z-index: 5;
    content: '';
    display: block;
    border: .5625rem solid #0D443C;

    border-top-color: transparent;
    border-left-color: transparent;
}

.pro-tm-personal-ribbon::before {
    inset-inline-end: 0;
    inset-block-start: 0;
}

.pro-tm-personal-ribbon::after {
    inset-inline-start: 0;
    inset-block-end: 0;
}

.pro-tm-personal-ribbon__line-wrap {
    position: absolute;
    z-index: 20;

    inset-block-start: 50%;
    inset-inline-start: 50%;

    transform: translate(-50%, -50%) rotate(-45deg);
}

.pro-tm-personal-ribbon__line {
    padding: .25rem;
    width: 13.75rem;
    min-height: 2.375rem;

    background-color: var(--hydro-primary-green);

    color: #FDFDFD;
    text-transform: uppercase;
    text-align: center;

    display: flex;
    flex-direction: column;
    justify-content: center;

    transform: translateY(calc(-50% + .0625rem));
}

.pro-tm-personal-ribbon__title {
    font-size: .75rem;
    font-weight: 500;
    line-height: 148%;
}

.pro-tm-personal-ribbon__hint {
    font-size: .625rem;
    font-weight: 400;
    line-height: 126%;
}

.pro-tm-personal-ribbon--blue .pro-tm-personal-ribbon__line {
    background-color: var(--Secondary-Deep-Blue-600, #1A34AD);
}

.pro-tm--personal .pro-tm-personal-slider {
    margin-block-end: -3.375rem;
}

.pro-tm-persona-navigation {
    margin-top: 1rem;
    height: 3rem;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 1rem;

    margin-bottom: 3rem;
}

.pro-tm-persona-navigation .swiper-pagination-bullet {
    opacity: 1;

    width: .5rem;
    height: .5rem;

    margin: 0;

    background-color: var(--shades-black-25, #ACACAC);
}

.pro-tm-persona-navigation .swiper-pagination-bullet-active {
    background-color: var(--white-100, #FFF);
}

.page-template-page-home-v3 .pro-tm-persona-navigation {
    margin-block: 0 1.5rem;
}

.pro-tm-personal-slider .pro-tm-tablet {
    width: calc(100% - 2rem);
    max-width: 21.5rem;
    margin-inline: auto;

    height: 30.75rem;

    /* Elevation/App/Card Shadow/Grey */
    box-shadow: -15px 22px 54px 0px rgba(96, 97, 112, 0.07), 0px 2px 8px 0px rgba(40, 41, 61, 0.08);
}

.pro-tm-personal-slider .pro-tm-tablet__content {
    height: 100%;
    overflow: hidden;
}

.pro-tm-personal-slider .pro-tm-mobile {
    display: block;

    box-shadow:
        -0.8812rem 20.681px 50.761px 0px rgba(96, 97, 112, 0.07),
        0 1.88px 7.52px 0px rgba(40, 41, 61, 0.08);

    position: relative;

    inset-block-start: auto;
    inset-inline-end: auto;

    width: 100%;
    max-width: 16rem;
    height: 30.75rem;

    margin-inline: auto;
}

.pro-tm-personal-slider .swiper-slide * {
    box-sizing: border-box;
}

.pro-tm-device-screen--persona-desktop {
    display: none;
}

.pro-tm-variant {
    display: inline-block;
    vertical-align: top;
    text-align: center;

    position: absolute;

    inset-block-end: 5%;
    inset-inline-start: 5%;
}

.pro-tm-variant--0 {
    inset-block-end: 38%;
    inset-inline-start: 26%;

    z-index: 10;

    animation: variant-mover 1333ms infinite alternate;
}

.pro-tm-variant--1 {
    inset-block-end: 27%;
    inset-inline-start: 50%;

    animation: variant-mover 800ms infinite alternate;
}

@keyframes variant-mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-4%); }
}

@media (min-width:768px) {
    .pro-tm-personal-ribbon {
        opacity: 1;
        transform: none;

        inset-inline-start: -1.125rem;
        inset-block-start: -.1875rem;
    }

    .pro-tm-variant--0 {
        inset-block-end: 14%;
        inset-inline-start: 13%;
    }

    .pro-tm-variant--1 {
        inset-block-end: -3%;
        inset-inline-start: 27%;
    }
}

.pro-tm-variant__img {
    vertical-align: top;
    max-width: 100%;

    box-shadow:
        0 .2516rem .2013rem 0 rgba(0, 0, 0, 0.02),
        0 .6047rem .4838rem 0 rgba(0, 0, 0, 0.03),
        0 1.1386rem .9109rem 0 rgba(0, 0, 0, 0.04),
        0 2.0311rem 1.6249rem 0 rgba(0, 0, 0, 0.04),
        0 3.7989rem 3.0391rem 0 rgba(0, 0, 0, 0.05),
        0 9.0931rem 7.2745rem 0 rgba(0, 0, 0, 0.07);
}

.pro-tm-variant-label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .3638rem;

    padding: .1819rem .8125rem;
    margin-top: .5rem;

    border-radius: .3638rem;
    background: var(--Shades-Darker-Grey, #2C2C2C);
    box-shadow:
        -1.3639rem 2.0005rem 4.9102rem 0 rgba(96, 97, 112, 0.07),
        0 .1819rem .7274rem 0 rgba(40, 41, 61, 0.08);

    color: var(--white-100, #FFF);
    font-size: .9093rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4549rem; /* 160% */
    letter-spacing: .0046rem;
}

.pro-tm-variant-label:before {
    content: '';

    display: inline-block;
    vertical-align: top;

    width: 1.0912rem;
    height: 1.0912rem;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_6201_58057)'%3E%3Cpath d='M4.75973 3.67024L6.27374 4.49885C6.4681 4.60456 6.53971 4.84666 6.434 5.04103C6.39649 5.10923 6.34193 5.16379 6.27374 5.20129L4.75973 6.02649C4.69154 6.064 4.63698 6.11856 4.59947 6.18676L3.77086 7.70076C3.66515 7.89513 3.42305 7.96674 3.22868 7.86103C3.16048 7.82352 3.10592 7.76896 3.06842 7.70076L2.24322 6.18676C2.20571 6.11856 2.15115 6.064 2.08295 6.02649L0.568947 5.20129C0.374582 5.09559 0.302974 4.85348 0.408681 4.65912C0.44619 4.59092 0.500749 4.53636 0.568947 4.49885L2.08295 3.67024C2.15115 3.63273 2.20571 3.57817 2.24322 3.50998L3.07183 1.99938C3.17753 1.80502 3.42305 1.73341 3.61741 1.84253C3.6822 1.88004 3.73676 1.9346 3.77427 1.99938L4.60288 3.50998C4.63698 3.57817 4.69154 3.63273 4.75973 3.67024Z' fill='white'/%3E%3Cpath d='M16.0295 11.7517L17.5435 12.5804C17.7379 12.6861 17.8095 12.9282 17.7038 13.1225C17.6663 13.1907 17.6117 13.2453 17.5435 13.2828L16.0295 14.1114C15.9613 14.1489 15.9067 14.2035 15.8692 14.2717L15.0406 15.7857C14.9349 15.98 14.6894 16.0516 14.495 15.9459C14.4268 15.9084 14.3723 15.8539 14.3348 15.7857L13.513 14.2683C13.4755 14.2001 13.4209 14.1455 13.3527 14.108L11.8387 13.2794C11.6444 13.1737 11.5727 12.9282 11.6785 12.7338C11.716 12.6656 11.7705 12.611 11.8387 12.5735L13.3527 11.7449C13.4209 11.7074 13.4755 11.6529 13.513 11.5847L14.3416 10.0741C14.4473 9.8797 14.6928 9.80809 14.8872 9.9138C14.9554 9.95131 15.0099 10.0059 15.0475 10.0741L15.8761 11.5881C15.9067 11.6597 15.9613 11.7142 16.0295 11.7517Z' fill='white'/%3E%3Cpath d='M9.47565 1.93801L10.4679 2.48018C10.5941 2.55179 10.6418 2.71206 10.5736 2.83822C10.5498 2.88255 10.5123 2.91665 10.4679 2.94393L9.47565 3.48611C9.43132 3.50998 9.39381 3.54749 9.36994 3.59181L8.82776 4.5841C8.75616 4.71027 8.59589 4.75801 8.46972 4.68981C8.42539 4.66594 8.39129 4.62843 8.36401 4.5841L7.82184 3.59181C7.79797 3.54749 7.76046 3.50998 7.71613 3.48611L6.72385 2.94393C6.59768 2.87573 6.54994 2.71547 6.61814 2.58589C6.64201 2.54156 6.67952 2.50405 6.72385 2.48018L7.71613 1.93801C7.76046 1.91414 7.79797 1.87663 7.82184 1.8323L8.36401 0.840013C8.43562 0.713846 8.59589 0.666107 8.72206 0.734305C8.76639 0.758175 8.80048 0.795684 8.82776 0.840013L9.36994 1.8323C9.39381 1.87663 9.43132 1.91414 9.47565 1.93801Z' fill='white'/%3E%3Cpath d='M17.431 2.39152L16.0295 0.990049C15.5112 0.471742 14.669 0.468332 14.1472 0.986639C14.1472 0.986639 14.1472 0.986639 14.1438 0.990049L1.64989 13.4874C1.13158 14.0057 1.12817 14.8479 1.64989 15.3697L3.05137 16.7711C3.56967 17.2894 4.41192 17.2929 4.93364 16.7711L17.431 4.2738C17.9493 3.75549 17.9493 2.91324 17.431 2.39152ZM12.5582 7.11767L11.3034 5.86282L15.0031 2.15965L16.258 3.4145L12.5582 7.11767Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6201_58057'%3E%3Crect width='17.4588' height='17.4588' fill='white' transform='translate(0.36084 0.150391)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width:768px) {
    .pro-tm-device-screen--persona-desktop {
        display: block;
    }

    .pro-tm-device-screen--persona-mobile {
        display: none;
    }

    .pro-tm--personal {
        overflow: initial;
        margin-inline: 0;
        margin-block: 0 3rem;
        padding-block-start: 0;
    }

    .page-template-page-home-v3 .pro-tm--personal {
        margin-block-end: 0;
    }

    .pro-tm-persona-navigation {
        display: none;
    }

    .pro-tm--personal .pro-tm-personal-slider {
        margin-bottom: 0;
    }

    .pro-tm-personal-slider__wrapper.swiper-wrapper {
        display: block;
        position: static;
        transform: none;
    }

    .pro-tm-mobile-slide.swiper-slide {
        position: absolute;

        z-index: 20;

        inset-block-start: 0;
        inset-inline-end: 0;
    }

    .pro-tm-personal-slider .pro-tm-tablet {
        width: 100%;
        max-width: none;
        height: auto;
        box-shadow: -0.3893rem 0.571rem 1.4015rem 0 rgba(96, 97, 112, 0.07), 0 0.0519rem 0.2076rem 0 rgba(40, 41, 61, 0.08);
    }

    .pro-tm-personal-slider .pro-tm-mobile {
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        width: 30%;
        height: 100%;
        padding: 0.75rem;

        box-sizing: border-box;

        box-shadow:
            -0.2106rem 0 0.5429rem 0 rgba(0, 0, 0, 0.02), -0.9625rem 0 1.5259rem 0 rgba(0, 0, 0, 0.04), -2.4363rem 0 4.0936rem 0 rgba(0, 0, 0, 0.05), -4.8125rem 0 9.3902rem 0 rgba(0, 0, 0, 0.07);
    }
}

@media (min-width:1200px) {
    .pro-tm--personal {
        margin-bottom: 4rem;
    }
}

.pro-tm-type-machine {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 3.375rem;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 100%;
}

.pro-tm-type-machine__input {
    display: inline-block;
    vertical-align: top;

    min-width: .6875rem;
    height: 1.6875rem;

    padding: .25rem;
    border: .0625rem solid var(--Primary-Primary-Green-Bright-2, #67B8A9);

    box-sizing: border-box;

    color: var(--Shades-Dark-Grey, #343434);

    /* Work Sans/Desktop/Body 1/Medium */
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 118%; /* 21px */
}

.pro-tm-type-machine .pro-tm-variant-label {
    display: none;
}

@media (min-width:768px) {
    .pro-tm-type-machine__input {
        min-width: .75rem;
        height: 1.8125rem;

        line-height: 140%;
    }

    .pro-tm-type-machine .pro-tm-variant-label {
        display: inline-flex;
    }
}
/* =========================================================================
 * Component: Product TM END
 * ========================================================================= */

/* =========================================================================
 * Component: Product Info Cards START
 * ========================================================================= */
.pro-info-cards {
    margin: 0;
    padding: 0;
    padding-block-end: 3rem;
    list-style-type: none;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.pro-info-cards li {
    max-width: 19.5rem;
}

.pro-info-card {
    text-align: center;
}

.pro-info-card__icon {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: top;

    margin-block-end: .25rem;
}

.pro-info-card__title {
    /* Work Sans/Desktop/Body 1/Medium */
    font-size: .875rem;
    font-weight: 500;
    line-height: 150%; /* 21px */
    margin-block: 0;
}

.pro-info-card__content {
    /* Work Sans/Desktop/Body 2/Regular */
    font-size: .75rem;
    font-weight: 400;
    line-height: 150%; /* 18px */

    margin-block: .5rem 0;
}

.page-template-page-home-v3 .pro-info-cards {
    padding: 0;
}

@media (min-width: 1024px) {
    .pro-info-cards {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: flex-start;
        gap: 4rem;
    }

    .pro-info-cards li {
        max-width: none;
    }

    .pro-info-card {
        text-align: start;
    }

    .pro-info-card__title {
        margin-block-end: 0;
        margin-inline-start: .125rem;
    }

    .pro-info-card__title {
        display: inline;
    }
}

@media (min-width: 1200px) {
    .pro-info-cards {
        padding-block-end: 4rem;
    }
}
/* =========================================================================
 * Component: Product Info Cards END
 * ========================================================================= */

/* =========================================================================
 * Component: Lithium Highlight Video START
 * ========================================================================= */
.lithium-highliths-videos-grid {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.lithium-highlight-video {
    padding-inline: 1rem;
}

.lithium-highlight-video__video-wrap {
    border-radius: 0.3887rem;
    overflow: hidden;

    margin-block-end: 1.5rem;

    box-shadow:
        0rem 0.0972rem 0.3887rem 0rem rgba(40, 41, 61, 0.08),
        -0.7289rem 1.0691rem 2.6241rem 0rem rgba(96, 97, 112, 0.07);
}

.lithium-highlight-video__video {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.lithium-highlight-video__pretitle {
    color: var(--Shades-Inactive-Grey, #6D6D6D);

    /* Work Sans/Desktop/Body 1/Regular */
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */

    margin-block: 0 1rem;
}

.lithium-highlight-video__title {
    color: var(--Shades-Dark-Grey, #343434);

    /* Work Sans/Desktop/H2/Medium */
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 125%; /* 30px */
    letter-spacing: -0.03rem;

    margin-block: 0;
}

.lithium-highlight-video__description {
    color: var(--Shades-Inactive-Grey, #6D6D6D);

    /* Work Sans/Desktop/H4/Regular */
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.015rem;

    margin-block: 0.5rem 0;
}

.lithium-highlight-video__link-wrap {
    margin-block: 1rem 0;
}

.lithium-highlight-video__link {
    color: var(--shades-black-50, #7E7E7E);

    /* Work Sans/Desktop/Subtitle 2/Regular_Underlined */
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    text-decoration-line: underline;

    display: inline-flex;
    align-items: center;

    gap: 0.3125rem;

    transition: color 300ms ease-in-out;
}

.lithium-highlight-video__link-icon {
    width: 0.5rem;
    height: 0.75rem;

    vertical-align: top;

    margin-block-start: 0.125rem;
}

.lithium-highlight-video__link-icon path {
    fill: currentColor;
}

.lithium-highlight-video__link:active {
    color: var(--primary-green) !important;
}

@media (hover:hover) {
    .lithium-highlight-video__link:hover {
        color: var(--shades-darker-grey);
    }
}

@media (min-width: 768px) {
    .lithium-highlight-video {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

        gap: 2rem;

        padding-inline: 0;
    }

    .lithium-highlight-video__video-wrap,
    .lithium-highlight-video__content {
        flex: 1;
        max-width: 50%;
        margin-block-end: 0;
    }

    .lithium-highliths-videos-grid .lithium-highlight-video:nth-child(even) {
        flex-direction: row-reverse;
    }
}

@media (min-width: 992px) {
    .lithium-highlight-video__video-wrap {
        border-radius: 0.5rem;

    }

    .lithium-highlight-video__video-wrap,
    .lithium-highlight-video__content {
        flex: 0 0 100%;
        max-width: 25rem;
    }
}

@media (min-width: 1200px) {
    .lithium-highliths-videos-grid {
        gap: 6.5rem;
    }
}

/* =========================================================================
 * Component: Lithium Highlight Video END
 * ========================================================================= */

/* =========================================================================
 * Component: Need More START
 * ========================================================================= */
.page-template-page-home-v3 .need-more-wrap {
    margin-block-end: 0.625rem;
}

.need-more {
    border-radius: 1rem;
    overflow: hidden;
    box-shadow:
        -.9375rem 1.375rem 3.375rem 0 rgba(96, 97, 112, 0.07),
        0 .125rem .5rem 0 rgba(40, 41, 61, 0.08);
}

.need-more__start {
    color: var(--shades-white-bg);
    padding: 1.5rem;

    background-color: var(--secondary-deep-blue-900);
}

.need-more__title {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 125%;
    letter-spacing: -0.02em;

    margin-block: 0;
}

.need-more__subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;

    margin-block: .25rem 0;
}

.need-more__links {
    text-align: center;
    padding-block-start: 1.5rem;
}

.need-more__links .twik-btn {
    width: 100%;
    display: block;

    white-space: nowrap;

    margin-block-end: .5rem;
}

.need-more__end {
    display: none;
}

.need-more-popup-link {
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;

    text-decoration: underline;
    text-decoration-skip-ink: none;

    white-space: nowrap;

    color: var(--shades-white-bg);
}

.need-more--main_green .need-more__start {
    background-color: var(--Primary-Primary-Green, #028970);
}

@keyframes need-more-shine {
    0%  {
        transform: rotate(-44deg) translate(0, -400%);
    }

    50% {
        transform: rotate(-44deg) translate(0, 200%);
    }

    100% {
        transform: rotate(-44deg) translate(0, -400%);
    }
}

@media (min-width: 768px) {
    .need-more__start-content {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .need-more__links {
        display: flex;
        align-items: center;
        justify-content: center;

        gap: 1rem;

        text-align: start;
    }

    .need-more__links .twik-btn {
        max-width: none;
        width: auto;

        display: inline-block;
        margin: 0;
    }

    .need-more__start-content {
        text-align: start;
    }

    .need-more__content {
        display: flex;
        gap: 2rem;

        border: .0625rem solid var(--primary-green-gray);
        border-radius: 24px;
        overflow: hidden;

        background: #fff;
        box-shadow:
            -.9375rem 1.375rem 3.375rem 0 rgba(96, 97, 112, 0.07),
            0 .125rem .5rem 0 rgba(40, 41, 61, 0.08);
    }

    .need-more__start {
        flex: 0 0 28rem;
        border-radius: 0;
        clip-path: polygon(0px 0px, calc(100% - 107.093px) 0px, calc(100% - 107.093px) 0px, calc(100% - 105.166142px) 0.08638638px, calc(100% - 103.290536px) 0.34040544px, calc(100% - 101.481734px) 0.75434706px, calc(100% - 99.755288px) 1.32050112px, calc(100% - 98.12675px) 2.0311575px, calc(100% - 96.611672px) 2.87860608px, calc(100% - 95.225606px) 3.85513674px, calc(100% - 93.984104px) 4.95303936px, calc(100% - 92.902718px) 6.16460382px, calc(100% - 91.997px) 7.48212px, calc(100% - 2.5px) calc(100% - 20.5px), calc(100% - 2.5px) calc(100% - 20.5px), calc(100% - 1.256492px) calc(100% - 17.858799px), calc(100% - 0.55401599999993px) calc(100% - 15.101312px), calc(100% - 0.38604400000003px) calc(100% - 12.320413px), calc(100% - 0.74604799999992px) calc(100% - 9.608976px), calc(100% - 1.6275px) calc(100% - 7.059875px), calc(100% - 3.023872px) calc(100% - 4.765984px), calc(100% - 4.928636px) calc(100% - 2.820177px), calc(100% - 7.335264px) calc(100% - 1.315328px), calc(100% - 10.237228px) calc(100% - 0.344311px), calc(100% - 13.628px) calc(100% - 2.8421709430404E-14px), 0px calc(100% - 0px), 0px 0px);
    }

    .need-more__start-content {
        position: relative;
        z-index: 10;
    }

    .need-more__start:after {
        content: '';
        position: absolute;

        z-index: 5;

        pointer-events: none;

        width: 42.3125rem;
        height: 12.9375rem;

        filter: blur(50px);
        background: rgba(182, 192, 240, 0.25);
        transform: rotate(-44deg) translate(0, -400%);

        animation: need-more-shine 3s infinite;
        animation-delay: 600ms;
    }

    .need-more__links {
        justify-content: flex-start;
    }

    .need-more__end {
        font-weight: 400;
        font-size: .875rem;
        line-height: 150%;
        color: var(--shades-dark-grey);

        display: flex;
        align-items: center;
        flex: 1;

        padding-block: 1.5rem;
    }

    .need-more__end ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 1.25rem;

        width: 100%;

        margin: 0;
        padding: 0;

        list-style-type: none;
    }

    .need-more__end li {
        position: relative;
        padding-inline: 2rem .5rem;
        padding-block: .5rem;
    }

    .need-more__end li:before {
        content: '';

        position: absolute;

        width: 1rem;
        height: 1rem;

        inset-inline-start: .5rem;
        inset-block-start: .625rem;

        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%233FAF73' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M11.571 5.438a.553.553 0 0 1 0 .77l-4.26 4.354a.524.524 0 0 1-.752 0l-2.13-2.177a.553.553 0 0 1 0-.77.524.524 0 0 1 .753 0l1.753 1.792 3.883-3.969a.524.524 0 0 1 .753 0Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m11.764 6.405-4.26 4.354a.793.793 0 0 1-1.138 0l-2.13-2.177a.836.836 0 0 1 0-1.164.793.793 0 0 1 1.139 0l1.56 1.595 3.69-3.772a.793.793 0 0 1 1.14 0 .836.836 0 0 1 0 1.164Zm-.946-.967a.524.524 0 0 1 .753 0 .553.553 0 0 1 0 .77l-4.26 4.354a.524.524 0 0 1-.752 0l-2.13-2.177a.553.553 0 0 1 0-.77.524.524 0 0 1 .753 0l1.753 1.792 3.883-3.969Z' clip-rule='evenodd'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }
}

@media (min-width:1200px) {
    .need-more {
        border-radius: 1.5rem;
    }

    .need-more__start {
        flex: 0 0 30.4375rem;
    }

    .page-template-page-home-v3 .need-more-wrap {
        margin-block-end: 6.125rem;
    }
}

@media (min-width:1400px) {
    .need-more__start {
        flex: 0 0 35.625rem;
    }

    .page-template-page-home-v3 .need-more__start {
        flex: 0 0 30.375rem;
    }

    .page-template-page-home-v3 .need-more__end ul {
        gap: 0 2rem;
    }
}
/* =========================================================================
 * Component: Need More END
 * ========================================================================= */

/* =========================================================================
 * Component: Prod Stats START
 * ========================================================================= */
.pro-stats-list {
    margin: 0;
    padding: 0;
    list-style-type: none;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem 1rem;
}

.pro-stats-list .hide_on_mobile {
    display: none;
}

.pro-stat {
    position: relative;

    text-align: center;

    color: var(--Shades-Dark-Grey, #343434);
}

.pro-stat__icon-wrap {
    width: 6rem;
    margin-inline: auto;
    margin-block-end: .25rem;
}

.pro-stat__icon-wrap svg,
.pro-stat__icon-wrap img {
    pointer-events: none;

    width: 100%;
    height: auto;

    vertical-align: top;
}

.pro-stat__icon-wrap svg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pro-stat__title {
    /* Work Sans/Desktop/H2/Medium */
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 125%; /* 30px */
    letter-spacing: -.03rem;
}

.pro-stat__title span {
    color: var(--Indicators-Cucumber-Green, #3FAF73);
}

.pro-stat__hint {
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}

@media (min-width:768px) {
    .pro-stats-list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media (min-width:1200px) {
    .pro-stats-list {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap: 2rem;
    }

    .pro-stats-list .hide_on_mobile {
        display: block;
    }

    .pro-stat__hint {
        color: var(--Shades-Inactive-Grey, #6D6D6D);

        /* Work Sans/Desktop/Subtitle 1/Regular */
        font-size: 1.125rem;
        line-height: 150%; /* 27px */
    }
}
/* =========================================================================
 * Component: Prod Stats END
 * ========================================================================= */

/* =========================================================================
 * Component: Pricing START
 * ========================================================================= */
.section-modern--pricing {
    position: relative;
    z-index: 10;
    padding-block-end: 1.25rem;
}

.section-modern--pricing .section-modern-title {
    font-weight: 400;
}

.section-modern--pricing .section-modern-title .desktop-title {
    display: none;
}

.section-modern--pricing .section-modern-title strong {
    font-weight: 500;
    text-transform: uppercase;
}

.section-modern--pricing ._payment_type {
    text-transform: lowercase;
}

.section-modern--pricing .pri-card-plans-wrap {
    margin-block-end: 0;
    padding-inline: 1rem;
}

@media (min-width: 992px) {
    .section-modern--pricing .section-modern__headline {
        margin-block-end: 5.5rem;
    }
}

@media (min-width:1024px) {
    .section-modern--pricing .plans-list-wrapper .container {
        padding-inline: 1rem;
    }
}

@media (min-width:1200px) {
    .section-modern--pricing .section-modern-title strong {
        font-weight: 600;
    }

    .section-modern--pricing .section-modern-title .desktop-title {
        display: inline;
    }

    .section-modern--pricing .section-modern-title .mobile-title {
        display: none;
    }
}

@media (min-width: 1400px) {
    .section-modern--pricing .plans-list-wrapper .container {
        padding-inline: 0;
    }
}

.plans-alternative-switcher-wrap {
    padding-block: 1.5rem;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--Gradients-Scroll-Fade-to-Top, linear-gradient(180deg, rgba(253, 253, 253, 0.00) 22.61%, #FDFDFD 63.52%));

    position: fixed;

    z-index: 150;

    width: 100%;

    inset-inline-start: 0;
    inset-block-end: 0;

    pointer-events: none;
    opacity: 0;

    transition: opacity 350ms ease-in-out
}

.is-inview + .plans-alternative-switcher-wrap {
    opacity: 1;
    pointer-events: auto;
}

.plans-alternative-switcher {
    display: inline-flex;
    align-items: center;

    cursor: pointer;

    gap: 0.5rem;

    padding: 1rem;

    border-radius: 0.5rem;
    border: 0.0625rem solid var(--Primary-Green-Grey, #CED9D8);
    background: var(--white-100, #FFF);

    /* Elevation/App/Card Shadow/XL Shadow */
    box-shadow:
        0rem 6.25rem 5rem 0rem rgba(0, 0, 0, 0.07),
        0rem 2.6111rem 2.0889rem 0rem rgba(0, 0, 0, 0.05),
        0rem 1.396rem 1.1168rem 0rem rgba(0, 0, 0, 0.04),
        0rem 0.7826rem 0.6261rem 0rem rgba(0, 0, 0, 0.04),
        0rem 0.4156rem 0.3325rem 0rem rgba(0, 0, 0, 0.03),
        0rem 0.1729rem 0.1384rem 0rem rgba(0, 0, 0, 0.02);

    transition: opacity 300ms ease-in-out;
}

.plan-as-ctrl {
    display: inline-flex;
    gap: 0.5rem;
}

.plan-as-ctrl__label {
    color: var(--shades-black-25, #ACACAC);

    /* Work Sans/Desktop/Body 2/Regular */
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */

    transition: color 300ms ease-in-out;
}

.plan-as-ctrl__label span {
    text-transform: lowercase;
}

.plan-as-ctrl-badge {
    display: inline-block;
    vertical-align: top;

    border-radius: 0.5rem;
    background: var(--Secondary-Sunny-Yellow, #FBCF44);
    padding: 0 0.25rem;

    color: var(--Shades-Darker-Grey, #2C2C2C);

    /* Work Sans/Desktop/Body 2/Regular */
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    text-transform: uppercase;
}

.plan-as-ctrl--active .plan-as-ctrl__label {
    color: var(--Primary-Primary-Green, #028970);
    font-weight: 500;
}

.plan-as-ctrl-switch {
    position: relative;

    width: 1.5rem;
    height: 0.75rem;

    border-radius: 1.5rem;

    background-color: var(--Primary-Primary-Green, #028970);
}

.plan-as-ctrl-switch:after {
    content: '';

    border-radius: 50%;
    background-color: var(--white-100, #FFF);

    width: 0.5rem;
    height: 0.5rem;

    position: absolute;
    inset-inline-start: 0.125rem;
    inset-block-start: 0.125rem;

    transition: transform 300ms ease-in-out;
}

.plans-alternative-switcher[data-selected="yearly"] .plan-as-ctrl-switch:after {
    transform: translateX(0.75rem);
}

.plans-alternative-switcher[data-selected="monthly"] .plan-as-ctrl-switch:after {
    transform: translateX(0);
}

.plans-changer-desktop {
    display: none;
}

.plans-changer-panel {
    overflow: hidden;
    box-shadow:
        -.9375rem 1.375rem 3.375rem 0 rgba(96, 97, 112, 0.07),
        0 .125rem .5rem 0 rgba(40, 41, 61, 0.08);
}

.plans-changer-panel__content {
    position: relative;
    background-color: var(--white-100);
}

.plans-changer-panel__content-end {
    display: none;
}

.plans-changer--bottom {
    position: sticky;
    z-index: 100;

    top: calc(var(--header-site-height) + var(--wp-admin--admin-bar--height, 0px));
}

.plans-changer--top .plans-changer-panel {
    border-radius: 1rem 1rem 0 0;
}

.plans-changer--top .plans-changer-panel__content {
    position: relative;

    z-index: 150;

    padding: 1rem 1rem 0 1rem;

    background-color: var(--white-100);
}

.pc-mobile-observer,
.plans-changer--bottom {
    margin-block-start: -2rem;
}

.plans-changer--bottom .plans-changer-panel {
    position: relative;
    border-radius: 0 0 1rem 1rem;
}

.plans-changer--bottom .plans-changer-panel__content {
    padding: 3.625rem 1rem 1rem 1rem;

    text-align: center;
}

.plans-changer--bottom .plans-changer-panel-title {
    position: absolute;

    z-index: 10;

    opacity: 0;
    pointer-events: none;

    inset-inline-start: 0;
    inset-block-start: 0;

    width: 100%;

    padding-inline: 1rem;
    padding-block: 1rem 0;

    text-align: center;

    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;

    background-color: var(--white-100);
}

.plans-changer-panel-title ._payment_type,
.plan-switcher-title ._payment_type {
    text-transform: capitalize;
}

.pc-mobile-observer.is-sticky + .plans-changer {
    z-index: 150;
}

.pc-mobile-observer.is-sticky + .plans-changer .plans-changer-panel {
    border-radius: 0;
    margin-inline: -1rem;
}

.pc-mobile-observer.is-sticky + .plans-changer .plans-changer-panel-title {
    opacity: 1;
}

.plan-switcher {
    margin: 0;
    padding: 1rem 0 0 0;
}

.plan-switcher__content {
    position: relative;
    z-index: 90;
}

.plan-switcher-title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;

    color: var(--shades-dark-grey);

    margin-block: 0;
}

.plan-switcher-hint {
    font-weight: 400;
    font-size: .875rem;
    line-height: 150%;

    color: var(--shades-black-50);

    margin-block: .5rem 0;
}

.plan-switcher.is-sticky {

}

.plan-switcher-mobile-sticky-wrap {
    height: 7.75rem;

    position: sticky;
    z-index: 100;

    top: calc(var(--header-site-height) + var(--wp-admin--admin-bar--height, 0px) - .0625rem);
}

.plan-switcher-mobile-sticky {
    padding: 1.9375rem 1rem 1rem 1rem;
    margin-inline: -1rem;

    text-align: center;
}

.plan-switcher__list-wrapper {
    padding-block: 1.1875rem 0;
    text-align: center;

    display: none;
}

.plan-switcher-list {
    margin: 0;
    padding: 0;
    list-style-type: none;

    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background-color: #fff;
    border-radius: 1.5rem;

    box-shadow:
        -.9375rem 1.375rem 3.375rem 0 rgba(96, 97, 112, 0.07),
        0 .125rem .5rem 0 rgba(40, 41, 61, 0.08);
}

.plan-switcher .plan-switch-ctrl:not(:last-of-type) {
    margin-inline-end: -.5rem;
}

.plan-switch-ctrl {
    position: relative;
    z-index: 10;

    appearance: none;

    border: none;

    padding: 0;
    margin: 0;
    background: none;

    cursor: pointer;

    border-radius: 1.5rem;

    position: relative;

    display: inline-block;
    vertical-align: top;

    padding: .5rem 1rem;

    font-weight: 400;
    font-size: .875rem;
    line-height: 150%;

    text-align: center;

    color: var(--shades-darker-grey);

    user-select: none;

    transition: color .4s ease;
}

.plan-switch-ctrl--active {
    background-color: var(--primary-green);
    color: var(--white-100) !important;
}

@media (hover:hover) {
    .plan-switch-ctrl:hover {
        color:  var(--primary-green);
    }

    .plan-switch-ctrl.plan-switch-ctrl--active:hover {
        color: var(--white-100);
    }
}

.plan-switch-ctrl:active {
    color: var(--primary-green-dark-2);
}

.plan-switch-ctrl-floater {
    position: absolute;
    pointer-events: none;

    z-index: 5;

    inset-inline-start: 0;
    inset-block-start: 0;

    width: auto;
    height: 100%;

    border-radius: 1.5rem;
    background-color: var(--primary-green);
}

.plan-switcher-label {
    overflow: hidden;

    position: absolute;

    inset-inline-start: calc(100% - 1.5rem);
    inset-block-start: 0;

    transform: translateY(-50%);

    display: inline-block;
    vertical-align: top;

    white-space: nowrap;

    border-radius: .5rem;
    padding: .125rem .25rem;

    text-transform: uppercase;

    font-weight: 500;
    font-size: .75rem;
    line-height: 150%;
    text-align: center;
    color: #000;

    background: #fbcf44;

    backface-visibility: hidden;
}

.plan-switcher-label__shine {
    width: 6.625rem;
    height: 6.625rem;

    position: absolute;

    inset-inline-start: 0;
    inset-block-start: 50%;

    transform: translate(-100%, -50%);

    animation: switch-badge-shine 3s infinite;
    animation-delay: 300ms;
}

.plan-switcher-label__shine:before {
    content: '';

    position: absolute;
    width: 6.5625rem;
    height: 1.375rem;

    inset-inline-start: 50%;
    inset-block-start: 50%;

    background-color: #fff;

    filter: blur(.625rem);
    opacity: .7;

    transform: translate(-50%, -50%) rotate(-50deg);
    transform-origin: center center;
}

@keyframes switch-badge-shine {
    0%  {
        transform: translate(-100%, -50%);
    }

    50% {
        transform: translate(100%, -50%);
    }

    100% {
        transform: translate(-100%, -50%);
    }
}

.inited .plan-switch-ctrl {
    background-color: transparent !important;
}

.inited .plan-switch-ctrl-floater {
    transition: transform .3s ease, width .3s ease;
}

.pri-card-plans-wrap {
    margin-block-end: 4rem;
}

.pri-card-plans {
    margin: 2rem 0 0 0;
    padding: 0;
    list-style-type: none;

    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.pri-card {
    position: relative;

    border-radius: 1rem;
    background: var(--white-100);

    height: 100%;

    box-shadow:
        -.9375rem 1.375rem 3.375rem 0 rgba(96, 97, 112, 0.07),
        0 .125rem .5rem 0 rgba(40, 41, 61, 0.08);
}

.pri-card__content {
    clip-path: polygon(0px 0px, calc(100% - 0px) 0px, calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0px 0px);
    transition: opacity .16s linear;
}

.pri-card__head {
    position: relative;

    display: flex;
    flex-direction: column;

    text-align: center;

    padding: 1.5rem;
    box-shadow:
        -.9375rem 1.375rem 3.375rem 0 rgba(96, 97, 112, 0.07),
        0 .125rem .5rem 0 rgba(40, 41, 61, 0.08);
}

.pri-card__title {
    color: var(--shades-dark-grey);

    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.6406rem;
    letter-spacing: -0.015em;

    text-align: center;

    margin: 0;
}

.pri-card__price-wrapper {
    padding-top: .5rem;
}

.pri-card--disabled {
    pointer-events: none;
}

.pri-card--disabled .pri-card__content {
    opacity: 0.35;
}

.pri-card--disabled .pri-card__price-old {
    opacity: 0 !important;
}

.pri-card__price-wrapper.only-title .pri-card__price-old,
.pri-card__price-wrapper.only-title .pri-price__up,
.pri-card__price-wrapper.only-title .pri-price__sup,
.pri-card-data-sticky__content.only-title .pri-sticky-price__sup,
.pri-card-data-sticky__content.only-title .pri-sticky-price__currency,
.pri-card-data-sticky__content.only-title .pri-sticky-price--yearly {
    display: none !important;
}

.pri-card-data-sticky__content.only-title .pri-sticky-price--monthly {
    display: inline-flex !important;
}

.pri-card-data-sticky__content.only-title .pri-price-old-wrap {
    opacity: 0 !important;
}

.pri-card__price-wrapper.only-title .pri-price__value {
    margin-block-start: -.5rem;
}

.only-title .pri-price--monthly {
    opacity: 1 !important;
}

.only-title .pri-price--yearly {
    opacity: 0 !important;
}

.pri-card__price-old {
    margin-block: 0 -.125rem;
}

.pri-price-old-wrap {
    display: none;
    height: 1.125rem;

    color: #acacac;

    font-weight: 400;
    font-size: .75rem;
    line-height: 150%;
}

.pri-price-old {
    position: relative;
    height: 1.125rem;

    display: inline-block;
    vertical-align: top;
}

.pri-price-old:before {
    content: '';

    position: absolute;

    width: calc(100% + .5rem);
    height: .0625rem;

    inset-inline-start: 50%;
    inset-block-start: 50%;

    background-color: #D32F2F;

    transform: translate(-50%, -50%);
}

.pri-card__price-current {
    position: relative;

    margin-block: 0;
}

.pri-price {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;

    width: 100%;

    transition: opacity .4s;
}

.pri-price--yearly {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 0;

    transform: translateX(-50%);

    opacity: 0;
}

.pri-price__up {
    align-self: flex-start;

    padding-top: .4375rem;
    padding-inline-end: .125rem;

    color: var(--shades-dark-grey);

    font-size: .875rem;
    line-height: 150%;
}

.pri-price__value {
    color: var(--shades-dark-grey);

    font-weight: 600;
    font-size: 3rem;
    line-height: 125%;
    letter-spacing: -0.02em;

    white-space: nowrap;
}

.pri-price__sup {
    align-self: flex-end;
    padding-bottom: .4375rem;

    color: #7e7e7e;

    font-size: .875rem;
    line-height: 150%;

    opacity: 0.96;
}

.pri-card__head-body {
    flex: 1;
}

.pri-card__head-footer {
    margin-block: 0;
}

.pri-card__head-footer .twik-btn {
    width: 100%;
    margin-block-start: 1rem;
}

.pri-card-features {
    margin: 0;
    padding: 1.5rem;
    list-style-type: none;

    display: flex;
    flex-direction: column;
    gap: 1.5rem;

    color: var(--shades-dark-grey);

    font-size: 1rem;
    line-height: 150%;
}

.pri-card-feature {
    position: relative;
    padding-inline-start: 1.5rem;
}

.pri-card-feature .feat-enabled {
    position: absolute;

    width: 1rem;
    height: 1rem;

    inset-inline-start: 0;
    inset-block-start: .25rem;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23D32F2F' fill-opacity='.7' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M4.5 4.5a.75.75 0 0 1 1.06 0L7.86 6.798 10.157 4.5a.75.75 0 0 1 1.06 1.06L8.92 7.86l2.298 2.298a.75.75 0 0 1-1.06 1.06L7.859 8.92 5.56 11.218a.75.75 0 1 1-1.061-1.06l2.298-2.299L4.5 5.561a.75.75 0 0 1 0-1.06Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.pri-card-feature .feat-enabled--yes {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%233FAF73' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M11.571 5.438a.553.553 0 0 1 0 .77l-4.26 4.354a.524.524 0 0 1-.752 0l-2.13-2.177a.553.553 0 0 1 0-.77.524.524 0 0 1 .753 0l1.753 1.792 3.883-3.969a.524.524 0 0 1 .753 0Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m11.764 6.405-4.26 4.354a.793.793 0 0 1-1.138 0l-2.13-2.177a.836.836 0 0 1 0-1.164.793.793 0 0 1 1.139 0l1.56 1.595 3.69-3.772a.793.793 0 0 1 1.14 0 .836.836 0 0 1 0 1.164Zm-.946-.967a.524.524 0 0 1 .753 0 .553.553 0 0 1 0 .77l-4.26 4.354a.524.524 0 0 1-.752 0l-2.13-2.177a.553.553 0 0 1 0-.77.524.524 0 0 1 .753 0l1.753 1.792 3.883-3.969Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.pri-card-stepper {
    --stepper-height: 2rem;

    margin-block: 1rem 0;
    height: var(--stepper-height);
}

.pri-card-stepper-ctrl {
    height: var(--stepper-height);
    opacity: 0;
}

.irs {
    font-family: var(--ff-work-sans);
}

.pri-card-stepper .irs-with-grid .irs-grid {
    display: none;
}

.pri-card-stepper .irs-min,
.pri-card-stepper .irs-max {
    display: none;
}

.pri-card-stepper .irs--big {
    height: var(--stepper-height);
}

.pri-card-stepper .irs--big .irs {
    height: 100%;
}

.pri-card-stepper .irs--big .irs-line,
.pri-card-stepper .irs--big .irs-bar {
    position: absolute;
    inset-inline-start: 0;

    inset-block-start: 50%;
    margin-block-start: -.125rem;

    height: .25rem;

    background: #EAECEC;
    border-radius: .25rem;

    border: none;
    box-shadow: none;
}

.plans-list-wrapper--home-v3 .irs--big .irs-line,
.plans-list-wrapper--home-v3 .irs--big .irs-bar {
    background: var(--Shades-Inactive-Grey, #6D6D6D);
}

.pri-card-stepper .irs--big .irs-line {
    width: 100%;
}

.pri-card-stepper .irs--big .irs-bar {
    background-color: #028970;
    opacity: 0;
}

.plans-list-wrapper--home-v3 .pri-card-stepper .irs--big .irs-bar {
    opacity: 1 !important;
}

.pri-card-stepper .irs--big .irs-handle {
    inset-block-start: 0;

    width: var(--stepper-height);
    height: var(--stepper-height);

    background: var(--shades-darker-grey);

    border: none;

    box-shadow:
        0 .1875rem .125rem 0 rgba(0, 0, 0, 0.02),
        0 .4375rem .3125rem 0 rgba(0, 0, 0, 0.03),
        0 .8125rem .625rem 0 rgba(0, 0, 0, 0.04),
        0 1.375rem 1.125rem 0 rgba(0, 0, 0, 0.04),
        0 2.625rem 2.0625rem 0 rgba(0, 0, 0, 0.05),
        0 6.25rem 5rem 0 rgba(0, 0, 0, 0.07);
}

.pri-card-stepper .irs--big .irs-handle:hover {
    cursor: grab;
}

.pri-card-stepper .irs--big .irs-handle.state_hover {
    cursor: grabbing;
}

.pri-card-stepper .irs--big .irs-single {
    z-index: 10;

    pointer-events: none;

    width: var(--stepper-height);
    height: var(--stepper-height);

    font-weight: 400;
    font-size: .75rem;
    line-height: 146%;

    text-align: center;

    color: #fff;

    padding: .5rem 0;
    background: none;
    border-radius: 0;
}

.pri-card-plans--yearly .pri-price-old-wrap {
    display: inline-block;
}

.pri-card-plans--yearly .pri-price--monthly {
    opacity: 0;
}

.pri-card-plans--yearly .pri-price--yearly {
    opacity: 1;
}

.pri-card--no-stepper .pri-card-stepper,
.pri-card--no-stepper .pri-price-old-wrap {
    display: none !important;
}

.pri-card-data-sticky {
    display: none;
}

.plans-list-wrapper--home-v3 .plan-switcher-list,
.plans-list-wrapper--home-v3 .plan-switcher-hint,
.plans-list-wrapper--home-v3 .plans-changer-desktop {
    display: none;
}

.plans-list-wrapper--home-v3 .plans-changer--bottom .plans-changer-panel__content {
    padding-block-start: 2.625rem;
}

.plans-list-wrapper--home-v3 .pri-card__title {
    color: var(--Shades-Inactive-Grey, #6D6D6D);

    /* Work Sans/Desktop/Body 1/Regular */
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}

.plans-list-wrapper--home-v3 .pri-price__value {
    color: var(--Shades-Dark-Grey, #343434);

    /* Work Sans/Desktop/H2/Medium */
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 125%; /* 30px */
    letter-spacing: -0.03rem;
}

.plans-list-wrapper--home-v3 .pri-price__up {
    padding-block-start: 0;
    padding-inline-end: 0.1875rem;
}

.plans-list-wrapper--home-v3 .pri-price__sup {
    padding-block-end: 0;
}

.plans-list-wrapper--home-v3 .pri-card-features {
    gap: 1rem;
}

@media (min-width:768px) {
    .pri-price-old-wrap {
        height: 1.125rem !important;
        opacity: 0 !important;
    }

    .pri-card--no-stepper .pri-price--yearly {
        opacity: 0 !important;
    }

    .pri-card--no-stepper .pri-price--monthly,
    .pri-card-plans--yearly .pri-price-old-wrap {
        opacity: 1 !important;
    }

    .pri-card-plans--yearly .pri-card--disabled .pri-price-old-wrap {
        opacity: 0 !important;
    }

    .pri-card-plans--yearly .pri-card--disabled .pri-sticky-price__currency,
    .pri-card-plans--yearly .pri-card--disabled .pri-sticky-price__sup {
        display: none !important;
    }

    .pri-card__content {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .pri-card__head-footer .twik-btn {
        width: auto;
    }

    .plans-alternative-switcher-wrap {
        background: none;
    }

    .plans-list-wrapper--home-v3 .pri-price__value {
        color: var(--Shades-Dark-Grey, #343434);

        /* Work Sans/Desktop/H2/Medium */
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 500;
        line-height: 125%; /* 30px */
        letter-spacing: -0.03rem;
    }
}

@media (min-width:992px) {
    .pc-mobile-observer.is-sticky + .plans-changer .plans-changer-panel {
        margin-inline: 0;
    }

    .plans-changer-panel {
        overflow: initial;
    }

    .plans-list-wrapper {
        width: 100%;
        max-width: 63rem;
        margin-inline: auto;

        border-radius: 1rem;

        box-shadow:
            -.9375rem 1.375rem 3.375rem 0 rgba(96, 97, 112, 0.07),
            0 .125rem .5rem 0 rgba(40, 41, 61, 0.08);
    }

    .plans-list-wrapper__body {
        clip-path: polygon(0px 16px, 0px 16px, 0.20941288px 13.40471835px, 0.81569024px 10.9427648px, 1.78589016px 8.64708145px, 3.08707072px 6.5506104px, 4.68629px 4.68629375px, 6.55060608px 3.0870736px, 8.64707704px 1.78589205px, 10.94276096px 0.8156912px, 13.40471592px 0.20941315px, 16px 2.6488901491432E-31px, calc(100% - 16px) 0px, calc(100% - 16px) 0px, calc(100% - 13.4047062px) 0.20941288px, calc(100% - 10.9427456px) 0.81569024px, calc(100% - 8.6470594px) 1.78589016px, calc(100% - 6.5505888px) 3.08707072px, calc(100% - 4.686275px) 4.68629px, calc(100% - 3.0870592px) 6.55060608px, calc(100% - 1.7858826px) 8.64707704px, calc(100% - 0.8156864px) 10.94276096px, calc(100% - 0.2094118px) 13.40471592px, calc(100% - 1.4210854715202E-14px) 16px, calc(100% - 0px) calc(100% - 16px), calc(100% - 0px) calc(100% - 16px), calc(100% - 0.20941179999998px) calc(100% - 13.4047062px), calc(100% - 0.81568639999998px) calc(100% - 10.9427456px), calc(100% - 1.7858826px) calc(100% - 8.6470594px), calc(100% - 3.0870592px) calc(100% - 6.5505888px), calc(100% - 4.686275px) calc(100% - 4.686275px), calc(100% - 6.5505888px) calc(100% - 3.0870592px), calc(100% - 8.6470594px) calc(100% - 1.7858826px), calc(100% - 10.9427456px) calc(100% - 0.8156864px), calc(100% - 13.4047062px) calc(100% - 0.2094118px), calc(100% - 16px) calc(100% - 1.4210854715202E-14px), 16px calc(100% - 0px), 16px calc(100% - 0px), 13.40471835px calc(100% - 0.20941179999998px), 10.9427648px calc(100% - 0.81568639999998px), 8.64708145px calc(100% - 1.7858826px), 6.5506104px calc(100% - 3.0870592px), 4.68629375px calc(100% - 4.686275px), 3.0870736px calc(100% - 6.5505888px), 1.78589205px calc(100% - 8.6470594px), 0.8156912px calc(100% - 10.9427456px), 0.20941315px calc(100% - 13.4047062px), 2.6488901491432E-31px calc(100% - 16px), 0px 16px);
    }

    .plans-list-wrapper .container {
        padding-inline: 0;
        max-width: none;
    }

    .pc-mobile-observer,
    .plans-changer--bottom {
        margin-block-start: -3.3125rem;
    }

    .plans-changer--bottom .plans-changer-panel-title {
        display: none;
    }

    .pricing-panel-is-sticky .plans-changer--bottom {
        z-index: 200;
    }

    .plans-changer--bottom .plans-changer-panel__content {
        padding-block-start: 4.3125rem;
    }

    .plans-changer--bottom .plans-changer-panel {
        border-radius: 0;
    }

    .plans-changer--bottom .plan-switcher-list {
        display: none;
    }

    .plan-switcher {
        padding: 0;
    }

    .plans-changer-desktop {
        position: absolute;

        inset-inline-start: 0;
        inset-block-start: 1rem;

        width: 100%;

        padding-inline: 1rem;

        display: flex;
        gap: 1rem;

        background-color: var(--white-100);

        visibility: hidden;
        pointer-events: none;
    }

    .pc-mobile-observer.is-sticky + .plans-changer .plans-changer-desktop {
        visibility: visible;
        pointer-events: auto;
    }

    .plans-changer-desktop__start {
        flex: 1;
    }

    .plans-changer-desktop .plan-switcher-title {
        text-align: start;
    }

    .plans-changer-desktop .plan-switcher-list {
        display: inline-flex;
    }

    .pri-card-plans {
        width: 100%;
        max-width: 40rem;
        margin-inline: auto;
        margin-block-start: 0;
    }

    .pri-card-stepper {
        height: auto;
        padding-block-end: 1.3125rem;
        padding-inline: 1rem;
        margin-block-start: 0;
    }

    .pri-card-stepper .irs--big .irs-single {
        display: none;
    }

    .pri-card-stepper .irs-with-grid .irs-grid {
        display: block;
    }

    .pri-card-stepper .irs-with-grid .irs-grid {
        bottom: -1.3125rem;
    }

    .pri-card-stepper .irs-grid-pol {
        display: none;
    }

    .pri-card-stepper .irs-grid-text {
        text-transform: uppercase;

        font-weight: 400;
        font-size: .875rem;
        line-height: 150%;

        color: var(--shades-inactive-grey);

        cursor: pointer;
    }

    .pri-card-stepper .irs-grid-text.is-active {
        color: var(--shades-darker-grey);
    }

    .plans-list-wrapper--home-v3 .pri-card-stepper .irs-grid-text.is-active {
        font-weight: 700;
    }

    .pri-card-stepper .irs-grid-text:after {
        content: '';

        position: absolute;

        inset-block: -2.125rem -.625rem;
        inset-inline: -.625rem;
    }

    .pri-card--no-stepper .pri-price-old-wrap,
    .pri-price-old-wrap {
        display: block !important;
    }

    .pri-card-plans {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;

        gap: 0;

        max-width: 100%;

        border-radius: 1rem;

        box-shadow:
            -.9375rem 1.375rem 3.375rem 0 rgba(96, 97, 112, 0.07),
            0 .125rem .5rem 0 rgba(40, 41, 61, 0.08);
    }

    .pri-card-plans__item:first-child .pri-card {
        border-radius: 0 0 0 1rem;
    }

    .pri-card-plans__item:last-child .pri-card {
        border-radius: 0 0 1rem 0;
    }

    .pri-card-plans__item:not(:first-child) {
        border-inline-start: .0625rem solid #EAECEC;
    }

    .pri-card {
        border-radius: 0;
        box-shadow: none;
    }

    .pri-card__content {
        display: block;
        min-height: 100%;
    }

    .pri-card__head-footer .twik-btn {
        width: 100%;
        margin-block-start: .125rem;
    }

    .plans-list-wrapper--home-v3 .pri-card__head {
        padding: 0.875rem 1rem;
    }

    .plans-list-wrapper--home-v3 .pri-card__price-wrapper {
        padding-block-start: 0;
        height: 3.375rem;
    }

    .plans-list-wrapper--home-v3 .pri-card__price-old {
        margin-block: 0 0.3125rem;
    }

    .pri-card-data-sticky {
        display: block;

        position: absolute;
        inset-inline-start: 0;
        inset-block-end: 0;

        padding-block-start: .0625rem;

        z-index: 10;

        width: 100%;

        pointer-events: none;

        opacity: 0;
    }

    .pri-card-data-sticky__content {
        text-align: center;

        padding: 1.5rem;

        background-color: #fff;
        box-shadow:
            -0.9375rem 1.375rem 3.375rem 0 rgba(96, 97, 112, 0.07),
            0 0.125rem 0.5rem 0 rgba(40, 41, 61, 0.08);

        position: sticky;
        top: calc(var(--header-site-height) + var(--wp-admin--admin-bar--height, 0px) + 8.625rem);
    }

    .is-plan-cards-sticky .pri-card-data-sticky {
        opacity: 1;
        pointer-events: auto;
    }

    .pri-card-data-sticky .twik-btn {
        width: 100%;
        margin-block-start: .5rem;
    }

    .pri-card-data-sticky__title {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;

        gap: .5rem;

        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem;
        letter-spacing: -0.015em;

        color: var(--shades-dark-grey);
    }

    .pri-sticky-price {
        display: none;
    }

    .pri-sticky-price__value {
        font-size: 1.3125rem;
        font-weight: 500;
        line-height: 1.6406rem;
        letter-spacing: -0.015em;

        color: var(--shades-dark-grey);
    }

    .pri-sticky-price__sup {
        font-size: .75rem;
        font-weight: 400;
        line-height: 1.125rem;

        color: var(--shades-black-50);
        opacity: 0.96;

        align-self: flex-end;
        margin-block-end: .125rem;
    }

    .pri-card-plans--monthly .pri-sticky-price--monthly,
    .pri-card-plans--yearly .pri-sticky-price--yearly {
        display: inline-flex;
        align-items: center;
    }

    .pri-price--monthly,
    .pri-price-old-wrap {
        transition: opacity .3s ease-in-out;
    }

    .pri-price-old-wrap {
        display: block !important;
    }

    .pri-price-old:before {
        width: 0;
        transition: width .3s ease-in-out;
    }

    .pri-card-plans--yearly .pri-price-old:before {
        width: calc(100% + .5rem);
    }

    .pri-card--no-stepper .pri-card-stepper {
        display: block !important;
    }

    .pri-card__price-wrapper {
        padding-block-start: .625rem;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        height: 5rem;
    }

    .pri-card__price-current {
        margin-block: -.375rem 0;
    }

    .pri-card--disabled .pri-price__up,
    .pri-card--disabled .pri-price__sup,
    .pri-card--disabled .pri-card__price-old {
        display: none !important;
    }

    .plans-list-wrapper--home-v3,
    .plans-list-wrapper--home-v3 .plans-changer-panel {
        box-shadow: none;
    }

    .plans-list-wrapper--home-v3 .plans-list-wrapper__body {
        clip-path: none;
    }

    .plans-list-wrapper--home-v3 .plans-changer--top .plans-changer-panel,
    .plans-list-wrapper--home-v3 .pri-card-data-sticky__content {
        display: none;
    }

    .plans-list-wrapper--home-v3 .plans-changer--bottom {
        position: static;
    }

    .plans-list-wrapper--home-v3 .plans-changer--bottom .plans-changer-panel__content {
        padding-block-start: 0;
        padding-inline: 0;
        margin-block-end: 0.625rem;
    }

    .plans-list-wrapper--home-v3 .pri-card-plans {
        gap: 1rem;
        box-shadow: none;
    }

    .plans-list-wrapper--home-v3 .pri-card-plans__item:not(:first-child) {
        border: none;
    }

    .plans-list-wrapper--home-v3 .pri-card-stepper {
        padding-inline: 0;
    }

    .plans-list-wrapper--home-v3 .pri-card {
        border-radius: 1rem !important;

        /* Elevation/App/Card Shadow/Grey */
        box-shadow:
            0rem 0.125rem 0.5rem 0rem rgba(40, 41, 61, 0.08),
            -0.9375rem 1.375rem 3.375rem 0rem rgba(96, 97, 112, 0.07);
    }
}

@media (min-width:1200px) {
    .pc-mobile-observer,
    .plans-changer--bottom {
        margin-block-start: -3.5rem;
    }

    .plans-changer--top .plans-changer-panel__content {
        padding: 1.5rem 1.5rem 0 1.5rem;
    }

    .plans-changer--top .plans-changer-panel__content {
        display: flex;
        align-items: center;
    }

    .plans-changer--top .plans-changer-panel__content-start {
        flex: 1
    }

    .plans-changer--top .plans-changer-panel__content-end {
        display: block;
    }

    .plans-changer--bottom .plans-changer-panel__content {
        padding-inline: 1.5rem;
        padding-block: 4.8125rem 1.5rem;
    }

    .plans-changer-desktop {
        inset-block-start: 1.5rem;
        padding-inline: 1.5rem;
    }

    .pri-card-data-sticky__content {
        top: calc(var(--header-site-height) + var(--wp-admin--admin-bar--height, 0px) + 9.625rem);
    }

    .plans-list-wrapper--home-v3 {
        max-width: 75.125rem;
    }

    .plans-list-wrapper--home-v3 .pri-card-plans {
        gap: 1.875rem;
    }
}

@media (min-width:1400px) {
    .plans-list-wrapper {
        max-width: 73.125rem;
    }

    .plans-list-wrapper--home-v3 {
        padding-inline: 0;
    }
}
/* =========================================================================
 * Component: Pricing END
 * ========================================================================= */

/* =========================================================================
 * Component: Lithium Video Testimonials START
 * ========================================================================= */
.lithium-video-testimonials {
    position: relative;
    max-width: 67.375rem;
}

.lithium-video-testimonials,
.lithium-video-testimonials__embla {
    width: 100%;
    margin-inline: auto;
    max-width: 64.625rem;
}

.lithium-video-testimonials__embla {
    --slide-size: 100%;
    --slide-spacing: 0px;

    max-width: 64.625rem;
}

.lithium-video-testimonials__item {
    padding-block: 2.25rem 5.25rem;
}

.lithium-video-testimonials__viewport {
    margin-block: -2.25rem -5.25rem;
}

.lithium-video-testimonial {
    position: relative;
    padding-block-start: 56.25%;


    /* Elevation/App/Card Shadow/Grey */
    box-shadow:
        0rem 0.125rem 0.5rem 0rem rgba(40, 41, 61, 0.08),
        -0.9375rem 1.375rem 3.375rem 0rem rgba(96, 97, 112, 0.07);
}

.lithium-video-testimonial__cover {
    position: absolute;
    z-index: 5;

    inset-inline-start: 0;
    inset-block-start: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.lithium-video-testimonial-play {
    appearance: none;

    margin: 0;
    padding: 0;
    background: none;
    border: none;

    position: absolute;
    z-index: 10;

    inset-inline-start: 50%;
    inset-block-start: 50%;

    transform: translate(-50%, -50%);

    width: 3.375rem;
    height: 3.375rem;

    border-radius: 50%;
}

.lithium-video-testimonial-play * {
    pointer-events: none;
}

.lithium-video-testimonial-play__icon {
    fill: #fff;
}

.lithium-video-testimonials .embla__controls {
    position: absolute;

    inset-inline-start: 0;
    inset-block-end: 2.75rem;
    width: 100%;
}

.lithium-video-testimonials .embla__button,
.lithium-video-testimonials .embla__dot {
    appearance: none;
    margin: 0;
    padding: 0;
    border: none;
    background: none;

    line-height: 1;

    cursor: pointer;
}

.lithium-video-testimonials .embla__button {
    position: absolute;
    inset-block-end: 0;
}

.lithium-video-testimonials .embla__button-icon {
    vertical-align: top;
    width: 1.5rem;
    height: 1.5rem;
}


.lithium-video-testimonials .embla__button--prev {
    inset-inline-start: 1rem;
}

.lithium-video-testimonials .embla__button--next {
    inset-inline-end: 1rem;
}

.lithium-video-testimonials .embla__dots {
    height: 1.5rem;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 1rem;
}

.lithium-video-testimonials .embla__dot {
    width: 0.5rem;
    height: 0.5rem;

    border-radius: 50%;

    background-color: var(--shades-black-25, #ACACAC);
}

.lithium-video-testimonials .embla__dot--selected {
    background-color: var(--Shades-Darker-Grey, #2C2C2C);
}

.lithium-video-testimonial-iframe {
    position: absolute;

    z-index: 20;

    inset-inline-start: 0;
    inset-block-start: 0;

    width: 100%;
    height: 100%;

    border: none;
}

@media (min-width: 992px) {
    .lithium-video-testimonials__embla {
        --slide-spacing: 11.25rem;
    }

    .lithium-video-testimonials__viewport {
        padding-inline: 2rem;
    }

    .lithium-video-testimonial {
        border-radius: 1rem;
        overflow: hidden;

        /* Elevation/App/Card Shadow/Grey */
        box-shadow:
            0rem 0.125rem 0.5rem 0rem rgba(40, 41, 61, 0.08),
            -0.9375rem 1.375rem 3.375rem 0rem rgba(96, 97, 112, 0.07);
    }

    .lithium-video-testimonials .embla__controls {
        position: static;
    }

    .lithium-video-testimonials .embla__button {
        inset-block-end: calc(50% + 1.5rem);
    }

    .lithium-video-testimonials .embla__button--prev {
        inset-inline-start: 0.25rem;
    }

    .lithium-video-testimonials .embla__button--next {
        inset-inline-end: 0.25rem;
    }

    .lithium-video-testimonials .embla__dots {
        position: absolute;

        width: 100%;
        inset-inline-start: 0;
        inset-block-end: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .lithium-video-testimonials-mask-start {
        mask-image: linear-gradient(to right,#000 calc(100% - 2rem),transparent calc(100% - .625rem))
    }

    .lithium-video-testimonials-mask-end {
        mask-image: linear-gradient(to left,#000 calc(100% - 2rem),transparent calc(100% - .625rem))
    }

    .lithium-video-testimonials .embla__button--prev {
        inset-inline-start: -1.375rem;
    }

    .lithium-video-testimonials .embla__button--next {
        inset-inline-end: -1.375rem;
    }
}
/* =========================================================================
 * Component: Lithium Video Testimonials END
 * ========================================================================= */

/* =========================================================================
 * Component: Hystmodal Iceberg START
 * ========================================================================= */
.hystmodal--iceberg .hystmodal__close {
    background: none;

    inset-block-start: .6875rem;
    inset-inline-end: .8125rem;

    border-radius: 50%;
}

.hystmodal--iceberg .hystmodal__close:focus {
    outline: 2px solid #afb3b91f;
}

.hystmodal--iceberg .hystmodal__close-icon {
    pointer-events: none;

    width: 1.5rem;
    height: 1.5rem;
    vertical-align: top;
}

.hystmodal--iceberg .hystmodal__window {
    background-color: transparent;
}

.hystmodal--iceberg .hystmodal__window {
    width: 73.125rem;
}
/* =========================================================================
 * Component: Hystmodal Iceberg END
 * ========================================================================= */