#callback-modal .modal__content {
	max-width: 560px;
}

.modal__body {
	overflow: hidden;
}

.modal__content {
	overflow: hidden;
}

.callback-popup__form {
	display: flex;
	flex-direction: column;
	padding: 0px 30px 45px;
	margin-top: 150px;
	gap: 20px;
	color: var(--site-white-accent-color);
	background-color: var(--site-dark-accent-color);
	position: relative;
	z-index: 1;
}

.callback-popup__form::before {
	content: "";
	position: absolute;
	top: -30px;
	left: 0;
	background-image: url("/wp-content/themes/mamme-loft/assets/img/content/modal-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	width: 100%;
	pointer-events: none;
	z-index: 0;
}

.callback-popup__form h4,
.callback-popup__form .body-3 {
	text-align: center;
}

.callback-popup__form form .g-button {
	width: 100%;
}

.callback-popup__form h4,
.callback-popup__form span,
.callback-popup__form form {
	z-index: 1;
}

.callback-popup__form form {
	margin-top: 30px;
}

.callback-popup-decor-1 {
	top: 0;
	z-index: 0;
	top: -150px;
	transform: rotate(240deg);
}

@media (max-width: 767px) {
	.callback-popup__form {
		padding: 0px 20px 30px;
		gap: 10px;
		margin-top: 100px;
	}

	.callback-popup__form form {
		margin-top: 20px;
	}

	.callback-popup-decor-1 {
		top: -85px;
	}
}