.contacts {
	margin-bottom: 2rem;
	padding: 1.5rem;
}
.contacts__map {
	border-radius: var(--border-radius-lg);
	overflow: hidden;
}

.contacts {
	.footer-social {
		margin-top: 16px;
	}
	.footer-social__item {
		width: 2.5rem;
		height: 2.5rem;
		/* background-color: rgb(244 244 244 / 1); */
	}

	.footer-social__item:hover {
		/* background-color: rgb(230 230 230 / 1); */
	}
	.footer-social__item_vk {
		color: #2563eb;
	}
	.footer-social__item_max {
		color: #9643de;
	}
	.footer-social__item_tg {
		color: #3b82f6;
	}
}
.footer {
	.footer-social__item_vk {
		color: #2563eb;
	}
	.footer-social__item_max {
		color: #9643de;
	}
	.footer-social__item_tg {
		color: #3b82f6;
	}
}
/* .contacts-form {
    padding: 16px;
    background: var(--black-spb, #292D32);
    color: #fff;
}
.contacts-form__content {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.39;
}
.contacts-form__top {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.contacts-form__field {
    flex: 1 0 100%;
}

.contacts-form__input,
.contacts-form__textarea {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    padding: 7px 16px;
}
.contacts-form__textarea {
    padding: 16px;
    min-height: 120px;
}
.contacts-form__submit {
    font-size: 16px;
    line-height: 22px;
    padding: 10px 22px;
    display: block;
    width: 100%;
}
.contacts-form__footer {
    margin-top: 20px;
}
.contacts-form__agree {
    margin-top: 20px;
}
.contacts-form__agree label {
    font-size: 12px;
}

@media (min-width: 768px) {
    .contacts-form__field {
        flex: 1 0 calc(33.33333% - 16px);
    }
} */
@media (min-width: 1280px) {
	/* .contacts-form__field {
        flex: 1 0 100%;
    } */
}