/* =========================
YESAA FLAT PROFESSIONAL FOOTER
========================= */

.yesaa-footer{
    background:#062b18;
    color:white;
}


/* MAIN */

.footer-main{
    width:90%;
    max-width:1200px;
    margin:auto;
    padding:20px 0;
    display:grid;
    grid-template-columns:1.2fr 1fr 1.3fr;
    gap:25px;
}


/* BRAND */

.footer-brand img{
    width:90px;
    margin-bottom:8px;
}

.footer-brand p{
    color:#cbd5ce;
    line-height:1.4;
    font-size:13px;
}


.social-links{
    display:flex;
    gap:8px;
    margin-top:10px;
}


.social-links a{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#0b6b34;
    color:white;
}



/* COLUMNS */

.footer-column h4{
    font-size:16px;
    margin:0 0 8px;
    color:#d4a017;
}


.footer-column ul{
    list-style:none;
    padding:0;
    margin:0;
}


.footer-column li{
    margin-bottom:5px;
}


.footer-column a{
    color:#d0d7d2;
    text-decoration:none;
    font-size:14px;
}



/* CONTACT */

.contact p{
    display:flex;
    gap:8px;
    color:#d0d7d2;
    margin:0 0 6px;
    font-size:13px;
    line-height:1.35;
}


.contact i{
    color:#d4a017;
}


/* NEWSLETTER */

.footer-newsletter{
    background:#0b6b34;
    padding:12px 5%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
}


.footer-newsletter h3{
    font-size:18px;
    margin:0 0 3px;
}


.footer-newsletter p{
    margin:0;
    font-size:13px;
}


.footer-newsletter input{
    width:230px;
    padding:8px;
}


.footer-newsletter button{
    padding:8px 15px;
    background:#d4a017;
    border:none;
    color:white;
}



/* BOTTOM */

.footer-bottom{
    padding:8px 5%;
    background:#041c10;
    font-size:12px;
}



/* RESPONSIVE */

@media(max-width:900px){

.footer-main{
    grid-template-columns:repeat(2,1fr);
}

}


@media(max-width:600px){

.footer-main{
    grid-template-columns:1fr;
    text-align:center;
}

.social-links{
    justify-content:center;
}

.footer-newsletter{
    flex-direction:column;
    text-align:center;
}

.footer-newsletter form{
    width:100%;
}

.footer-newsletter input{
    width:100%;
}

.footer-bottom{
    text-align:center;
}

}