.contacts-block {
    display: grid;
    grid-template-columns: 1fr clamp(350px, calc(13.75vw + 306px), 570px);
    gap: 20px;
}

.contacts-block__title {
    margin-bottom: clamp(15px, calc(0.9375vw + 12px), 30px);
}

.contacts-block .form {
    background: var(--background-light);
    border-radius: 10px;
    padding: clamp(20px, calc(3.125vw + 10px), 70px) clamp(15px, calc(5.3125vw + -2px), 100px);
}

.contacts-block .map-holder {
    border-radius: 10px;
    overflow: hidden;
    min-height: 300px;
}

.contacts-block .form__input {
    margin-bottom: clamp(10px, calc(0.625vw + 8px), 20px);
}

.contacts-block .form__btn {
    width: 100%;
    margin-bottom: clamp(8px, calc(0.4375vw + 6.6px), 15px);
}

.contacts-block .form__btn .btn {
    width: 100%;
}

.contacts-block .form__privacy {
    text-align: center;
}

.contacts-block__contact * {
    font-weight: 500;
    font-size: clamp(20px, calc(0.25vw + 19.2px), 24px);
    line-height: 115%;
    color: var(--color, var(--black));
}

.contacts-block__contact.address {
    max-width: 500px;
}

.contacts-block__row:not(:last-child) {
    margin-bottom: clamp(15px, calc(0.625vw + 13px), 25px);
}

.contacts-block__row-title {
    --color: var(--gray);
    margin-bottom: 5px;
}

.contacts-block .socials-wrap {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.contacts-block .socials-wrap__item {
    width: clamp(40px, calc(0.625vw + 38px), 50px);
    height: clamp(40px, calc(0.625vw + 38px), 50px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--background-light);
    border-radius: 10px;
    transition: var(--transition);
}

.contacts-block .socials-wrap__item img {
    width: clamp(20px, calc(0.625vw + 18px), 30px);
    height: clamp(20px, calc(0.625vw + 18px), 30px);
    transition: var(--transition);
    filter: none;
}

@media (min-width: 992px) {
    .contacts-block .socials-wrap__item:hover {
        background: var(--primary);
    }

    .contacts-block .socials-wrap__item:hover img {
        filter: grayscale(1) brightness(1000%);
    }
}

@media (max-width: 767px) {
    .contacts-block {
        grid-template-columns: 100%;
    }

    .contacts-block .map-holder {
        height: 300px;
    }
}

/*# sourceMappingURL=block.css.map */