/* clients */
.clients {
background-color: var(--text-bg);
border-radius: 4rem ;
    
}
.clients .title{
    font-size: 4rem;
    line-height: 1;
    margin-top: 6rem;
}
.clients-desc{
    line-height: 1.1;
   
}
.swiper-slide{
    border-radius: 6rem !important;
    border: 1px solid var(--bg);
    padding: 2rem 0;
    min-height: 20rem;
}
/* clients sliders */
.clients-swiper .swiper-wrapper {
    transition-timing-function: linear !important; /* this makes the motion smooth and constant */
}
.clients-swiper .swiper-slide {
    min-height: 0;
    aspect-ratio: 191 / 271;          /* card size from the design */
    padding: 1.5rem 1rem;
    border-radius: 3rem;
    border: 1px solid var(--bg);
    background: linear-gradient(135deg, #F3F6F9 0%, #FFFFFF 60%);
}
.clients-swiper .client-logo {
    width: 100%;
    max-height: 4rem;
    object-fit: contain;
}
/* soft fade on both edges of the sliders */
.clients-swiper {
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        #000 12%,
        #000 88%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to right,
        transparent 0%,
        #000 12%,
        #000 88%,
        transparent 100%
    );
}