.site-footer{
   background:var(--footer-bg);
    color:var(--footer-text);
    padding:80px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-grid{
    max-width: 1200px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:60px;
}

.site-footer h3{
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:.08em;
    margin-bottom:20px;
}
.footer-brand
{
     padding-top: 30px;
}

.footer-brand p{
    margin-top:10px;
   
    line-height:1.7;
    opacity:.7;
}

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

.footer-menu li{
    margin-bottom:12px;
}

.site-footer a{
    color:inherit !important;
    text-decoration:none;
    transition:.3s ease;
}

.footer-contact a{
    color:inherit !important;
    text-decoration:none;
    transition:.3s ease;
}

.site-footer .footer-menu a:hover,
.site-footer .footer-contact a:hover{
    color:var(--footer-hover) !important;
}

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

.footer-contact li{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
}

.footer-bottom{
    margin-top:60px;
    padding:25px 0;
    border-top:1px solid rgba(255,255,255,.1);
}

.footer-bottom p{
    opacity:.6;
}

@media(max-width:768px){

    .footer-grid{
        grid-template-columns:1fr;
        gap:40px;
    }
    .site-footer
    {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}