/*==================================================
TRUSTED ORGANIZATIONS
==================================================*/

.trusted-section{

padding:70px 0;

background:#ffffff;

border-top:1px solid #eef2f7;

border-bottom:1px solid #eef2f7;

overflow:hidden;

}

.trusted-title{

text-align:center;

font-size:18px;

font-weight:600;

color:#666;

margin-bottom:40px;

}

.logo-slider{

position:relative;

overflow:hidden;

width:100%;

}

.logo-track{

display:flex;

align-items:center;

width:max-content;

animation:logoScroll 35s linear infinite;

}

.logo-track:hover{

animation-play-state:paused;

}

.logo-item{

width:220px;

height:110px;

display:flex;

align-items:center;

justify-content:center;

margin:0 18px;

padding:20px;

background:#fff;

border-radius:18px;

border:1px solid #eef2f7;

box-shadow:0 10px 30px rgba(0,0,0,.04);

transition:.35s;

}

.logo-item:hover{

transform:translateY(-8px);

box-shadow:0 20px 45px rgba(15,76,129,.12);

}

.logo-item img{

max-width:150px;

max-height:60px;

width:auto;

height:auto;

object-fit:contain;

filter:grayscale(100%);

opacity:.75;

transition:.35s;

}

.logo-item:hover img{

filter:none;

opacity:1;

}

@keyframes logoScroll{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}

@media(max-width:991px){

.logo-item{

width:170px;

height:90px;

margin:0 12px;

}

.logo-item img{

max-width:110px;

max-height:45px;

}

}

@media(max-width:576px){

.trusted-section{

padding:50px 0;

}

.logo-item{

width:140px;

height:75px;

padding:12px;

}

.logo-item img{

max-width:90px;

max-height:35px;

}

}