#footer{

    background:#0F2744;

    color:#fff;

    padding:80px 0 30px;
}

.footer-grid{

    display:grid;

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

    gap:50px;
}

.footer-links ul{

    list-style:none;
}

.footer-links li{

    margin-bottom:12px;
}

.footer-links a{

    color:#fff;

    text-decoration:none;

    opacity:.8;
}

.footer-links a:hover{

    opacity:1;
}

.footer-company img {

    height: 40px;
    width: auto;
    margin-bottom: 18px;
    display: block;
}

.footer-company-name {

    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
    margin-bottom: 12px;
}

.footer-company-name span {

    font-size: 12px;
    font-weight: 400;
    opacity: .75;
    letter-spacing: .06em;
}

.footer-address {

    font-style: normal;
    font-size: 13px;
    line-height: 1.9;
    opacity: .75;
}

.footer-contact h4 {

    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.footer-contact-list {

    list-style: none;
    padding: 0;
}

.footer-contact-list li {

    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 13px;
}

.fc-label {

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--accent);
    flex-shrink: 0;
    width: 34px;
}

.footer-contact-list a {

    color: rgba(255,255,255,.85);
    text-decoration: none;
    transition: color .2s;
    word-break: break-all;
}

.footer-contact-list a:hover {

    color: #fff;
}

.copyright{

    margin-top:60px;

    padding-top:30px;

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

    text-align:center;

    opacity:.7;
}

@media screen and (max-width:992px){

    .footer-grid{

        grid-template-columns:repeat(2,1fr);

        gap:40px;
    }
}

@media screen and (max-width:768px){

    .footer-grid{

        grid-template-columns:1fr;

        gap:35px;
    }

    .copyright{

        font-size:12px;
    }

}