.content_usp_slider-layout {
    position: relative;
    padding-block: max(4rem, calc(8.75 * var(--su)));
    background: var(--ex-grey-blue);
    overflow: hidden;
}

/* Image (top-left) */
.content_usp_slider-layout .pk-image_wrap {
    position: relative;
    z-index: 2;
}

.content_usp_slider-layout .pk-image_wrap::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: max(18.75rem, calc(18.75 * var(--su)));
    height: max(5.313rem, calc(5.313 * var(--su)));
    color: var(--ex-grey-blue);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22230%22%20height%3D%2283%22%20viewBox%3D%220%200%20230%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M253.708%20108C253.708%20121.255%20242.963%20132%20229.708%20132H0C6.22665%20132%2012.2098%20129.58%2016.6855%20125.251L114.393%2030.749C118.868%2026.4201%20124.851%2024%20131.078%2024H229.708C242.963%2024%20253.708%2013.2548%20253.708%200V108Z%22%20fill%3D%22%23384154%22%2F%3E%3C%2Fsvg%3E");
    pointer-events: none;
}

.content_usp_slider-layout .pk-image_photo {
    position: relative;
    aspect-ratio: 696/696;
    border-radius: max(1.5rem, calc(1.5 * var(--su)));
    overflow: hidden;
}

.content_usp_slider-layout .pk-image_photo img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content_usp_slider-layout .pk-usp-slider_wrap .pk-usp-slider {
    overflow: visible;
	margin-left: max(2rem, calc(2 * var(--su)));
}

.content_usp_slider-layout .pk-usp-slider_wrap {
    position: absolute;
    left: 0;
    bottom: max(5rem, calc(11 * var(--su)));
    right: 0;
    padding-inline: var(--pk-site-gutter);
    z-index: 2;
}

.content_usp_slider-layout .pk-usp-slide {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: max(1.75rem, calc(1.75 * var(--su)));
    border-radius: max(1rem, calc(1 * var(--su)));
    background: #4c5465;
    color: var(--ex-white);
    text-decoration: none;
    transition: background-color 0.5s ease-in-out;
}

.content_usp_slider-layout a.pk-usp-slide {
    cursor: pointer;
}

.content_usp_slider-layout .pk-usp-slide.swiper-slide-active,
.content_usp_slider-layout a.pk-usp-slide:hover {
    background: var(--ex-white);
}

.content_usp_slider-layout
    .pk-usp-slide.swiper-slide-active
    .pk-usp-slide_title,
.content_usp_slider-layout a.pk-usp-slide:hover .pk-usp-slide_title,
.content_usp_slider-layout .pk-usp-slide.swiper-slide-active .pk-cta-link,
.content_usp_slider-layout a.pk-usp-slide:hover .pk-cta-link {
    color: var(--ex-grey-blue);
}

.content_usp_slider-layout .pk-usp-slide.swiper-slide-active .pk-usp-slide_text,
.content_usp_slider-layout a.pk-usp-slide:hover .pk-usp-slide_text {
    color: rgba(56, 65, 84, 0.7);
}

.content_usp_slider-layout .pk-usp-slide_title {
    margin-bottom: max(0.5rem, calc(0.5 * var(--su)));
    font-size: var(--desktop-body-md);
    font-weight: 500;
    color: var(--ex-white);
}

.content_usp_slider-layout .pk-usp-slide_text {
    font-size: var(--desktop-body-sm);
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.7);
}

.content_usp_slider-layout .pk-usp-slide .pk-cta-link {
    display: inline-flex;
    align-items: center;
    gap: max(0.5rem, calc(0.5 * var(--su)));
    margin-top: max(1.25rem, calc(1.25 * var(--su)));
    padding-top: max(1rem, calc(1 * var(--su)));
    border-top: 1px solid #D7D9DD;
    font-size: var(--desktop-body-xs);
    color: var(--ex-white);
	text-decoration: none;
}

.content_usp_slider-layout .pk-cta-link::after {
    content: "\e5e1";
    font-family: "Material Symbols Outlined";
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: max(1.75rem, calc(1.75 * var(--su)));
    height: max(1.75rem, calc(1.75 * var(--su)));
    font-size: max(0.7rem, calc(0.7 * var(--su)));
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 999px;
    transition:
        border-color 0.2s ease,
        transform 0.2s ease;
}

.content_usp_slider-layout a.pk-usp-slide:hover .pk-cta-link::after {
    border-color: var(--ex-white);
    transform: translateX(3px);
}

.content_usp_slider-layout
    .pk-usp-slide.swiper-slide-active
    .pk-cta-link::after,
.content_usp_slider-layout a.pk-usp-slide:hover .pk-cta-link::after {
    color: var(--ex-grey-blue);
    border: 1px solid #d7d9dd;
}

.content_usp_slider-layout .swiper-pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: max(0.5rem, calc(0.5 * var(--su)));
    margin-top: max(2.5rem, calc(2.5 * var(--su)));
}

.content_usp_slider-layout .swiper-pagination .swiper-pagination-bullet {
    width: max(0.5rem, calc(0.5 * var(--su)));
    height: max(0.5rem, calc(0.5 * var(--su)));
    margin: 0;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    opacity: 1;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.content_usp_slider-layout .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--ex-white);
    border-color: var(--ex-white);
}

.content_usp_slider-layout .pk-swipe-cursor {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max(4.5rem, calc(4.5 * var(--su)));
    height: max(4.5rem, calc(4.5 * var(--su)));
    border-radius: 999px;
    background: var(--ex-red);
    color: var(--ex-white);
    font-size: var(--desktop-body-xs);
    font-weight: 500;
    opacity: 0;
    pointer-events: none;
}

/* Content (top-right) */
.content_usp_slider-layout .pk-content_wrap .pk-heading {
    color: var(--ex-white);
}

.content_usp_slider-layout .pk-content_wrap .pk-text {
    margin-top: max(1rem, calc(1 * var(--su)));
    color: rgba(255, 255, 255, 0.7);
}

.content_usp_slider-layout .pk-content_wrap .pk-button-group {
    margin-top: max(1.5rem, calc(1.5 * var(--su)));
}

.content_usp_slider-layout .pk-button-group .pk-button:nth-child(2) {
    color: var(--ex-white);
}
@media only screen and (min-width: 992px) {
	.content_usp_slider-layout .pk-content_wrap{
		padding-left: max(1.5rem, calc(2.5 * var(--su)));
	}
}
@media only screen and (max-width: 992px) {
    .content_usp_slider-layout {
        display: flex;
        flex-direction: column;
    }

    .content_usp_slider-layout .pk-row-content,
    .content_usp_slider-layout .pk-content_wrap {
        display: contents;
    }

    /* Image (top-left) */
    .content_usp_slider-layout .pk-image_wrap {
        display: none;
    }

    .content_usp_slider-layout .pk-content_wrap .pk-heading {
        order: 1;
        margin-top: max(2rem, calc(2 * var(--su)));
    }

    .content_usp_slider-layout .pk-content_wrap .pk-text {
        order: 2;
    }

    .content_usp_slider-layout .pk-usp-slider_wrap {
        order: 3;
        position: static;
        margin-top: max(2rem, calc(2 * var(--su)));
        padding-inline: 0;
    }

    /* CTA button: after the slider items on mobile */
    .content_usp_slider-layout .pk-button-group {
        order: 4;
    }

    .content_usp_slider-layout .pk-usp-slide {
        min-height: max(21.563rem, calc(21.563 * var(--su)));
    }

    .content_usp_slider-layout .pk-usp-slide .pk-cta-link {
        margin-top: auto;
    }

    .content_usp_slider-layout .pk-button-group {
        margin-top: 1.5rem;
    }

    .content_usp_slider-layout .pk-button-group .pk-button {
        width: 100%;
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {
	.content_usp_slider-layout .pk-usp-slider_wrap .pk-usp-slider {
		margin-left: 0;
	}
}