footer {
    --footer-bg              : var(--light);
    --footer-logo-max-width  : 248px;
    --footer-logo-min-width  : 90px;
    --footer-link-color      : #000;
    --footer-link-hover-color: var(--color-2);
    --footer-link-bg         : var(--light);
    --footer-ling-hover-bg   : var(--light);
    --footer-link-gap        : 5px;
    --footer-gap             : 0 50px;
    --footer-link-padding    : 0 0;
    --footer-social-gap      : 8px;
    --footer-body-max-width  : 900px;
}
footer {
    border-top:1px solid #000;
    z-index: 30;
}
footer li {
    margin-bottom: 0.5rem;
}
footer .logo-footer {
    display        : flex;
    align-items    : center;
    /* justify-content: center; */
}
footer .logo-footer img {
    width    : 100%;
    max-width: var(--footer-logo-max-width);
    min-width: var(--footer-logo-min-width);
}
footer .social-link {
    display    : flex;
    align-items: center;
    background : none;
    padding    : var(--footer-link-padding);
    gap        : var(--footer-social-gap);
}
footer .social-link a {
    font-size: 20px;
}
footer ul li a {
    color      : var(--footer-link-color) !important;
    transition : all ease 0.2s;
    line-height: 1rem;
}
footer ul li a:hover {
 text-decoration: underline !important;
}
footer .time {
    text-transform: unset;
}
footer .address {
    line-height: 22px;
}
footer .address span {
    font-size: 16px;
}
footer a:hover {
    color: var(--footer-link-hover-color);
}
footer .footer-body > * {
    display       : flex;
    flex-direction: column;
    gap           : var(--footer-link-gap);
}
footer .slot > li > a {
    display    : flex;
    padding    : var(--footer-link-padding);
    background : none;
    white-space: nowrap;
    color      : var(--dark);
}
footer .slot > li > a:hover {
    background: var(--footer-link-hover-bg);
}
footer .slot > li > a > i {
    display        : flex;
    justify-content: center;
    width          : 20px;
    padding-right  : 12px;
}


footer .footer-link-title {
    padding       : 5px 0;
    position      : relative;
    color         : var(--dark);
    font-size     : 16px;
    font-weight: 700;

}


.social-link i {
      font-size: 16px;
    border: 1px solid #000;
    border-radius: 100%;
    color: var(--dark);
    width: 23px;
    height: 23px;
    display:flex;
    align-items:center;
    justify-content: center;

}
.social-link li {
    margin-right: 0.5rem;
}