.footer {
    background:var(--navy);
    color:rgba(255,255,255,.85);
    position:relative;
    overflow:hidden
}

.footer::before {
    content:"";
    position:absolute;
    top:-140px;
    right:-140px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,166,230,.16),transparent 70%);
    pointer-events:none
}

.footer .wrap {
    max-width:1400px;
    margin:auto;
    padding:60px 40px 32px;
    position:relative;
    z-index:1
}

.footer-grid {
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1fr;
    gap:36px
}

.footer-col h4 {
    font-size:13px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#fff;
    margin-bottom:18px;
    font-weight:800
}

.footer-about p {
    font-size:13px;
    line-height:1.7;
    color:rgba(255,255,255,.7);
    margin:16px 0
}

.footer-logo {
    display:flex;
    align-items:center;
    gap:12px
}

.footer-logo img {
    height:44px;
    width:auto;
    background:#fff;
    border-radius:8px;
    padding:3px 5px
}

.footer-logo b {
    font-size:18px;
    color:#fff;
    font-weight:800
}

.footer-contacts {
    list-style:none;
    margin-top:6px
}

.footer-contacts li {
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:13px;
    line-height:1.6;
    margin-bottom:10px;
    color:rgba(255,255,255,.8)
}

.footer-contacts a {
    color:#fff;
    font-weight:700
}

.footer-contacts a:hover {
    color:#ffd9a8
}

.footer-links {
    list-style:none
}

.footer-links li {
    margin-bottom:10px
}

.footer-links a {
    font-size:13px;
    color:rgba(255,255,255,.75);
    transition:color .2s ease
}

.footer-links a:hover {
    color:#ffd9a8
}

.footer-bottom {
    border-top:1px solid rgba(255,255,255,.14);
    margin-top:40px;
    padding-top:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    flex-wrap:wrap
}

.footer-bottom p {
    font-size:12px;
    color:rgba(255,255,255,.55);
    line-height:1.6
}