/*==================================================
SPONSORS
==================================================*/

#sponsors{

    padding:140px 0;

    background:linear-gradient(180deg,#071826 0%,#0B2233 100%);

    position:relative;

}

#sponsors::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:220px;

    height:3px;

    background:#C78C32;

}

.sponsors-header{

    text-align:center;

    margin-bottom:70px;

}

.sponsors-header h2{

    font-size:3rem;

    margin-bottom:15px;

}

.sponsors-header p{

    color:#BFC9D2;

    font-size:1.1rem;

    max-width:700px;

    margin:auto;

}

.main-sponsor{

    background:#0E2436;

    border:1px solid rgba(199,140,50,.45);

    border-radius:26px;

    padding:45px;

    margin:0 auto 80px;

    max-width:950px;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.35s;

}

.main-sponsor:hover{

    transform:translateY(-6px);

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

}

.main-sponsor img{

    max-width:500px;

    width:100%;

}

.sponsors-grid{

    display:grid;

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

    gap:25px;

}

.sponsor-card{

    background:white;

    height:150px;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:25px;

    transition:.30s;

    overflow:hidden;

}

.sponsor-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.35);

}

.sponsor-card img{

    max-width:180px;

    max-height:80px;

    width:auto;

    height:auto;

    object-fit:contain;

    transition:.30s;

}

.sponsor-card-olympia{
    background:#ffffff;
    border:1px solid rgba(11,34,51,.12);
}

.sponsor-card-olympia img{
    max-width:190px;
    max-height:90px;
    filter:brightness(0) saturate(100%);
}

.sponsor-card:hover img{

    transform:scale(1.06);

}

@media(max-width:1100px){

.sponsors-grid{

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

}

}

@media(max-width:768px){

.sponsors-grid{

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

}

.main-sponsor{

padding:25px;

}

}

@media(max-width:500px){

.sponsors-grid{

grid-template-columns:1fr;

}

}