/* Variable */
@import './variable.css';

.footer {
    background-color: #333333 !important;
    position: relative !important;
    z-index: 10 !important;
}

.footer .newsletter__section .newsletter_box {
    background-color: var(--color-black) !important;
    padding: 26px 46px !important;
    border-radius: 100px !important;
    height: 103px !important;
    position: relative;
    top: 40px !important;
    z-index: 10;
    overflow: hidden; 
}

.footer-btn {
    background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%) !important;
    text-transform: uppercase !important;
    padding: 16px 20px !important;
    font-family: var(--font-additional) !important;
    font-size: var(--font-size-sm) !important;
    line-height: 100% !important;
    color: var(--color-white) !important;
    font-weight: var(--fw-bold) !important;
    border-radius: 100px !important;
    position: relative !important;
    z-index: 10 !important;
}

.footer-btn:hover {
    opacity: .7 !important;
}

.footer-btn:active {
    background: var(--color-primary) !important;
}

.ellipse {
    position: absolute;
    z-index: 0 !important;
}

.ellipse.left {
    top: 0px;
    left: 0px;
}

.ellipse.right {
    bottom: 0px;
    right: 0px;
}

.footer__link-section {
    border-radius: 2rem 2rem 0px 0px !important;
    border-top: 1.5px solid var(--color-primary) !important;
    background-color: var(--color-black) !important;
    border-bottom: none !important;
    padding-bottom: 0px !important;
}

.footer__logo {
  max-width: 150px;
}

.footer__social-link,
.footer__link {
    font-family: var(--font-secondary) !important;
    font-size: var(--font-size-sm) !important;
    line-height: 100% !important;
    color: var(--color-white) !important;
    padding: 0px !important;
}

.footer__social-link {
    background-color: var(--color-white) !important;
    padding: 10px !important;
    border-radius: 50% !important;
}

.footer__social-link i {
    color: var(--color-black) !important;
    font-size: var(--font-size-base) !important;
}

.footer__link:hover {
    opacity: .6 !important;
}

.footer__social-link:hover i {
    color: var(--color-primary) !important;
}

.footer__social-link.active i,
.footer__link.active {
    color: var(--color-primary) !important;
}

.footer__link {
    margin: 16px 0px !important;
}

.footer__contact ul > li span,
.footer__contact ul > li a {
    font-family: var(--font-additional) !important;
    font-size: var(--font-size-sm) !important;
    line-height: 140% !important;
    color: var(--color-white) !important;
}

.footer__contact ul > li a:hover {
    color: var(--color-primary) !important;
}