/* ==========================================
   Trusted Companies
========================================== */

.trusted{

    padding:80px 0;

    background:#fff;

}

.trusted-title{

    text-align:center;

    margin-bottom:50px;

}

.trusted-title span{

    color:var(--secondary);

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:2px;

}

.trusted-title h2{

    margin-top:10px;

    font-size:42px;

    font-family:var(--font-heading);

    font-weight:700;

    color:var(--primary);

}

.logo-slider{

    overflow:hidden;

    position:relative;

}

.logo-track{

    display:flex;

    width:max-content;

    animation:scrollLogos 35s linear infinite;

}

.logo-item{

    width:220px;

    height:110px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 15px;

    background:#fff;

    border-radius:15px;

    border:1px solid var(--gray-200);

    transition:.3s;

}

.logo-item img{

    max-width:120px;

    max-height:50px;

    filter:grayscale(100%);

    opacity:.7;

    transition:.35s;

}

.logo-item:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow);

}

.logo-item:hover img{

    filter:none;

    opacity:1;

}

@keyframes scrollLogos{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}

@media(max-width:768px){

.logo-item{

width:160px;

height:90px;

}

.logo-item img{

max-width:90px;

}

}