/*==========================================
CLIENTS SECTION
==========================================*/

.clients-section{

    padding:110px 0;

    background:#F7F9FC;

}

.clients-section .container{

    max-width:1400px;

    margin:auto;

    padding:0 20px;

}

.clients-section .section-header{

    text-align:center;

    margin-bottom:70px;

}

.clients-section .section-subtitle{

    color:#E53935;

    font-size:15px;

    font-weight:700;

    letter-spacing:1px;

}

.clients-section h2{

    margin:15px 0;

    font-size:42px;

    color:#0E2A57;

    font-weight:800;

}

.clients-section p{

    max-width:760px;

    margin:auto;

    font-size:18px;

    color:#6E7B8B;

    line-height:2;

}

.clients-grid{

    display:grid;

    grid-template-columns:repeat(6,1fr);

    gap:25px;

    margin-top:60px;

}

.client-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    display:flex;

    justify-content:center;

    align-items:center;

    height:150px;

    transition:.35s;

    box-shadow:0 15px 40px rgba(0,0,0,.07);

    border:1px solid rgba(14,42,87,.05);

}

.client-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 55px rgba(0,0,0,.12);

}

.client-card img{

    max-width:100%;

    max-height:70px;

    object-fit:contain;

    filter:grayscale(100%);

    opacity:.8;

    transition:.35s;

}

.client-card:hover img{

    filter:none;

    opacity:1;

}

@media(max-width:1200px){

.clients-grid{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:768px){

.clients-grid{

grid-template-columns:repeat(2,1fr);

}

.client-card{

height:120px;

padding:25px;

}

.client-card img{

max-height:55px;

}

}