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

.brands-section{

    position:relative;

    padding:120px 0;

    overflow:hidden;

    background:
    radial-gradient(circle at top left,#dff4ff 0%,transparent 35%),
    radial-gradient(circle at bottom right,#dbeeff 0%,transparent 35%),
    linear-gradient(135deg,#f7fbff 0%,#edf6ff 50%,#ffffff 100%);

}

/* Floating Glow */

.brands-section::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    background:rgba(13,110,253,.08);

    filter:blur(90px);

    top:-180px;

    left:-150px;

}

.brands-section::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(0,184,255,.08);

    filter:blur(90px);

    bottom:-180px;

    right:-120px;

}

.brands-section .container{

    position:relative;

    z-index:2;

}

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

.brands-section .section-heading{

    margin-bottom:70px;

}

.brands-section .section-tag{

    display:inline-block;

    padding:12px 28px;

    background:#e9f4ff;

    color:#0d6efd;

    border-radius:40px;

    font-size:15px;

    font-weight:700;

    margin-bottom:18px;

}

.brands-section h2{

    font-size:48px;

    font-weight:800;

    color:#0A2540;

    margin-bottom:18px;

}

.brands-section p{

    max-width:700px;

    margin:auto;

    color:#667085;

    font-size:18px;

    line-height:1.8;

}

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

.brand-slider{

    overflow:hidden;

}

.brand-track{

    display:flex;

    width:max-content;

    animation:brandMove 35s linear infinite;

}

.brand-slider:hover .brand-track{

    animation-play-state:paused;

}

/*======================
 Card
======================*/

.brand-item{

    width:270px;

    height:160px;

    margin:15px;

    background:#ffffff;

    border-radius:24px;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:20px;

    border:1px solid #edf2f7;

    box-shadow:

    0 10px 30px rgba(0,0,0,.05),

    0 25px 50px rgba(0,87,255,.05);

    transition:.4s;

}

.brand-item:hover{

    transform:translateY(-10px);

    box-shadow:

    0 20px 50px rgba(0,87,255,.18);

}

/*======================
 Logo
======================*/

.brand-item img{

    width:95%;

    height:95%;

    object-fit:contain;

    object-position:center;

    transition:.35s;

}

.brand-item:hover img{

    transform:scale(1.08);

}

/*======================
 Animation
======================*/

@keyframes brandMove{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}

/*======================
 Mobile
======================*/

@media(max-width:991px){

.brands-section{

padding:90px 0;

}

.brands-section h2{

font-size:36px;

}

.brand-item{

width:220px;

height:130px;

}

.brand-item img{

width:170px;

height:80px;

}

}

@media(max-width:576px){

.brand-item{

width:180px;

height:100px;

margin:10px;

}

.brand-item img{

width:140px;

height:60px;

}

}