.sponsorship{
    width: 100%;
    overflow: hidden;   
    border-top: .8rem solid ;
    border-bottom: .8rem solid;

    border-image-source: linear-gradient(
        135deg,
        var(--color1-brand) 7%,
        var(--color2-brand) 25%,
        var(--color3-brand) 60%,
        var(--color4-brand) 100%
    );

    border-image-slice: 1;
    display: none;

}


.sponsorship-container{
    width: 100%;
}


.sponsorship-text{
    padding: 1rem 0 ;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid lightgray  ;
    width: 70%;
    margin: 0 auto;
    
    
}

.sponsorship-text h1{
    font-weight: var(--title-weight);
    font-size: var(--title-size);
    color: var(--title-color);
    border-right: 3px solid var(--title-color);
    padding: 0 2rem ;

}

.sponsorship-text p{
    font-size: var(--subtitle-size);
    color: var(--title-color);
    padding: 0 2rem;
    

}



.sponsorship-logos{
    display: flex;
    align-items: center;
    gap: 2rem;
    width: max-content;
    animation: scroll 20s linear infinite;


}

.sponsor-logo{
    height: 10rem;
    opacity: 0.5;
}

.sponsor-logo:hover{
    opacity: 1;
}


@keyframes scroll{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(calc(-50% - 2.5rem));
    }

}

@media (max-width:750px){

    .sponsorship-text{
        flex-direction: column;
        padding: 0 1rem;
        text-align: center;
        width: 100%;
        border-bottom: none;
    }

    .sponsorship-text h1{
        font-size: var(--title-size-media);
        border-right: none;
        border-bottom: 2px solid lightgray;
        padding: 1rem 0;

    }

    .sponsorship-text p{
        font-size: var(--subtitle-size-media);
        padding: 1rem 0;
    }

    .sponsor-logo{
        height: 5rem;
    }
}