@media (min-width: 0) {
	.container-popup {
		max-width: 343px;
		background: #ffffff;
		border-radius: 16px;
		padding: 40px 19px 285px 22px;
		display: flex;
		position: relative;
		flex-direction: column-reverse;
		border: 6px solid rgba(0, 0, 0, 0.5);
	}

	.modal__price_form .price__form-button {
		z-index: 3;
	}

	.scroll-modal .form__input {
		margin-top: 16px;
	}

	.form-modal__info {
		font-size: 20px;
		line-height: 120%;

		color: #bc625c;
	}

	.price__input-hidden input {
		position: absolute;
	}

	.form_modal__inner_img {
		display: flex;
		justify-content: center;
	}

	.form_modal_inner {
		/* padding: 52px 0; */
		padding: 0;
	}

	.form_modal__info h2 {
		font-weight: 400;
		font-size: 24px;
		line-height: 120%;
		color: #000000;
		display: flex;
		flex-direction: column;
	}

	.form_modal_inner .form_modal__info {
		/* padding-top: 130px; */
		padding-top: 0;
	}

	.form_modal__info h2 span {
		color: #bc625c;
	}

	.form_modal__info_description {
		font-family: "Gotham Pro";
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 130%;
		margin-top: 16px;
		color: #000000;
		width: 93%;
	}

	.form_modal__info_description span {
		font-family: "FuturaFuturisC";
		font-size: 16px;
	}

	.modal__price_form .price__input {
		background: #ffffff;
		border: 1px solid #e0e3e8;
		box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
		border-radius: 16px;
	}

	.modal__price_form .form__input svg {
		position: absolute;
		left: 20px;
		bottom: 15px;
	}

	.modal__form_button {
		border-radius: 16px;
	}

	.scroll-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: translate(0, 200%);
		transition: all ease 0.4s;
		z-index: 100;
		/* background: #000; */
		margin-top: 20px;
		border-radius: 20px 20px 20px 2px;
		padding-top: 175px;
	}

	.scroll-modal__cross {
		width: 15px;
		height: 15px;
		fill: #fff;
		position: absolute;
		top: 15px;
		right: 15px;
		z-index: 10;
	}

	.scroll-modal__bg {
		/* background-color: #ffffff; */
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;

		border-radius: 16px 16px 0 0;
	}

	.scroll-show {
		transform: translate(0);
	}

	.form-modal__inner {
		background-color: #f2ddde;
		padding: 20px;
		max-height: 95vh;
		width: 100%;
		overflow-y: scroll;
		margin-right: 16px;
		margin-left: 16px;
		border-radius: 16px;
	}

	.modal_input::placeholder {
		font-family: "Gotham Pro";
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 130%;

		color: #a1a5af;
	}

	.form-modal__form-block {
		background-color: #1f1c1a;
		border-radius: 10px;
		padding: 50px 20px 30px 20px;
		margin: 25px 0 0 0;
	}

	.scroll-show {
		transform: translate(0);
		overflow-x: scroll;
	}

	.form-modal__title {
		color: #1d1d1b;

		font-size: 24px;
		line-height: 120%;
	}

	.form-modal__form {
		display: flex;
		justify-content: space-between;
		align-self: center;
		flex-direction: column;
	}

	.form-modal__input:focus {
		outline: none;
	}

	.form-modal__input:not(:first-of-type) {
		margin-top: 20px;
	}

	.form-modal__form-button {
		width: 100%;
		height: 50px;
		background: #bc4f54;
		border: none;
		color: white;
		font-weight: bold;
		font-size: 16px;
		border-radius: 8px;
		margin: 20px 0;
	}

	.form-modal__form-button:focus {
		outline: none;
	}

	.form-modal__block {
		display: flex;
		align-items: center;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	.form-modal__block input {
		width: 60px;
		height: 60px;
	}

	.form-modal__block p {
		font-size: 14px;
		color: white;
		margin: 0 0 0 10px;
	}

	.form-modal__block p a {
		color: white;
	}

	.scroll_modal__inner_img {
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 0;

	}

	.scroll-modal .form__price-block p {
		margin: 0;
		font-family: "Gotham Pro";
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 120%;
		color: #1d1d1b;
	}

	.scroll_modal__inner_img img {
		width: 100%;
	}
}

@media (min-width: 480px) {
	.form-modal__block input {
		width: 40px;
		height: 40px;
	}
}

@media (min-width: 640px) {
	.container-popup {
		max-width: 470px;
		padding: 40px 19px 390px 22px;
	}

	.scroll_modal__inner_img {
		width: 100%;
	}

	.form-modal__inner {
		width: 490px;
	}

	.scroll-modal__cross {
		top: 20px;
		right: 20px;
	}


}

@media (min-width: 958px) {
	.container-popup {
		max-width: 800px;
		padding: 61px 19px 60px 376px;
		display: flex;
		position: relative;
		flex-direction: row;
	}

	.form-modal__inner {
		width: 600px;
	}

	.scroll-modal .form__price-block p {
		font-size: 14px;
		line-height: 130%;
	}

	.modal_input::placeholder {
		font-size: 16px;
	}

	.scroll_modal__inner_img {
		position: absolute;
		bottom: 10%;
		left: 0;
		width: unset;
	}

	.form_modal__info_description {
		font-size: 20px;
	}

	.form_modal__info_description span {
		font-family: "FuturaFuturisC";
		font-size: 24px;
	}

	.form_modal__info h2 {
		font-size: 32px;
	}

	.scroll_modal__inner_img img {
		width: 100%;
		max-width: 700px;
	}

	.scroll-modal .container {
		display: flex;
		justify-content: right;
	}

	.form_modal_inner .form_modal__info {
		padding-top: 0;
	}

	.scroll-modal__cross {
		width: 25px;
		height: 25px;
	}

	.price__form2 {
		width: 100%;
	}

	.form-modal__form .price__input {
		width: 100%;
	}

	.form-modal__inner .price__form-button {
		width: 100%;
	}

	.form_modal_inner {
		max-width: 527px;
	}

	.form-modal__form {
		width: 100%;
	}

	.form-modal__input {
		width: 100% !important;
	}

	.form_modal__inner_img {
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.form_modal__info {
		padding-top: 0;
	}
}

@media (min-width: 1243px) {
	.container-popup {
		max-width: 1215px;
		padding: 40px 70px 20px 618px;
		display: flex;
		position: relative;
	}

	.scroll-modal {
		padding-top: 20px;
	}

	.modal__price_form .price__input {
		width: 527px;
		margin-right: 16px;
	}

	.modal__price_form .price__form-button {
		margin: 25px 0 0 0;
		width: 527px;
	}

	.form_modal__info h2 {
		font-size: 40px;
	}

	.form_modal__info_description {
		margin-top: 24px;
	}

	.form_modal_inner {
		padding: 41px 0;
	}

	.scroll_modal__inner_img img {
		max-width: unset;
	}
}

@media (min-width: 1700px) {
	.scroll-modal__cross {
		top: 40px;
		right: 40px;
		width: 40px;
		height: 40px;
	}

	.form-modal__inner {
		width: 800px;
		padding: 45px;
	}

	.form-modal__title {
		font-size: 32px;
	}

	.form-modal__inner .form__input svg {
		bottom: 5px;
	}

	.form-modal__input {
		height: 70px;
	}

	.form-modal__input::placeholder {
		font-size: 23px;
	}

	.form-modal__form-button {
		height: 70px;
		font-size: 25px;
		margin: 35px 0;
	}

	.form-modal__block input {
		width: 35px;
		height: 35px;
	}

	.form-modal__block p {
		font-size: 20px;
	}

	.form-modal__input:not(:first-of-type) {
		margin-top: 35px;
	}
}