/* =========================
   BRAND START
========================= */

.platform-section{
    background:#fff;
    padding:70px 0;
    overflow:hidden;
}

.platform-container{
    width:100%;
}

.platform-title{
    text-align:center;
    margin-bottom:50px;
}

.platform-title h2{
    font-size:42px;
    font-weight:700;
    color:#111;
    margin:0;
    line-height:1.3;
}

.platform-title h2 span{
    color:#D4AF37;
}

/* Slider */

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

.logo-track{
    display:flex;
    align-items:center;
    width:max-content;
    animation:scrollLogos 28s linear infinite;
}

.logo-slider:hover .logo-track{
    animation-play-state:running;
}

.logo-item{
    flex:0 0 auto;
    width:180px;
    margin:0 35px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.logo-item img{
    max-width:160px;
    max-height:70px;
    width:auto;
    height:auto;
    object-fit:contain;
    transition:.3s;
}

.logo-item img:hover{
    transform:scale(1.08);
}

/* Smooth Infinite Scroll */

@keyframes scrollLogos{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

/* TABLET */

@media(max-width:991px){

    .platform-section{
        padding:60px 0;
    }

    .platform-title{
        margin-bottom:40px;
    }

    .platform-title h2{
        font-size:34px;
    }

    .logo-item{
        width:150px;
        margin:0 25px;
    }

    .logo-item img{
        max-width:130px;
        max-height:60px;
    }
}

/*  MOBILE */

@media(max-width:767px){

    .platform-section{
        padding:50px 0;
    }

    .platform-title{
        margin-bottom:35px;
    }

    .platform-title h2{
        font-size:26px;
        line-height:1.4;
        padding:0 15px;
    }

    .logo-item{
        width:120px;
        margin:0 18px;
    }

    .logo-item img{
        max-width:100px;
        max-height:45px;
    }

    .logo-track{
        animation:scrollLogos 20s linear infinite;
    }
}
/* =========================
   BRAND END
========================= */