.container-clients {
    background: var(--Neutral-200, #F7F7F7);
    padding-top: 88px;
    padding-bottom: 88px;
}
    .container-clients .row{
        margin:0px;
    }
    .container-clients .swiper-wrapper {
        background-color: #fff !important;
    }
.swiper.mySwiper.clients {
    background-color: #fff;
}

.article .swiper-slide {
    display: block;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    margin: 0px;
}

.container-clients img {
    width: 208px;
    height: 112px;
}
/* Client Content For h3 , p */
.container-clients h3 {
    color: var(--Primary-500, #167AD8);
    font-size: calc(2vw + 1rem);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.container-clients p {
    color: var(--Neutral-600, #999);
    font-size: calc(0.1vw + 0.85rem);
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 28.8px */
}
.container-clients .see-all .btn {
    color: var(--Primary-500, #167AD8) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 12px 22px;
    border-radius: 12px;
    border: 1px solid var(--Primary-500, #167AD8);
    transition: .3s all
}
    .container-clients .see-all .btn:hover {
        color: #fff !important;
        background-color: #167AD8;
    }

@media screen and (min-width: 1400px) {
    .container-clients .clients-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
@media screen and (min-width : 340px)  {
    .container-clients {
        padding-top: 20px;
        padding-bottom: 15px;

    }
}
.main-client {
    background-image: url("/assets/MainPages/Aboutus.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}