footer {
        background-color: var(--color-dark-green);
        padding: 100px 100px 40px 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 64px;
    }

    .footer-logo {
        display: block;
    }

    .footer-logo-mobile {
        display: none;
    }

    .footer-logo-button {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .footer-logo-button-text {
        font-family: var(--font-heading-family), sans-serif;
        font-size: 229px;
        color: var(--color-beige);
        line-height: 90%;
        font-weight: 600;
    }

    footer a {
        color: var(--color-beige);
        text-decoration: none;
    }

    footer a:hover {
        color: #cdfad0;
    }

    .footer-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 100px;
        color: var(--color-beige);
        font-size: 16px;
        width: 100%;
    }

    .footer-main {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 73px;
    }

    .footer-connections {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 32px;
    }

    .footer-info {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 73px;
    }

    .footer-for-teams,
    .footer-for-experts,
    .footer-company {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .footer-for-teams {
        width: 101px;
    }

    .footer-for-experts {
        width: 128px;
    }

    .footer-company {
        width: 100px;
    }

    .footer-info-title {
        color: var(--color-white);
        opacity: 1;
        text-align: start;
        font-weight: 600;
    }

    .footer-info-link,
    .footer-connect,
    .footer-subscribe-row {
        color: var(--color-beige);
        opacity: 0.5;
        text-align: start;
        font-weight: 400;
    }

    .footer-connect {
        width: 360px;
    }

    .footer-info-link {
        line-height: 110%;
    }

    .footer-info-link:hover {
        opacity: 1;
        color: #cdfad0
    }

    .footer-subscribe-form {
        display: flex;
        flex-direction: row;
        align-items: start;
        justify-content: flex-start;
        gap: 8px;
        padding-bottom: 8px;
    }

    .footer-subscribe-input {
        width: 100%;
        max-width: 360px;
        padding: 14px 20px;
        font-size: 16px;
        color: var(--color-white);
        background-color: #444;
        border: 1px solid #444;
        border-radius: 8px;
        outline: none;
        box-sizing: border-box;
        transition: border-color 0.3s ease;
    }

    .footer-subscribe-input::placeholder {
        color: #AAAAAA;
        opacity: 0.6;
    }

    .footer-subscribe-input:focus {
        border-color: #888;
    }

    .footer-subscribe-button {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 118px;
        height: 44px;
        padding: 8px 12px;
        gap: 8px;
        border-radius: var(--button-border-radius);
        background-color: #E2E2D9;

        color: #000;
        /* Force black text */

        -webkit-appearance: none;
        appearance: none;

        border: none;
        box-sizing: border-box;

        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: -0.16px;
        cursor: pointer;
    }

    .footer-subscribe-button:hover {
        background-color: var(--color-secondary-bg-hover);
    }

    .footer-social {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
    }

    .footer-social a:hover,
    .footer-policies a:hover {
        color: #cdfad0;
    }

    .footer-social a img {
        transition: filter 0.3s ease,
            transform 0.3s ease;
        filter: brightness(0) invert(1);
        /* current white icons */
    }

    .footer-social a:hover img {
        filter: brightness(0) saturate(100%) invert(90%) sepia(18%) saturate(364%) hue-rotate(67deg) brightness(103%) contrast(96%);
        transform: translateY(-2px);
    }

    .footer-copyrights {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        font-weight: 400;
        line-height: 140%;
        color: var(--color-beige);
        width: 100%;
        padding-top: 24px;
        border-top: #444 solid 1px;
    }

    .footer-policies {
        display: flex;
        flex-direction: row;
        gap: 20px;
    }

    @media (max-width: 1350px) {
        footer {
            padding: 40px;
        }

        .footer-logo-button {
            justify-content: center;
            gap: 40px;
        }
    }

    @media (max-width: 1300px) {
        .footer-logo-button img {
            width: 96px;
            height: 96px;
        }

        .footer-logo-button-text {
            font-size: 156px;
        }
    }

    @media (max-width: 1024px) {
        footer {
            padding: 40px;
            gap: 48px;
        }

        .footer-logo-button {
            width: 100%;
        }

        .footer-content {
            gap: 40px;
        }

        .footer-main {
            flex-direction: column;
            gap: 40px;
        }

        .footer-connections {
            width: 100%;
            height: auto;
        }

        .footer-connect {
            color: #E2E2D9;
            opacity: 1;
        }

        .footer-info {
            justify-content: flex-start;
        }

        .footer-for-teams {
            width: 101px;
        }

        .footer-for-experts {
            width: 128px;
        }

        .footer-company {
            width: 88px;
        }

        .footer-copyrights {
            flex-direction: column;
            width: 100%;
            gap: 16px;
            padding-top: 40px;
        }
    }

    @media (max-width: 900px) {
        .footer-logo-button img {
            width: 54px;
            height: 54px;
        }

        .footer-logo-button-text {
            font-size: 64px;
            padding-right: 8px;
        }
    }

    @media (max-width: 530px) {
        footer {
            padding: 40px 20px;
        }

        .footer-logo-button {
            gap: 16px;
        }

        .footer-logo {
            display: none;
        }

        .footer-logo-mobile {
            display: block;
        }

        .footer-logo-button-text {
            color: #E2E2D9;
        }

        .footer-subscribe-form {
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }

        .footer-subscribe-button {
            width: 100%;
        }

        .footer-subscribe-input {
            max-width: unset;
        }

        .footer-for-teams,
        .footer-for-experts,
        .footer-company {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .footer-info {
            flex-direction: column;
            width: 100%;
            height: auto;
            gap: 40px;
        }
    }

    @media (min-width: 1900px) {
        .footer-logo-button {
            width: 70%;
        }
    }

    li.menu-item {
        list-style: none;
    }

    .footer-subscribe-message {
        font-size: 12px;
    }

    @media (max-width: 1024px) {
    .footer-company {
        width: 110px;
    }
}