.page-footer {
    display: flex;
    flex-direction: column;
    background: var(--Background);
}

.footer-map-wrapper {
    position: absolute;
    bottom: -40px;
    width: 100%;
    left: 0;
    padding: 0 70px;
}

.footer-map-wrapper .footer-map-container {
    width: 100%;
    height: 406px;
    border-radius: 20px;
    background: url('../../media/footer/img/map_preview.png'), lightgray -186.678px -97.486px / 114.51% 156.958% no-repeat;
}

.page-footer .footer-content-wrapper {
    display: flex;
    gap: 20px;
    padding: 80px 70px 30px;
    flex-direction: column;
    align-items: center;
    border-radius: 20px 20px 0 0;
    background: #5a7d46
}

.page-footer .footer-content-wrapper .footer-content-container {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.page-footer .footer-content-wrapper .footer-content-container .info-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.page-footer .footer-content-wrapper .footer-content-container .info-container .logo-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4.619px;
}

.page-footer .footer-content-wrapper .footer-content-container .info-container .logo-wrapper .logo-container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 6.929px;
}

.page-footer .footer-content-wrapper .footer-content-container .info-container .logo-wrapper .logo-container img {
    width: 140px;
}

.page-footer .footer-content-wrapper .footer-content-container .info-container .logo-wrapper .logo-text-container {
    color: var(--White);
    letter-spacing: 7.223px;
}

.page-footer .footer-content-wrapper .footer-content-container .info-container .company-texts {
    display: flex;
    flex-direction: column;
}

.page-footer .footer-content-wrapper .footer-content-container .info-container .company-texts .text-row {
    color: var(--White);
    opacity: 0.7;
    line-height: normal;
}

.page-footer .footer-content-wrapper .footer-content-container .menu-container {
    display: flex;
    width: 100%;
    max-width: 350px;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
}

.page-footer .footer-content-wrapper .footer-content-container .menu-container .menu-block-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.page-footer .footer-content-wrapper .footer-content-container .menu-container .menu-block-container .menu-block-title {
    color: var(--White);
}

.page-footer .footer-content-wrapper .footer-content-container .menu-container .menu-block-container .menu-block-items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.page-footer .footer-content-wrapper .footer-content-container .menu-container .menu-block-container .menu-block-items .menu-block-item {
    line-height: 10px;
    color: var(--White);
}

.page-footer .footer-content-wrapper .footer-content-links {
    width: 100%;
    display: flex;
    padding: 20px 0;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}

.page-footer .footer-content-wrapper .footer-content-links .privacy-and-rules {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.page-footer .footer-content-wrapper .footer-content-links .privacy-and-rules .link {
    font-style: normal;
    line-height: normal;
    font-family: "Poppins300";
    font-size: 17px;
    color: #d2be8c;
}

.page-footer .footer-content-wrapper .footer-content-links .socials {
    display: flex;
    align-items: center;
    gap: 11px;
}

.page-footer .footer-content-wrapper .footer-content-links .socials .link {
    width: 20px;
    height: 20px;
}

/* W1024 */
@media (max-width: 1024px) {
    .page-footer .footer-content-wrapper {
        padding: 70px 15px 50px;
    }

    .footer-map-wrapper {
        padding: 0 15px;
    }
}

/* W870 */
@media (max-width: 870px) {
    .footer-map-wrapper {
        bottom: -20px;
    }

    .footer-map-wrapper .footer-map-container {
        height: 200px;
    }

    .page-footer .footer-content-wrapper {
        border-radius: 10px 10px 0 0;
        padding: 70px 15px 50px;
    }

    .page-footer .footer-content-wrapper .footer-content-container {
        gap: 26px;
        flex-direction: column;
    }

    .page-footer .footer-content-wrapper .footer-content-links {
        gap: 20px;
    }

    .page-footer .footer-content-wrapper .footer-content-container .menu-container {
        gap: 20px;
        align-content: flex-start;
        row-gap: 30px;
        align-self: stretch;
        flex-wrap: wrap;
    }
}