/*====================================
TRUST SECTION
====================================*/

#trust{

    padding:140px 8%;
    text-align:center;

}

.trust-header h5{

    color:#5BC8FF;
    letter-spacing:4px;
    font-size:20px;
    font-weight: bold;
    margin-bottom:18px;
    font-weight:500;

}

.trust-header h2{

    font-size:58px;
    color:#FFC83D;
    margin-bottom:20px;

}

.trust-header p{

    color:#9EA7B8;
    margin-bottom:90px;

}

/*====================================
CARDS
====================================*/

.stats{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:32px;

}

.glass-card{

    background:rgba(255,255,255,.04);

    border:1px solid rgba(255,255,255,.08);

    border-radius:24px;

    backdrop-filter:blur(16px);

    padding:50px 35px;

    transition:.35s;

}

.glass-card:hover{

    transform:translateY(-12px);

    border-color:#5BC8FF;

    box-shadow:0 0 30px rgba(91,200,255,.35);

}

.counter{

    display:block;

    font-size:64px;

    color:#FFC83D;

    font-weight:700;

}

.counter::after{

    content:"+";

}

.glass-card h3{

    margin-top:24px;

    font-size:20px;

    line-height:1.5;

    font-weight:400;

}

/*====================================
CLIENT BELT
====================================*/

.clients-title{

    margin-top:110px;

    margin-bottom:50px;

    color:#D9D9D9;

    letter-spacing:3px;

}

.logo-slider{

    overflow:hidden;
    width:100%;

}
.logo-track{

    display:flex;

    align-items:center;

    gap:40px;

    width:max-content;

    animation:trustScroll 38s linear infinite;

}
.logo-track img{

    width:140px;
    height:70px;

    object-fit:contain;

    opacity:.55;

    filter:grayscale(100%);

    transition:.35s;

}

.logo-track img:hover{

    opacity:1;

    filter:none;

    transform:scale(1.08);

}

.logo-track span{

    padding:16px 34px;

    border-radius:60px;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    transition:.35s;

}

.logo-track span:hover{

    transform:scale(1.08);

    color:#5BC8FF;

    border-color:#5BC8FF;

    box-shadow:0 0 20px rgba(91,200,255,.35);

}

@keyframes trustScroll{

from{

transform:translateX(0);

}

to{

transform:translateX(-50%);

}

}

/*====================================
RESPONSIVE
====================================*/

@media(max-width:1000px){

.stats{

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

}

}

@media(max-width:700px){

.stats{

grid-template-columns:1fr;

}

.trust-header h2{

font-size:40px;

}

}