footer{
    background:var(--second-bg);
    border-top:1px solid var(--border-color);
    padding-top:70px;
}

.footer-container{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr;
    gap:50px;
    padding-bottom:50px;
}

/* FOOTER ABOUT */
.footer-about h3{
    font-size:24px;
    margin-bottom:16px;
}

.footer-about h3 span{
    color:var(--primary-color);
}

.footer-about p{
    font-size:14px;
    margin-bottom:22px;
    max-width:320px;
}

.footer-socials{
    display:flex;
    gap:14px;
}

.footer-socials a{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--border-color);
    border-radius:50%;
    color:var(--text-color);
    transition:var(--transition);
}

.footer-socials a:hover{
    background:var(--primary-color);
    border-color:var(--primary-color);
    color:var(--bg-color);
    transform:translateY(-4px);
}

/* FOOTER LINKS */
.footer-links h4,
.footer-contact h4{
    font-size:17px;
    margin-bottom:22px;
    color:var(--text-color);
}

.footer-links ul li{
    margin-bottom:12px;
}

.footer-links ul li a{
    color:var(--text-secondary);
    font-size:14.5px;
    transition:var(--transition);
}

.footer-links ul li a:hover{
    color:var(--primary-color);
    padding-left:4px;
}

/* FOOTER CONTACT */
.footer-contact p{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14.5px;
    margin-bottom:14px;
}

.footer-contact p i{
    color:var(--primary-color);
}

.footer-btn{
    display:inline-flex;
    margin-top:10px;
    padding:10px 24px;
    font-size:14px;
}

/* FOOTER BOTTOM */
.footer-bottom{
    border-top:1px solid var(--border-color);
    padding:22px 0;
    text-align:center;
}

.footer-bottom p{
    font-size:13.5px;
}

/* RESPONSIVE */
@media(max-width:768px){

    .footer-container{
        grid-template-columns:1fr;
        text-align:center;
        gap:40px;
    }

    .footer-about p{
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
    }

    .footer-socials{
        justify-content:center;
    }

}