/*==================================================
POTENTIAL RECRUITERS
==================================================*/

.recruiters-section{

    padding:90px 0;

   background:linear-gradient(135deg,#061426,#0d2744,#102f52);

    overflow:hidden;

}

.recruiters-title{

    text-align:center;

    margin-bottom:60px;

}

.recruiters-title h2{

color:#ffffff;

font-size:52px;

font-weight:700;

}

.recruiters-title p{

color:#d9d9d9;

}

.recruiters-title span{

    display:block;

    font-size:34px;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:3px;

    background:linear-gradient(90deg,#FFD700,#F7C948,#FFF3A3);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    margin-bottom:18px;

}
/* LOGO STRIP */

.logo-slider{
    padding:0 80px;
}

.logo-track{

    display:flex;

    width:max-content;

    animation:scrollLogos 30s linear infinite;

}

.logo-track:hover{

    animation-play-state:paused;

}

.logo-item{

    width:150px;

    height:150px;

    border-radius:50%;

    background:#ffffff;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

    margin:0 20px;

    transition:.4s;

}

.logo-item:hover{

transform:translateY(-15px) scale(1.08);

background:#ffffff;
border:3px solid #f7c948;

box-shadow:0 20px 45px rgba(247,201,72,.35);

}

.logo-item:hover img{

transform:scale(1.08);

transition:.4s;

}

@keyframes scrollLogos{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}

@media(max-width:768px){

.logo-item{

width:160px;

height:100px;

}

.logo-item img{

    width:90px;

    height:55px;

    object-fit:contain;

    object-position:center;

    display:block;

}
}