/* swiper */
.sec-6-mobile-view {
    display: none !important;
}

/*
.swiper-col{margin-top: var(--spacing-40);
}
*/


.swiper-col,
.swiper-mobile-col {
    flex-direction: column;
}

/* .swiper-col .sec-3-cta{display: flex;align-items: center;
}
.swiper-col .sec-3-cta > div {width: 30%;
}
.swiper-col .sec-3-cta > a{margin: auto; margin-top: var(--spacing-32);
} */
/* .swiper-mobile-col .sec-3-cta{margin-top: var(--spacing-32); display: flex; justify-content: center; align-items: center;
} */
/* desktop swiper */
.swiper {
    width: 100%;
    height: fit-content;
    max-height: 642px;
    display: flex !important;
    position: relative;
}

.swiper .swiper-slide {
    margin: auto;
    transition: 0.4s ease !important;
    transform: scale(0.9);
}

/*.swiper .swiper-slide {padding: var(--spacing-8);margin: auto;transition: 0.4s ease !important; transform: scale(0.9);
}*/

.swiper .swiper-slide-inner {
    scale: 0.93;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 0;
    transition: 0.4s ease;
}

/*
.swiper .swiper-slide-inner {scale: 0.93; width: 100%; max-width: 720px;margin: auto;display: flex;gap: var(--spacing-24);align-items: center; padding: 0 var(--spacing-32);transition: 0.4s ease;
}
*/
.swiper .swiper-slide-container {
    width: 100%;
    height: 100%;
    border-radius: var(--spacing-16);
    display: flex;
    align-items: center;
    gap: var(--spacing-24);
}

.swiper .swiper-slide-active .swiper-slide-inner {
    scale: 1;
    height: 100%;
    gap: 24px;
}

.swiper .slide-inner-top {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.swiper .slide-inner-bottom {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
}

.swiper .slide-inner-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    height: 100%;
    width: 65%;
}

.swiper .slide-inner-left .slide-label {
    color: #4039A8;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 2.88px;
    text-transform: uppercase;
}

.swiper .slide-inner-left>p {
    font-size: var(--font-size-20);
    line-height: 30px;
}

.swiper .slide-inner-left .disclaimer {
    background-color: var(--color-surface-soft-blue-light);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: var(--spacing-16);
    border-radius: var(--spacing-8);
    max-width: min(372px, 100%);
    align-self: end;
}

.swiper .slide-inner-left .disclaimer>p {
    margin: 0 0 0 var(--spacing-8);
    padding: 0;
    font-size: var(--font-size-12);
    font-weight: 600;
    line-height: 14px;
}

/*.swiper .slide-inner-left > img {min-height: 64px; max-width: 100px;
}*/
.swiper .slide-inner-right {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
    align-items: flex-end;
    margin-left: var(--spacing-24);
}

.swiper .slide-inner-right>video,
.swiper .slide-inner-right>img {
    width: 100%;
}


/*
.swiper .slide-inner-right > h4, .swiper .slide-inner-right > p {margin: 0;font-size: clamp(15px, 2vw, var(--font-size-20)) !important; line-height: clamp(20px, 2.3vw, 30px) !important;
}
.swiper .slide-inner-right > h4 {font-weight: bold; font-family: 'EC Square Sans Pro M';
}
*/
.swiper .swiper-slide-active {
    width: 100% !important;
    transform: scale(1);
}

/*
.swiper .swiper-slide-active > .swiper-slide-container {background-color: #D3BDED;
}*/
.swiper .swiper-pagination {
    padding: 2px var(--spacing-8);
    position: unset !important;
    transform: none !important;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
    width: 40%;
}

.swiper .custom-pagination-class {
    border-radius: var(--spacing-24);
    transition: 0.2s ease;
    text-align: left;
    width: fit-content;
    padding: var(--spacing-8) var(--spacing-16);
    cursor: pointer;
}

.swiper .custom-pagination-class:focus-visible {
    outline: 2px dashed #d2aff6;
}

.swiper .custom-pagination-class:not(.custom-pagination-active-class):hover {
    background: var(--color-surface-soft-blue-light);
}

.swiper .custom-pagination-active-class {
    background: var(--color-surface-soft-blue);
    position: relative;
    font-weight: bold;
}

/* .swiper .custom-pagination-active-class::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 3px;background-color: #7a79e4;
} */

.sec-3-cta {
    display: flex;
}

.sec-3-cta .sec-3-bottom-placeholder {
    width: 28%;
}

.sec-3-cta .sec-3-a-tag-container {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex: 1;
    padding-top: var(--spacing-32);
}



/* mobile view */

@media (max-width: 767px) {
    .sec-6-mobile-view {
        display: flex !important;
        flex-direction: column;
        gap: var(--spacing-80);
    }

    .sec-6-mobile-view .sec-6-mobile-card {
        position: relative;
        padding: var(--spacing-24);
        padding-top: var(--spacing-60);
        border-radius: var(--spacing-16);
    }

    .sec-6-mobile-view .sec-6-mobile-card:first-child {
        padding-top: var(--spacing-8);
    }

    .sec-6-mobile-view .sec-6-mobile-card .slide-inner-left .slide-label {
        color: #4039A8;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 2.88px;
        text-transform: uppercase;
    }

    .sec-6-mobile-view .sec-6-mobile-card .slide-inner-left>p {
        font-size: var(--font-size-20);
        line-height: 30px;
    }

    .sec-6-mobile-view .sec-6-mobile-card .slide-inner-right {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: flex-end;
        gap: var(--spacing-16);
    }

    .sec-6-mobile-view .sec-6-mobile-card .slide-inner-right .img-container {
        display: flex;
    }

    .sec-6-mobile-view .sec-6-mobile-card .slide-inner-right video,
    .sec-6-mobile-view .sec-6-mobile-card .slide-inner-right img {
        width: 100%;
    }

    .sec-6-mobile-view .sec-6-mobile-card .disclaimer {
        background-color: var(--color-surface-soft-blue-light);
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: var(--spacing-16);
        margin-top: var(--spacing-24);
        border-radius: var(--spacing-8);
        width: 100%;
        align-self: end;
    }

    .sec-6-mobile-view .sec-6-mobile-card .disclaimer>p {
        margin: 0 0 0 var(--spacing-8);
        padding: 0;
        font-size: var(--font-size-12);
        font-weight: 600;
        line-height: 14px;
    }

    /* .sec-6-mobile-view .sec-6-mobile-card > h4{width: 65%; font-size: var(--font-size-20);font-style: normal;font-weight: 700;line-height: 30px;}
    .sec-6-mobile-view .sec-6-mobile-card > p{font-size: var(--font-size-20);font-style: normal;font-weight: 400;line-height: 30px;}
    .sec-6-mobile-view .mob-card-img-container{position: relative;}
    .sec-6-mobile-view .mob-card-img-container > img{position: absolute; min-width: 120px; z-index: 10; bottom: -38px; right: 5%;}*/
}