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

footer{

background:#12233D;

color:#c9d2de;

padding:90px 6% 0;

}

.footer-grid{

display:grid;

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

gap:40px;

padding-bottom:60px;

border-bottom:1px solid rgba(255,255,255,.1);

}

.footer-col h3{

font-family:'Playfair Display',serif;

font-size:26px;

color:#fff;

margin-bottom:16px;

}

.footer-logo{

height:48px;

width:auto;

margin-bottom:16px;

}

.footer-col h4{

font-size:16px;

color:#fff;

margin-bottom:20px;

}

.footer-brand p{

font-size:14px;

line-height:1.8;

margin-bottom:12px;

}

.footer-brand i{

color:#C89D43;

margin-right:8px;

width:14px;

}

.footer-brand a{

color:#c9d2de;

}

.footer-brand a:hover{

color:#D6B15E;

}

.footer-col a{

display:block;

color:#c9d2de;

font-size:14px;

margin-bottom:14px;

transition:.3s;

}

.footer-col a:hover{

color:#D6B15E;

}

.footer-bottom{

display:flex;

justify-content:space-between;

align-items:center;

padding:28px 0;

flex-wrap:wrap;

gap:15px;

font-size:13px;

}

.footer-legal{

display:flex;

gap:25px;

}

.footer-legal a{

color:#c9d2de;

}

.footer-legal a:hover{

color:#D6B15E;

}

.footer-social{

display:flex;

gap:14px;

}

.footer-social a{

width:38px;

height:38px;

border-radius:50%;

border:1px solid rgba(255,255,255,.2);

display:flex;

align-items:center;

justify-content:center;

color:#fff;

transition:.3s;

}

.footer-social a:hover{

background:#C89D43;

border-color:#C89D43;

}