.footer{
    width: 100%;
    height: auto;

    background: #212529;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #DCFFFF;
    padding: 16px 0 64px 0 ;
}
.footer p{
    padding: 16px 0 ;
    color: #DCFFFF;
}
.footer .footer-content{
    width: 87%; 
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(240px,auto));
    gap: 0.5rem;
}
.footer .footer-content .content-box h4{
    color: var(--text-third-color);
    text-align: center;
    padding: 8px;
    font-size: var(--p-font);
}
.footer .footer-content .content-box .box{
    text-align: center;
}
.footer .footer-content .content-box .box li a{
    color: var(--text-second-color);
    font-size: var(--p-small-font);
}