/* 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 >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 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%;}*/
}