#footer{
    padding: 40px 100px 24px 100px;
    overflow: hidden;
}

#footer .logo-brand{
    width: fit-content;
    height: 129px;
    margin-bottom: 40px;
}

#footer .top-section{
    padding: 0;
    margin: 0 auto;
}


#footer .foot-link{
    font-size: 16px;
    font-weight: 600;
    margin-right: 48px;
    color: var(--primaryNeutral900);
    text-decoration: none;
    margin-bottom: 40px;
}

#footer .foot-link:nth-last-child(1){
    margin-right: 0 !important;
}


#footer .top-section{
    border-bottom: 2px solid var(--primaryNeutral200);
}

#footer .copyright{
    margin-top: 24px;
    width: 60%;
}

#footer .modal-content{
    max-height: 90vh !important;
    overflow: hidden;
    overflow-y: scroll;
    padding: 20px;
}

#footer .modal-content .title-term{
    font-size: 24px;
    font-weight: bold;
    color: var(--primaryNeutral900);
}

#footer .modal-content .text-term{
    text-align: justify;
}

#footer .modal-content .subtitle-term{
    font-size: 20px;
    font-weight: 600;
}

#footer .modal-content .list-term{
    list-style-type: decimal;
}



@media (max-width: 768px) {
    #footer{
        padding: 40px 60px 24px 60px;

    }
    
    #footer .copyright{
        width: 80%;
    }

    #footer .foot-link{
        margin: 10px auto;
    }

    #footer .foot-link:nth-last-child(1){
        margin: 10px auto !important;
    }
}

@media (max-width: 576px) {

    #footer{
        padding: 20px;
    }

    
    #footer .copyright{
        width: 100%;
    }
}