/* ======================
   PREMIUM ASH FOOTER
====================== */


.footer{

    background:#f1f3f5;

    color:#0f172a;

    padding:50px 8% 45px;

    border-top:1px solid #e2e8f0;

}


/* CONTAINER */

.footer-container{

    display:grid;

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

    gap:70px;

    max-width:1400px;

    margin:auto;

}



/* BRAND */


.footer-brand h2{

    font-size:40px;

    font-weight:800;

    letter-spacing:-0.05em;

    margin-bottom:20px;

    color:#111827;

}


.footer-brand p{

    color:#475569;

    max-width:380px;

    line-height:1.8;

    font-size:15px;

}



/* HEADINGS */


.footer-contact h4,
.footer-newsletter h4{

    font-size:18px;

    font-weight:700;

    margin-bottom:25px;
    margin-top:25px;

    color:#111827;

}



/* CONTACT */


.footer-contact p{

    color:#475569;

    margin-bottom:14px;

    font-size:15px;

}



/* SOCIAL */


.socials{

    display:flex;

    gap:14px;

    margin-top:30px;

}


.socials a{

    width:46px;

    height:46px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;


    background:#ffffff;

    border:1px solid #dbe2ea;

    color:#334155;

    font-size:18px;

    text-decoration:none;

    transition:.35s;

}


.socials a:hover{

    transform:translateY(-6px);

    background:#111827;

    color:white;

    box-shadow:0 15px 30px rgba(15,23,42,.15);

}



/* NEWSLETTER */


.footer-newsletter p{

    color:#475569;

    line-height:1.7;

    margin-bottom:22px;

}



.footer-input{

    display:flex;

    height:54px;

    background:white;

    border-radius:50px;

    overflow:hidden;

    border:1px solid #dbe2ea;

}



.footer-input input{

    flex:1;

    border:none;

    outline:none;

    padding:0 22px;

    background:transparent;

    font-size:14px;

}



.footer-input button{

    border:none;

    padding:0 32px;

    background:#111827;

    color:white;

    font-weight:600;

    cursor:pointer;

    transition:.3s;

}


.footer-input button:hover{

    background:#2563eb;

}



/* POLICY */


.footer-policy{

    max-width:1400px;

    margin:65px auto 0;

    padding:28px 0;

    border-top:1px solid #d8dee6;


    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:16px 30px;

}



.footer-policy a{

    color:#64748b;

    text-decoration:none;

    font-size:14px;

    transition:.3s;

}


.footer-policy a:hover{

    color:#111827;

}



/* BOTTOM */


.footer-bottom{

    padding-top:25px;

    border-top:1px solid #d8dee6;

    text-align:center;

    color:#64748b;

    font-size:14px;

}



/* MOBILE */


@media(max-width:900px){

    .footer-container{

        grid-template-columns:1fr;

        gap:45px;

    }


    .footer-brand h2{

        font-size:32px;

    }

}