.flex-layout.hero_usp_swiper {
    padding-block: max(3rem, calc(3 * var(--su)));
}

.flex-layout.hero_usp_swiper:has(+ .flex-layout.content_guarantees) {
    margin-bottom: 0;
    padding-bottom: 0;
}

.flex-layout.hero_usp_swiper > .pk-grid-container:first-child {
    row-gap: 2rem;
    margin-bottom: max(6rem, calc(6 * var(--su)));
}

.flex-layout.hero_usp_swiper .content-col {
    z-index: 5;
    padding-top: max(2rem, calc(2 * var(--su)));
}

.flex-layout.hero_usp_swiper .content-col .pk-heading {
    padding-right: max(2rem, calc(5 * var(--su)));
}

.flex-layout.hero_usp_swiper .content-col .pk-text {
    max-width: 70%;
}

/* Fade effect */
.flex-layout.hero_usp_swiper .usp_swiper.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.flex-layout.hero_usp_swiper .usp_swiper .swiper-slide-active {
    pointer-events: auto;
}

/* Slide image */

.flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .slide_image img {
    height: auto;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: var(--border-radius-large);
}

/* Overlay content */
.flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .slide_overlay_content {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    gap: max(1rem, calc(1 * var(--su)));
}

/* Popup */
.flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .popup {
    border-radius: var(--border-radius-medium);
    background: var(--cbw-white-100);
    box-shadow: -108px 177px 58px 0 rgba(1, 38, 30, 0.00), -69px 113px 53px 0 rgba(1, 38, 30, 0.01), -39px 64px 45px 0 rgba(1, 38, 30, 0.03), -17px 28px 33px 0 rgba(1, 38, 30, 0.04), -4px 7px 18px 0 rgba(1, 38, 30, 0.05);
    display: flex;
    align-items: center;
    gap: max(1rem, calc(1 * var(--su)));
    padding: max(1rem, calc(1 * var(--su)));
}

.flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .popup {
    display: flex;
}

.flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .popup .icon {
    border-radius: var(--border-radius-small);
    background-color: var(--cbw-pumpkin-100);
    width: max(2rem, calc(2.5 * var(--su)));
    height: auto;
    aspect-ratio: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M5.3345 11.3038L0 5.96925L1.069 4.9L5.3345 9.1655L14.5 0L15.569 1.06925L5.3345 11.3038Z' fill='white'/%3E%3C/svg%3E");
}

.flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .popup .content {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}

.flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .popup .content .title {
    font-size: var(--scaling-label-heading);
    font-weight: 700;
}

.flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .popup .content p {
    font-size: var(--scaling-label-sub);
}

.flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .popup1 {
    margin: 2rem 0 auto auto;
    transform: translate(20%, 0%);
}

.flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .popup2 {
    transform: translate(-30%, 0%);
}

.flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .popup3 {
    margin-bottom: 3rem;
    transform: translate(-17%, 0%);
}

/* Pagination */
.flex-layout.hero_usp_swiper .usp_swiper .swiper-pagination {
    all: unset;
    display: flex;
    justify-content: center;
    gap: 1rem;
    position: relative;
    margin-top: max(1rem, calc(1.5 * var(--su)));
}

.flex-layout.hero_usp_swiper .usp_swiper .swiper-pagination-bullet {
    all: unset;
    position: relative;
    display: flex;
    width: max(2rem, calc(2 * var(--su)));
    height: 4px;
    aspect-ratio: 32/4;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 1;
    border-radius: 999px;
}

.flex-layout.hero_usp_swiper .usp_swiper .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 100%;
    width: 100%;
    background-color: var(--cbw-deep-pine-10);
    transition: background-color 0.3s ease;
    border-radius: 999px;
}

.flex-layout.hero_usp_swiper .usp_swiper .swiper-pagination-progress {
    position: absolute;
    top: 50%;
    left: 0;
    height: 100%;
    width: 0%;
    transform: translateY(-50%);
    background-color: var(--cbw-pumpkin-100);
    border-radius: 999px;
}

.flex-layout.hero_usp_swiper .cta-blocks .cta-block-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: max(1.5rem, calc(1.5* var(--su)));
    padding: max(1rem, calc(1.5* var(--su)));
    background-color: var(--cbw-white-100);
    border-radius: var(--border-radius-small);
    z-index: 4;
}

.flex-layout.hero_usp_swiper .cta-blocks .cta-block-col .top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: max(.5rem, calc(.5 * var(--su)));
}

.flex-layout.hero_usp_swiper .cta-blocks .cta-block-col .top input {
    border: 1px solid var(--cbw-deep-pine-20);
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: var(--scaling-body-xs-normal);
    font-family: var(--pk-text-font-family);
    color: var(--cbw-deep-pine-60);
    padding: .75rem 1rem;
    width: 100%;
    line-height: 1;
    background-size: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4485 14.3269L8.21458 9.09271C7.79792 9.43674 7.31875 9.70597 6.77708 9.90042C6.23542 10.0949 5.67507 10.1921 5.09604 10.1921C3.67299 10.1921 2.46785 9.69854 1.48062 8.71146C0.493541 7.72424 0 6.5191 0 5.09604C0 3.67299 0.493541 2.46785 1.48062 1.48063C2.46785 0.493542 3.67299 0 5.09604 0C6.5191 0 7.72424 0.493542 8.71146 1.48063C9.69854 2.46785 10.1921 3.67299 10.1921 5.09604C10.1921 5.69118 10.0922 6.25958 9.8925 6.80125C9.69264 7.34292 9.42604 7.81403 9.09271 8.21458L14.3267 13.4485L13.4485 14.3269ZM5.09604 8.94229C6.16979 8.94229 7.07924 8.56965 7.82438 7.82438C8.56965 7.07924 8.94229 6.16979 8.94229 5.09604C8.94229 4.02229 8.56965 3.11285 7.82438 2.36771C7.07924 1.62243 6.16979 1.24979 5.09604 1.24979C4.02229 1.24979 3.11285 1.62243 2.36771 2.36771C1.62243 3.11285 1.24979 4.02229 1.24979 5.09604C1.24979 6.16979 1.62243 7.07924 2.36771 7.82438C3.11285 8.56965 4.02229 8.94229 5.09604 8.94229Z' fill='%23576E69'/%3E%3C/svg%3E%0A");    background-repeat: no-repeat;
    background-position: calc(100% - 1rem) center;
}

.flex-layout.hero_usp_swiper .cta-blocks .cta-block-col .top input, .flex-layout.hero_usp_swiper .cta-blocks .cta-block-col .alert-box {
    margin-top: max(.5rem, calc(.5 * var(--su)));
}

.flex-layout.hero_usp_swiper .cta-blocks .cta-block-col .top input:focus-visible {
    border: 1px solid var(--cbw-deep-pine-100);
    outline: none;
}

.flex-layout.hero_usp_swiper .cta-blocks .cta-block-col .title {
    font-weight: 500;
}

.flex-layout.hero_usp_swiper .cta-blocks .cta-block-col p {
    margin: 0;
}

.flex-layout.hero_usp_swiper .cta-blocks .cta-block-col .cbw-alert-box {
    padding: .5rem .75rem;
    border-radius: 999px;
    align-items: center;
    font-size: var(--scaling-alert);
    width: fit-content;
}

.flex-layout.hero_usp_swiper .cta-blocks .cta-block-col .cbw-alert-box::before {
    width: 1rem;
    height: 1rem;
    background-size: contain;
    transform: translate(0px, 0);
}

@media screen and (max-width: 1300px) {

    .flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .popup1 {
        margin: 1rem 0 auto auto;
        transform: translate(10%, 0%);
    }

    .flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .popup2 {
        transform: translate(-10%, 0%);
    }

    .flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .popup3 {
        margin-bottom: 2rem;
        transform: translate(-5%, 0%);
    }

}


@media screen and (max-width: 992px) {

    .flex-layout.hero_usp_swiper > .pk-grid-container:first-child {
        margin-bottom: 2.5rem;
    }

    .flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .slide_overlay_content {
        display: none;
    }
    
    .flex-layout.hero_usp_swiper .content-col {
        order: 1;
        padding-top: 0;
    }

    .flex-layout.hero_usp_swiper .content-col .pk-text {
        max-width: unset;
    }

    .flex-layout.hero_usp_swiper .usp_swiper .swiper-pagination-bullet {
        height: 3px;
    }

    .flex-layout.hero_usp_swiper .usp_swiper .swiper-slide .slide_image img {
        aspect-ratio: 345/275;
        border-radius: var(--border-radius-medium);
    }

    .flex-layout.hero_usp_swiper .cta-blocks {
        row-gap: 1rem;
    }

    .flex-layout.hero_usp_swiper .cta-blocks .cta-block-col:nth-child(n+2) {
        gap: 2.5rem;
    }

}