.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;
}

.clients-section img {
    width: 208px;
    height: 112px;
}

.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;
}

.skills .skills-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.skills .wrapper-skills {
    display: inline-flex;
    padding: 50px 0;
    animation: slide 15s linear infinite;
    transition: animation 0.5s;
}

html[lang="ar"] .skills .wrapper-skills {
    animation: slide-rtl 15s linear infinite;
}

.skills .wrapper-skills .skill {
    border: 1px solid #167AD8;
    margin: 0 20px;
    width: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 25px 10px;
    border-radius: 15px;
    cursor: pointer;
    transition: all 0.3s linear;
}

    .skills .wrapper-skills .skill::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 90%;
        height: 1px;
        background: linear-gradient(90deg, #1a4d9e 20%, #167AD8 52%, #1a4d9e 81%);
    }

html[lang="ar"] .skills .wrapper-skills .skill::after {
    background: linear-gradient(90deg, #1a4d9e 20%, #167AD8 52%, #1a4d9e 81%);
}

.skills .wrapper-skills .skill:hover::after {
    background: unset;
}

.skills .wrapper-skills .skill:hover {
    border: 1px solid #167AD8;
    transform: scale(1.1);
}

.skills .wrapper-skills:hover {
    animation-play-state: paused;
}

html[lang="ar"] .skills .wrapper-skills:hover {
    animation-play-state: paused;
}

.skills .wrapper-skills .skill .img {
    padding: 10px 0;
}

    .skills .wrapper-skills .skill .img img {
        width: 100%;
        height: 100%;
    }

.skills .wrapper-skills .skill .name-skill p {
    color: #167AD8;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0 0 0;
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes slide-rtl {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(50%);
    }
}

@media screen and (max-width : 768px) {
.clients-title h3,p{
    text-align:center
}
}