/*
==========================================
BRANDS SECTION
==========================================
*/

.srb-brands{

    position:relative;

    padding:120px 0;

    background:#f7fbff;

    overflow:hidden;

}

.srb-brands::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(17,147,210,.05);

    top:-120px;

    right:-120px;

}

.srb-brands::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    border-radius:50%;

    background:rgba(17,147,210,.05);

    left:-120px;

    bottom:-120px;

}

.srb-brands .srb-container{

    position:relative;

    z-index:2;

}


/*
==========================================
Heading
==========================================
*/

.srb-section-heading{

    text-align:center;

    margin-bottom:60px;

}

.srb-section-subtitle{

    display:inline-block;

    padding:8px 22px;

    border-radius:30px;

    background:#eaf9ff;

    color:#1193d2;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.srb-section-title{

    font-size:48px;

    line-height:1.2;

    font-weight:800;

    color:#17324d;

}


/*
==========================================
Slider
==========================================
*/

.srb-brands-slider{

    position:relative;

    width:100%;

    overflow:hidden;

}


/*
==========================================
Track
==========================================
*/

.srb-brand-track{

    display:flex;

    align-items:center;

    gap:30px;

    width:max-content;

    will-change:transform;

    transform:translate3d(0,0,0);

}


/*
==========================================
Item
==========================================
*/

.srb-brand-item{

    flex:0 0 180px;

    width:180px;

    height:90px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#fff;

    border:1px solid #edf2f7;

    border-radius:18px;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

    transition:.35s;

}

.srb-brand-item:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.srb-brand-item a{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    height:100%;

}

.srb-brand-item img{

    width:auto;

    height:auto;

    max-width:120px;

    max-height:55px;

    object-fit:contain;

    opacity:.75;

    transition:.35s;

}

.srb-brand-item:hover img{

    opacity:1;

    transform:scale(1.06);

}


/*
==========================================
Responsive
==========================================
*/

@media (max-width:991px){

    .srb-brands{

        padding:90px 0;

    }

    .srb-section-title{

        font-size:38px;

    }

    .srb-brand-item{

        flex:0 0 160px;

        width:160px;

        height:85px;

    }

}

@media (max-width:767px){

    .srb-section-title{

        font-size:30px;

    }

    .srb-brand-item{

        flex:0 0 140px;

        width:140px;

        height:75px;

    }

    .srb-brand-item img{

        max-width:90px;

        max-height:45px;

    }

}