/* ===================================== */
/* FOOTER */
/* ===================================== */

.footer-section{

    position:relative;

    padding:
    0
    30px
    40px;

}

/* CONTAINER */

.footer-container{

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:
    1.5fr 1fr 1fr;

    gap:60px;

    padding:
    60px
    0;

    border-top:
    1px solid rgba(255,255,255,0.08);

}

/* BRAND */

.footer-brand{

    max-width:420px;

}

.footer-logo{

    width:140px;

    margin-bottom:28px;

}

.footer-brand p{

    color:var(--text-soft);

    line-height:1.9;

    font-size:16px;

}

/* LINKS */

.footer-links{

    display:flex;

    flex-direction:column;

    gap:16px;

}

/* TITLE */

.footer-links h3{

    color:#fff;

    font-size:20px;

    margin-bottom:12px;

    text-transform:lowercase;

}

/* LINKS */

.footer-links a{

    color:var(--text-soft);

    text-decoration:none;

    font-size:15px;

    transition:0.3s;

    width:fit-content;

}

/* HOVER */

.footer-links a:hover{

    color:var(--primary);

    transform:translateX(5px);

}

/* BOTTOM */

.footer-bottom{

    max-width:1400px;

    margin:auto;

    padding-top:30px;

    border-top:
    1px solid rgba(255,255,255,0.08);

    text-align:center;

}

/* TEXT */

.footer-bottom p{

    color:var(--text-soft);

    font-size:14px;

    line-height:1.8;

}

/* RESPONSIVE */

@media(max-width:980px){

    .footer-container{

        grid-template-columns:1fr;

        gap:40px;

    }

}

@media(max-width:768px){

    .footer-section{

        padding:
        0
        20px
        30px;

    }

    .footer-container{

        padding:
        50px
        0;

    }

}