/* Footer component */




:root {
    --teal: #00BDB0;
    --teal-dark: #16a984;
    --ink: #10161c;
    --ink-2: #1a2229;
    --muted: #072635;
    --line: #e6eceb;
    --radius: 14px;
    --shadow-soft: 0 10px 30px rgba(16, 22, 28, 0.08);
    --shadow-hard: 0 18px 45px rgba(16, 22, 28, 0.18);
    --primary: #209f9d;
    --primary-dark: #168785;
    --text: #1f2937;
    --text-light: #667085;
    --border: #d7dde1;
    --form-bg: #ffffff;
    --page-bg: #f4f6f8;
    --lime: #CDFF16;
}


.footer {
    background: var(--ink);
    color: rgba(255, 255, 255, .7);
    padding: 56px 0 24px;
}

.footer a {
    color: var(--page-bg);
}

.footer a:hover {
    color: var(--page-bg) !important;
}

.footer h6 {
    color: #fff;
    font-weight: 800;
    margin-bottom: 1rem;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: 32px;
    padding-top: 18px;
    font-size: .85rem;
}

.social-dot {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    margin-right: .4rem;
    transition: background .25s ease, color .25s ease, transform .25s ease;
}

.social-dot:hover {
    background: var(--teal);
    color: #06231c;
    transform: translateY(-4px) rotate(-8deg);
}

.site-footer {
    padding: 70px 0 60px;
    color: #cbd5e1;
}

.footer-logo {
    display: inline-block;
    background-color: #14b8a6;
    color: #0b0f1a;
    font-weight: 800;
    font-size: 1.4rem;
    letter-spacing: .5px;
    padding: 8px 18px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.footer-social {
    display: flex;
    gap: 14px;
    margin-bottom: 50px;
}

.footer-social a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #3d4456;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: .95rem;
}

.footer-social a:hover {
    border-color: #14b8a6;
    color: #14b8a6;
}

.footer-heading {
    color: var(--teal);
    font-weight: 700;
    font-size: 1.05rem;
    margin-bottom: 16px;
    cursor: pointer;
}

.footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    color: #e2e8f0;
}

.footer-contact-item i {
    color: #cbd5e1;
    font-size: 1rem;
    margin-top: 3px;
}

.footer-contact-item a {
    color: #e2e8f0;
    text-decoration: none;
}

.footer-contact-item a:hover {
    color: #14b8a6;
}

.footer-office-text {
    color: #cbd5e1;
    line-height: 1.6;
}

.footer-divider {
    border-top: 1px solid #2e3547;
    margin: 40px 0;
}

.footer-link-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-link-group li {
    margin-bottom: 14px;
}

.footer-link-group a {
    color: #cbd5e1;
    text-decoration: none;
    font-size: .95rem;
}

.footer-link-group a:hover {
    color: #14b8a6;
}