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

.site-footer{

background:#081C2C;
color:#fff;

padding:100px 0 30px;

}

.footer-grid{

display:grid;

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

gap:70px;

margin-bottom:70px;

}

.footer-brand{

max-width:360px;

}

.footer-logo{

display:inline-block;

margin-bottom:28px;

}

.footer-logo img{

height:70px;
width:auto;

}

.footer-brand p{

color:rgba(255,255,255,.72);

line-height:1.9;

margin-bottom:18px;

}

.footer-column h4{

font-size:24px;

margin-bottom:24px;

color:#fff;

}

.footer-column ul{

padding:0;
margin:0;

}

.footer-column li{

margin-bottom:14px;

}

.footer-column a{

color:rgba(255,255,255,.72);

transition:.3s;

}

.footer-column a:hover{

color:#C6A56A;

}

.footer-column p{

color:rgba(255,255,255,.72);

margin-bottom:14px;

}

.footer-bottom{

padding-top:35px;

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

text-align:center;

}

.footer-bottom p{

margin:0;

font-size:14px;

color:rgba(255,255,255,.55);

}

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

.footer-contacts{
    list-style:none;
    margin:20px 0 0;
    padding:0;
}

.footer-contacts li{
    margin-bottom:14px;
}

.footer-contacts a{
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(255,255,255,.72);
    text-decoration:none;
    transition:.3s;
}

.footer-contacts a:hover{
    color:#C6A56A;
}

.footer-contacts svg{
    width:14px;
    height:14px;
    min-width:14px;
    max-width:14px;
    display:block;
    flex-shrink:0;
}

.footer-contacts span{
    font-size:15px;
}