/* ===== FOOTER ===== */
.footer-custom {
    background-color: var(--brand-darker);
    border-top: 1px solid var(--brand-line);
    color: #aeb4bc;
}
.footer-custom h6 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.82rem;
}
.footer-custom a {
    color: #aeb4bc;
    text-decoration: none;
}
.footer-custom a:hover {
    color: #fff;
}
.help-line {
    background: var(--brand-accent);
    border-radius: 10px;
}
.social-icon {
    width: 36px;
    height: 36px;
    border: 1px solid var(--brand-line);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #c8ccd2;
}
.social-icon:hover {
    background: var(--brand-accent);
    color: #fff;
    border-color: var(--brand-accent);
}