@media (min-width: 0) {
	.form-modal__info {
		font-size: 20px;
		line-height: 120%;

		color: #bc625c;
	}

	.price__input-hidden input {
		position: absolute;
	}

	.form-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		transform: translate(0, 200%);
		transition: all ease 0.4s;
		z-index: 100;
		background: #1f262d;
		margin-top: 20px;
		border-radius: 20px 20px 20px 2px;
		overflow-y: scroll;
		padding-top: 30px;
	}

	.form-modal__cross {
		width: 15px;
		height: 15px;
		fill: #f2ddde;
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 999;
	}

	.form-modal__bg {
		background-color: #000;
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: -1;
		top: 0;
		left: 0;

		border-radius: 20px 20px 0 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;
	}

	.form-modal__form-block {
		background-color: #1f1c1a;
		border-radius: 10px;
		padding: 50px 20px 30px 20px;
		margin: 25px 0 0 0;
	}

	.form-show {
		transform: translate(0);
		overflow-x: hidden;
	}

	.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;
	}

	.design-courses {
		color: #858b90;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 100%;
		letter-spacing: 0.48px;
	}

	.form-modal .form__info h2 {
		font-size: 24px;
		line-height: 120%;
		margin-top: 10px;
		color: #151617;
		font-weight: bold;
	}

	.form-modal .form__info-description {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 130%;
		letter-spacing: 0.42px;

		margin: 0 0 20px 0;
	}

	.form-modal .form__price-block p {
		color: #858b90;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%;
		letter-spacing: 0.36px;
	}

	.form-modal .price__input {
		height: 52px;
		padding: 0 0 0 60px;
		border-radius: 16px;
		border: 1px solid #b6b9bc;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 100%;
		letter-spacing: 0.32px;
		background: transparent;
		color: #151617;
	}

	.form-modal .price__input::placeholder {
		color: #151617;
	}

	.form-modal .price__form-button {
		width: 100%;
		height: 52px;
		background: #000;
		border: none;
		color: #fff;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: 0.32px;
		border-radius: 16px;
		margin: 16px 0;
	}

	.form-modal .form2 {
		padding-bottom: 40px;
		background: #fff;
	}

	.form-modal .form3 {
		padding: 15px;
		border-radius: 16px;
	}

	.timerFlex {
		padding: 13px 16px;
		border-radius: 15.05px;
		background: #DC5086;
		display: flex;
		justify-content: space-between;
	}

	.timerFlex__text {
		color: #FFF;
		font-size: 12px;
		font-style: normal;
		font-weight: 600;
		line-height: 110%;
	}

	.timer {
		display: flex;
		padding: 6px 12px;
		border-radius: 8px;
		background: #FFF;
		justify-content: center;
		align-items: center;
	}

	.timer__items {
		display: flex;

	}

	.timer__item {
		color: #DC5086;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: 0.32px;
	}

	.infoFlex {
		margin-top: 16px;
		display: flex;
		justify-content: space-between;
	}

	.mainFormInfo {
		max-width: 230px;
	}

	.mainFormInfoTitle {
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
	}

	.mainFormInfoSubtitle {
		margin-top: 15px;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 150%;
		display: flex;
		gap: 10px;
		align-items: center;
	}

	.mainFormInfoSubtitle span {
		opacity: 0.5;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 150%;
		text-decoration: line-through;
	}

	.mainFormDiscount {
		width: 54.743px;
		height: 54.743px;
		flex-shrink: 0;
		border-radius: 50%;
		background: #DC5086;
		color: #FFF;
		font-size: 15.514px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.form_modal__info {
		margin-bottom: 15px;
	}



}

@media (min-width: 400px) {
	.form_modal__info .form__block {
		width: 100%;
	}

	.form-modal {
		padding-top: 80px;
	}
}

@media (min-width: 425px) {

	.form-modal {
		padding-top: 50px;
	}
}

@media (min-width: 450px) {
	
}

@media (min-width: 480px) {
	

	.form-modal {
		padding-top: 30px;
	}
}


@media (min-width: 480px) {
	.form-modal__block input {
		width: 40px;
		height: 40px;
	}
}

@media (min-width: 640px) {
	.form-modal__inner {
		width: 490px;
	}

	.form-modal__cross {
		top: 20px;
		right: 20px;
	}

	.timerFlex {
		max-width: 290px;
		padding: 8px;
	}


}

@media (min-width: 958px) {
	.form-modal__inner {
		width: 600px;
	}

	.price__form2 {
		width: 100%;
	}

	.form-modal__form .price__input {
		width: 100%;
	}

	.form-modal__inner .price__form-button {
		width: 100%;
	}

	.form-modal__form {
		width: 100%;
	}

	.form-modal__input {
		width: 100% !important;
	}

	.form-modal .form__info-description {
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 130%;
		letter-spacing: 0.4px;
		max-width: 750px;

	}

	.form-modal .form3 {
		padding: 40px;
	}


}

@media (min-width: 1243px) {

	

	/* NEW */

	.mainFormInfoTitle {
		font-size: 45px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
	}

	.mainFormInfo {
		max-width: unset;
	}

	.mainFormDiscount {
		width: 96px;
		height: 96px;
		font-size: 27.206px;
	}

	.mainFormInfoSubtitle {
		font-size: 28px;
		align-items: end;
	}

	.mainFormInfoSubtitle span {
		font-size: 26px;
	}

	.form_modal__info {
		margin-bottom: 25px;
	}



	/* NEW */

	.form-modal {
		padding-top: 70px;
	}

	form__block {
		width: 1100px;
	}

	.order-form .price__form-button {
		margin-top: 25px;
		width: 265px;
		height: 52px;
		border-radius: 30px;
		background: #000;
		color: #fff;
	}

	.form3 .price__input {
		margin-right: 16px;
	}

	.form-modal .price__form-button {
		width: 259px;
		height: 52px;
		background: #000;
		border: none;
		color: #ffffff;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: 0.32px;
		border-radius: 16px;
		margin: 20px 0 0 20px;
	}

	.form-modal .form__info h2 {
		font-size: 45px;
	}
}

@media (min-width: 1700px) {
	.form-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;
	}

	.form-modal .price__input {
		width: 250px;
	}
}