.s-cta-map {
    position: relative;
    margin-top: -3.5rem;
    padding-top: 9.15rem;
    padding-bottom: 7.55rem;
    overflow: hidden;
    color: var(--color-brand-2)
}

.s-cta-map__wave {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-white)
}

.s-cta-map__title {
    font: 400 var(--font-size-h-xl)/0.8 var(--font-heading);
    letter-spacing: normal;
    margin: auto;
    padding-bottom: 2.16rem;
    max-width: 6.4em;
    text-align: center
}

.s-cta-map__content-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    margin: auto;
    width: calc(10 * var(--grid-column-width) + 9 * var(--grid-gutter-width))
}

@media only screen and (max-width: 767px) {
    .s-cta-map__content-wrapper {
        width: calc(11 * var(--grid-column-width) + 10 * var(--grid-gutter-width))
    }
}

@media only screen and (max-width: 767px)and (orientation: landscape), only screen and (max-width: 576px) {
    .s-cta-map__content-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

.s-cta-map__content, .s-cta-map__illustration {
    position: relative;
    width: 50%
}

@media only screen and (max-width: 767px)and (orientation: landscape), only screen and (max-width: 576px) {
    .s-cta-map__content, .s-cta-map__illustration {
        width: 100%
    }
}

.s-cta-map__content {
    margin-top: 2rem
}

.s-cta-map__content .btn {
    margin-top: 2.1rem
}

@media only screen and (max-width: 767px)and (orientation: landscape), only screen and (max-width: 576px) {
    .s-cta-map__content .btn {
        margin: 2.1rem auto 0
    }
}

.s-cta-map .a-map svg {
    display: block;
    margin-left: auto;
    width: auto
}

@media only screen and (max-width: 767px) {
    .s-cta-map .a-map svg {
        height: 16rem
    }
}

@media only screen and (max-width: 767px)and (orientation: landscape), only screen and (max-width: 576px) {
    .s-cta-map .a-map svg {
        margin: auto
    }
}

.s-cta-map__text {
    font: 400 var(--font-size-t-lg)/1.5 var(--font-text);
    letter-spacing: .05em;
    padding-left: 1.5rem;
    max-width: 29.1rem;
    letter-spacing: .05em
}

@media only screen and (max-width: 767px)and (orientation: landscape), only screen and (max-width: 576px) {
    .s-cta-map__text {
        margin: auto;
        padding-left: 0;
        max-width: 20.1rem;
        text-align: center
    }
}