.flex-layout.hero_usp_swiper + .flex-layout.content_guarantees {
    position: relative;
    border-radius: 0px 0px max(1.5rem, calc(2.5 * var(--su))) max(1.5rem, calc(2.5 * var(--su)));
}

.flex-layout.content_guarantees > .pk-grid-container:first-child {
    row-gap: 2.5rem;
}

.flex-layout.hero_usp_swiper + .flex-layout.content_guarantees::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: max(6rem, calc(6 * var(--su)));
    transform: translate(0px, -100%);
    background-color: var(--cbw-teal);
    border-radius: max(1.5rem, calc(2.5 * var(--su))) max(1.5rem, calc(2.5 * var(--su))) 0 0;
}

.flex-layout.content_guarantees {
    padding-block: max(4rem, calc(6 * var(--su))) max(4rem, calc(4 * var(--su)));
    padding-inline: var(--pk-site-gutter);
    background-color: var(--cbw-teal);
    border-radius: max(1.5rem, calc(2.5 * var(--su)));
}

.flex-layout.content_guarantees .image-video-col {
    display: flex;
    align-items: stretch;
    aspect-ratio: 1;
    height: auto;
    border-radius: var(--border-radius-large);
    overflow: hidden;
}

.flex-layout.content_guarantees .image-video-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.flex-layout.content_guarantees .video-trigger {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.flex-layout.content_guarantees .video-trigger .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(2rem, calc(4 * var(--su)));
    height: auto;
    aspect-ratio: 1;
    background-color: var(--cbw-emerald-100);
    transition: .3s background-color ease-in-out;
    border-radius: 50%;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8204 21.8587L21.8587 15.8333L12.8204 9.80792V21.8587ZM9.66208 30.4263C7.73569 29.5993 6.05986 28.4732 4.63458 27.0479C3.20931 25.6229 2.08056 23.9499 1.24833 22.0287C0.416111 20.1079 0 18.0535 0 15.8654C0 14.7671 0.109028 13.6869 0.327083 12.625C0.544861 11.5631 0.863195 10.5278 1.28208 9.51917L3.22417 11.4617C2.99139 12.1839 2.8125 12.9071 2.6875 13.6313C2.5625 14.3557 2.5 15.0897 2.5 15.8333C2.5 19.5556 3.79167 22.7083 6.375 25.2917C8.95833 27.875 12.1111 29.1667 15.8333 29.1667C19.5556 29.1667 22.7083 27.875 25.2917 25.2917C27.875 22.7083 29.1667 19.5556 29.1667 15.8333C29.1667 12.1111 27.875 8.95833 25.2917 6.375C22.7083 3.79167 19.5556 2.5 15.8333 2.5C15.0833 2.5 14.3489 2.5625 13.63 2.6875C12.9108 2.8125 12.1988 2.99139 11.4938 3.22417L9.57708 1.30792C10.5707 0.88264 11.5722 0.558332 12.5817 0.334999C13.5914 0.111666 14.6432 0 15.7371 0C17.936 0 20.0039 0.413473 21.9408 1.24042C23.8778 2.06736 25.5642 3.19611 27 4.62667C28.4358 6.05722 29.5725 7.73569 30.41 9.66208C31.2478 11.5882 31.6667 13.6453 31.6667 15.8333C31.6667 18.0214 31.2506 20.0785 30.4183 22.0046C29.5861 23.931 28.4574 25.6068 27.0321 27.0321C25.6068 28.4574 23.931 29.5861 22.0046 30.4183C20.0785 31.2506 18.0214 31.6667 15.8333 31.6667C13.6453 31.6667 11.5882 31.2532 9.66208 30.4263ZM3.95042 6.755C3.56042 6.365 3.36542 5.8975 3.36542 5.3525C3.36542 4.80778 3.56042 4.34042 3.95042 3.95042C4.34042 3.56042 4.80778 3.36542 5.3525 3.36542C5.8975 3.36542 6.365 3.56042 6.755 3.95042C7.14472 4.34042 7.33958 4.80778 7.33958 5.3525C7.33958 5.8975 7.14472 6.365 6.755 6.755C6.365 7.14472 5.8975 7.33958 5.3525 7.33958C4.80778 7.33958 4.34042 7.14472 3.95042 6.755Z' fill='%2301261E'/%3E%3C/svg%3E%0A");
}

.flex-layout.content_guarantees .video-trigger:hover .play-button, .flex-layout.content_guarantees .video-trigger:active .play-button {
    background-color: var(--cbw-emerald-100-hover);
}

.flex-layout.content_guarantees > .pk-grid-container.has-media:first-child .content-col {
    padding-left: max(4rem, calc(4 * var(--su)));
}

.flex-layout.content_guarantees .content-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flex-layout.content_guarantees .content-col * {
    color: var(--cbw-white-100);
}

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

    .flex-layout.content_guarantees > .pk-grid-container.has-media:first-child .content-col {
        padding-left: unset;
    }

}

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

}