.spollers__contacts {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr);
    gap: 5rem
}

.spollers__contacts-body .btn__call-back {
    margin-top: 3.125rem
}

.spollers__map {
    position: relative;
    height: 31.25rem;
    border-radius: .125rem;
    overflow: hidden
}

.spollers__info {
    position: absolute;
    padding: 1.25rem 1.25rem;
    border-radius: .1875rem;
    top: .9375rem;
    left: .9375rem;
    right: .9375rem;
    z-index: 1;
    background-color: var(--white);
    color: var(--black);
    -webkit-box-shadow: rgba(149, 157, 165, .2) 0 8px 24px;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.spollers__info h6 {
    font-weight: 500;
    margin-bottom: .5rem
}

@supports (font-size:clamp(1rem ,0.9622641509rem + 0.1886792453vw ,1.125rem)) {
    .spollers__info h6 {
        font-size: clamp(1rem, .9622641509rem + .1886792453vw, 1.125rem)
    }
}

@supports not (font-size:clamp(1rem ,0.9622641509rem + 0.1886792453vw ,1.125rem)) {
    .spollers__info h6 {
        font-size: calc(1rem + .125 * (100vw - 20rem) / 66.25)
    }
}

@supports (font-size:clamp(0.875rem ,0.8372641509rem + 0.1886792453vw ,1rem)) {
    .spollers__info p {
        font-size: clamp(.875rem, .8372641509rem + .1886792453vw, 1rem)
    }
}

@supports not (font-size:clamp(0.875rem ,0.8372641509rem + 0.1886792453vw ,1rem)) {
    .spollers__info p {
        font-size: calc(.875rem + .125 * (100vw - 20rem) / 66.25)
    }
}

.map_block {
    height: 100%;
    width: 100%
}

@media (max-width: 61.99875em) {
    .spollers__contacts {
        gap: 3.125rem 1.25rem
    }
}

@media (max-width: 47.99875em) {
    .spollers__contacts {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .spollers__map {
        height: 21.875rem
    }
}