#FooterSection {

    margin: 0px;
    background-color: #101010;

    @media (max-width: 1239px) {
        margin: 0px;
        background-color: #101010;
    }

    .Section {
        position: relative;

        overflow: hidden;

        display: flex;

        @media (max-width: 1239px) {
            margin: 0px;
        background-color: #101010;
        }
    }

    .SectionViewport {
        display: flex;
        flex-direction: column;

        background-color: #101010;

        height: auto;

        border-top-left-radius: 24px;
        border-top-right-radius: 24px;

        @media (max-width: 1239px) {
            margin: 0px;
            width: 100%;
        }
    }

    .Container {
        box-sizing: border-box;

        display: flex;
        flex-direction: column;

        width: 100%;

        background-color: #1D75FF;

        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 24px;

        padding-bottom: 70px;
        padding-top: 70px;
        padding-left: 30px;
        padding-right: 30px;

        margin-bottom: 20px;

        @media (max-width: 1239px) {
            margin-bottom: 0px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;

            padding-top: 30px;
            padding-right: 20px;
            padding-left: 20px;
        }
    }

    .TopContainer {
        display: flex;
        flex-direction: row;
        justify-content: space-between;

        padding-bottom: 40px;

        @media (max-width: 1239px) {
            padding-bottom: 33px;
            flex-direction: column;
        }
    }

    .BottomContainer {
        padding-top: 30px;

        border-top: 1px solid rgba(211, 211, 211, 0.5);

        display: flex;
        flex-direction: row;

        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

        @media (max-width: 1239px) {
            padding-top: 40px;
            box-sizing: border-box;

            flex-direction: column;
            justify-content: unset;
        }
    }

    .BottomContainer span, .BottomContainer a {
        color: #FFF;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 20.4px;
    }

    .TopContainer img {
        width: 190px;
        height: 45px;

        filter: invert(100%);
        transform: scale(2);

        @media (max-width: 1239px) {
            width: 100%;
            height: 71px;

            margin-top: 87px;
        }
    }

    .ActionButton {
        background-color: white;

        border-radius: 24px;

        color: #0C0D0D;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 16px;
        font-style: normal;
        font-weight: 550;
        line-height: normal;

        padding-top: 24px;
        padding-bottom: 24px;
        margin-top: 36px;

        text-align: center;
        text-wrap: nowrap;
    }

    .InfoContainer {
        display: flex;
        flex-direction: column;

        margin-top: 10px;

        @media (max-width: 1239px) {
            width: 100%;
            flex-direction: row;
            justify-content: space-between;
            margin-top: 0px;
        }
    }

    .InfoContainer .Header {
        color: #FFF;
        text-align: right;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 38px;
        font-style: normal;
        font-weight: 550;
        line-height: normal;

        @media (max-width: 1239px) {
            font-size: 27px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }
    }

    .BottomContainer .Header {
        @media (max-width: 1239px) {
            color: #FFF !important;
            text-align: right;
            leading-trim: both;
            text-edge: cap;
            font-family: HelveticaNeueCyr;
            font-size: 30px;
            font-style: normal;
            font-weight: 550;
            line-height: normal;
            text-decoration: none;

            margin-top: 45px;
        }
    }

    .InfoContainer .Body {
        color: #FFF;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 17px;
        font-style: normal;
        font-weight: 550;
        line-height: normal;

        margin-top: 50px;
        margin-bottom: 20px;

        @media (max-width: 1239px) {
            margin-top: unset;
            margin-bottom: unset;

            color: #FFF;
            leading-trim: both;
            text-edge: cap;
            font-family: HelveticaNeueCyr;
            font-size: 15px;
            font-style: normal;
            font-weight: 550;
            line-height: 18px; /* 120% */
        }
    }

    .InfoContainer .Bottom {
        color: #FFF;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 17px;
        font-style: normal;
        font-weight: 550;
        line-height: 20.4px; /* 120% */

        @media (max-width: 1239px) {
            margin-top: unset;
            margin-bottom: unset;

            color: #FFF;
            leading-trim: both;
            text-edge: cap;
            font-family: HelveticaNeueCyr;
            font-size: 15px;
            font-style: normal;
            font-weight: 550;
            line-height: 18px; /* 120% */
        }
    }

    .SocialContainer {
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }

    .SocialContainer a {
        font-size: 30px;
        margin: 4px;
        color: black;
        background-color: #FFF;
        padding: 15px;
        padding-left: 17px;
        padding-right: 17px;
        text-align: center;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
    }

    .SocialContainer a i {
        width: 30px;
        height: 30px;
        text-align: center;
    }

    .Policy {
        color: #FFF;
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 13px;
        font-style: normal;
        font-weight: 550;
        line-height: normal;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;

        margin-top: 50px;
        text-align: center;
    }

    .Documents {
        color: #FFF;
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 13px;
        font-style: normal;
        font-weight: 550;
        line-height: normal;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;

        margin-top: 15px;
        text-align: center;
    }

    .BottomContainer>div:nth-child(2) {
        text-decoration: none !important;
    }

    .BottomContainer>div:nth-child(2)>a>i {
        width: 35px;
        height: 35px;
        padding: 8px;
        font-size: 20px;
        box-sizing: border-box;
        aspect-ratio: 1 / 1;
        text-align: center;
        margin-top: auto;
        margin-bottom: auto;
        background-color: white;
        border-radius: 50px;
        color: black;
    }

    .BottomContainer>div:nth-child(4)>i {
        border: 1px solid white;
        padding: 5px;
        padding-left: 10px;
        padding-right: 10px;
        color: white;
        border-radius: 12px;
    }

    .MapContainer {
        width: 480px;
        height: 290px;

        border-radius: 24px;

        @media (max-width: 1239px) {
            width: 100%;
            height: 240px;
            margin-top: 38px;
        }
    }

    .ScrollToTop {
        color: #FFF;
        leading-trim: both;
        text-edge: cap;
        font-family: HelveticaNeueCyr;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-left: auto;
        margin-right: auto;

        @media (min-width: 1240px) {
            cursor: pointer;
            margin-left: unset;
            margin-right: unset;
        }
    }

    .ScrollToTop>i {
        border: 2px solid white;
        border-radius: 30px;
        width: 18px;
        height: 16px;
        font-size: 16px;
        text-align: center;
        padding: 3px;
        padding-top: 4px;
        aspect-ratio: 1 / 1;
    }

    .Clickable:not(:hover),
    .Clickable:not(:hover) span {
        cursor: pointer;

        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        color: #FFF;
        text-underline-position: from-font;

        @media (max-width: 1239px) {
            text-decoration: none;
        }
    }

    .Clickable:hover {
        cursor: pointer;
        text-decoration: none;
    }
}