@media (min-width: 0px) {

	.forms {
		padding-top: 40px;
		padding-bottom: 40px;
		background: #1F262D;
	}


	.forms__header {
		font-size: 24px;
		line-height: 120%;
		text-transform: uppercase;
		color: #F3F4F6;
	}

	.forms__desc {
		margin-top: 15px;
		font-family: 'Gotham Pro';
		font-size: 14px;
		line-height: 130%;
		color: #F3F4F6;
	}

	.forms__boxes {
		display: flex;
		flex-direction: column;
		gap: 24px;
		margin-top: 24px;
	}

	.forms__box {
		background: #FAD1CE;
		border: 1px solid #FFCFD1;
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
		border-radius: 16px;

		height: fit-content;
	}

	.forms__boxes .forms__box:nth-child(1) .forms__box_info .forms__box_desc {
		max-width: 300px;
	}

	.forms__boxes .forms__box:nth-child(2) {
		background: #F2DDDE;

	}

	.forms__boxes .forms__box:nth-child(2) .forms__box_info .forms__box_btn {
		background: #F2DDDE;
	}

	.forms__box_img img {
		width: 100%;
	}

	.forms__box_circle {
		background: #BC625C;
		border-radius: 50%;
		width: 74.38px;
		height: 75.71px;
		font-size: 13px;
		line-height: 82.5%;
		display: flex;
		align-items: center;
		justify-content: center;
		letter-spacing: 0.02em;
		color: #FFFFFF;
		position: absolute;
		right: 0;
		top: 10%;
		text-align: center;
	}

	.forms__box_info {
		padding: 15px 15px 24px 15px;
		position: relative;
	}

	.forms__box_name {
		font-size: 20px;
		line-height: 120%;
		color: #1D1D1B;

	}

	.forms__box_desc {
		font-family: 'Gotham Pro';
		margin-top: 8px;
		font-size: 14px;
		line-height: 130%;
		margin-left: 15px;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.forms__box_btn {
		font-size: 20px;
		line-height: 20px;
		text-align: center;
		padding: 10px 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		color: #1F262D;
		margin-top: 16px;
		border: 1px solid #1D1D1B;
		border-radius: 40px;
		background: #FAD1CE;
	}

	.forms__button {
		max-width: 598px;
		width: 100%;
		background: #FAD1CE;
		border-radius: 56px;
		font-size: 20px;
		line-height: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #1D1D1B;
		margin-top: 24px;
		padding: 14px 0;
	}




	.form__info {
		position: relative;
	}




	.company__list {
		margin: 40px 0 0 0;
		max-width: 100%;
		gap: 24px;
	}

	.company__tutor {
		width: 288px;
		height: 410px;

	}

	.company__info {
		padding: 16px;
		width: 256px;
		height: 176px;
		background: rgba(107, 114, 128, 0.5);
		backdrop-filter: blur(24px);
		border-radius: 16px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}


	.company-point {
		width: 288px;
		height: 410px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		border-radius: 16px;
		padding: 75px 16px 16px 16px;
		position: relative;
	}

	.company-point__description {
		font-size: 14px;
		line-height: 150%;
		font-family: "Gotham Pro";
		color: #E5E7EB;
	}

	.company-point__name {
		font-size: 18px;
		margin-top: 5px;
		color: #F3F4F6;
		text-transform: uppercase;

	}




	.company__list {
		display: flex;
		overflow-x: scroll;
		max-width: 100%;
		padding: 0 0 15px 0;
	}



	.company-modal-overlay {
		position: fixed;
		left: 0;
		top: 0;
		background-color: #1F262D;
		display: flex;
		justify-content: center;
		height: 100%;
		width: 100%;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-in-out;
		padding-top: 40px;
		padding-bottom: 40px;
		overflow-y: scroll;
		margin-top: 20px;
		border-radius: 20px;
	}

	.company-modals {
		position: relative;
	}

	.company-modal {
		background-color: #fff;
		width: 86%;
		height: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		display: none;
	}

	.company-modal-overlay--visible {
		opacity: 1;
		visibility: visible;
		transition: all 0.3s ease-in-out;
	}

	.company-modal--visible {
		display: block;
	}

	.company-popup__content {
		background-color: #1F262D;
		color: #fff;
		max-width: 1224px;
		padding: 1px;
		z-index: 999;
	}

	.company-modal img {
		width: 100%;
	}

	.company-popup__tittle {
		font-size: 14px;
		margin-bottom: 20px;
		text-align: center;
	}

	.company-popup__name {
		font-size: 32px;
		text-align: center;
		color: #ffffff;
		margin-top: 15px;
	}

	.company-popup__text {
		margin-top: 20px;
		color: #ffffff;
		font-size: 18px;
		margin-top: 15px;
		line-height: 150%;
	}


	.company-popup__close {
		position: fixed;
		right: 10px;
		top: 30px;
		font-size: 20px;
		color: #fff;
		z-index: 777;
		cursor: pointer;
	}

	.company-popup__close svg {
		width: 20px;
		height: 20px;
		fill: #ffffff;
	}






}

@media (min-width: 639px) {


	.company-modal {
		width: 500px;
	}

}

@media (min-width: 958px) {

	.forms__inner {
		display: flex;
		flex-direction: column;
	}

	.forms__boxes {
		gap: 33px;
	}

	.forms__button {
		align-self: center;
		margin-top: 48px;
	}

	.forms__boxes {
		flex-direction: row-reverse;
		justify-content: center;
		margin-top: 48px;
	}

	.forms__box {
		width: 382.32px;
	}

	.forms__header {
		font-size: 40px;
	}

	.forms__desc {
		font-size: 20px;
		line-height: 150%;
		max-width: 800px;
	}

	.forms__box_info {
		padding: 31px 15px;
	}

	.forms__box_name {
		font-size: 24px;
	}

	.forms__box_desc {
		font-size: 16px;
		margin-top: 13px;
	}

	.forms__box_btn {
		padding: 17px 0;
		margin-top: 31px;
	}

	.forms__box_circle {
		right: 5%;
	}

	.forms__boxes .forms__box:nth-child(1) .forms__box_info .forms__box_desc {
		max-width: 265px;
	}

	.forms__box_desc {
		margin-left: 20px;
	}



}

@media (min-width: 1244px) {


	.forms {
		padding-top: 128px;
		padding-bottom: 128px;
	}



	.company-modal {
		width: 1224px;
	}

	.company__info {
		height: 100px;
		transition: height .5s ease-out;
		display: block;
	}

	.company__info:hover {
		height: 176px;
		transition: 0.5s;
	}


	.company__list {
		gap: 24px;
	}
}

@media (min-width: 0px) {

	.order-form {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	@keyframes animate {
		0% {
			transform: rotate(360deg);
		}

		100% {
			transform: rotate(0deg);
		}
	}

	.circle_price {
		position: absolute;
		/*относительное позиционирование*/
		width: 60px;
		/*ширина круга*/
		height: 100px;
		/*высота круга*/
		border-radius: 50%;
		/*скругление углов*/
		display: flex;
		justify-content: center;
		align-items: center;
		right: 25px;
		top: 10px;
	}


	.logo_price {
		position: absolute;
		/*абсолютное позиционирование*/
		width: 75px;
		height: 36px;
		background-size: cover;
		/*картинка пропорционально растянута на весь блок*/
		border-radius: 50%;
		top: 30%;
		font-size: 15px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: #1D1D1B;
	}

	.logo_price span {
		font-size: 14px;
	}

	.text_price,
	.text1_price,
	.text3_price,
	.text4_price {
		position: absolute;
		width: 100%;
		height: 100%;
		animation: animate 10s linear infinite;
		/*свойства анимации*/
		color: #1D1D1B;
	}

	.text_price p span,
	.text1_price p span,
	.text3_price p span,
	.text4_price p span {
		color: #1D1D1B;
		font-size: 8px;
		position: absolute;
		left: 50%;
		/*позиция слева*/
		text-transform: uppercase;
		/*большие буквы*/
		transform-origin: 0 50px;
		/*точка исхода трансформации*/
	}


	.price__input-hidden input {
		position: absolute;
	}


	/* form */

	.form {
		position: relative;
	}

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

	.price-form__title {
		color: white;
		font-size: 16px;
		font-family: "Gotham Pro";
		text-align: center;
	}

	.price__form {
		display: flex;
		justify-content: space-between;
		align-self: center;
		flex-direction: column;
	}

	.input-head {
		display: none;
	}

	.price__input {
		height: 50px;
		padding: 0 0 0 60px;
		font-size: 14px;
		border: 1px solid #9CA3AF;
		background: white;
		border-radius: 30px;
		width: 100%;
		font-family: "Gotham Pro";
	}

	.price__input::placeholder {
		color: #1D1D1B;
	}

	.price__input:focus {
		outline: none;
	}

	.price__input:not(:first-of-type) {
		margin-top: 20px;
	}

	.price__form-button {
		width: 100%;
		height: 50px;
		background-color: #000;
		border: none;
		color: #fff;
		font-weight: 400;
		font-size: 18px;
		border-radius: 40px;
		margin: 20px 0;
	}

	.form__input {
		position: relative;
		margin-top: 25px;
	}

	.form__input svg {
		position: absolute;
		left: 15px;
		bottom: 5px;
	}



	.price__form-button:focus {
		outline: none;
	}

	.form__price-block {
		display: flex;
		align-items: center;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	.form-block {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.form__price-block input {
		width: 25px;
		height: 25px;
	}

	.form__price-block p {
		font-size: 14px;
		margin: 0 0 0 10px;
		color: #1D1D1B;
	}

	.form__price-block p a {
		color: black;
	}

	/* */
	.form {
		display: flex;
		flex-direction: column;
		background: #F2DDDE;
		padding: 16px !important;
		border-radius: 16px;
	}

	.form__info h2 {
		font-size: 20px;
		line-height: 120%;
		text-transform: uppercase;
		margin-top: 10px;
		color: #1D1D1B;
		max-width: 65%;
	}

	.form__info-description {
		margin-top: 15px;
		font-family: "Gotham Pro";
		font-size: 14px;
		line-height: 150%;
		color: #1D1D1B;
	}
}

@media (min-width: 639px) {

	.form__price-block input[type=checkbox] {
		width: 5%;
	}

	.form {
		padding: 24px !important;
	}
}

@media (min-width: 957px) {

	.form {
		gap: 25px;
		padding: 35px;
	}

	.circle_price {
		right: 60px;
		top: 15px;
	}


	.price__input:not(:first-of-type) {
		margin-right: 20px;
	}

	.input-head {
		display: block;
		font-size: 18px;
		line-height: 120%;
		margin-bottom: 5px;
		color: #1D1D1B;
	}


	.price__form {
		display: flex;
		justify-content: flex-start;
		align-self: center;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.form__price-block input[type=checkbox] {
		width: 3%;
	}




	.form__info h2 {
		font-size: 36px;
		max-width: 100%;
	}


	.form__info-description {
		font-size: 20px;
	}

	.form__circle {
		width: 117px;
		height: 117px;
		top: 0;
	}

	.form__circle-price {
		font-size: 25px;
	}

	.form__circle-time {
		font-size: 15px;
	}

	


}

@media (min-width: 1243px) {

	.form__price-block p {
		width: 130%;
	}

	.company-modal-overlay {
		padding-top: 100px;
	}

	.text_price p span,
	.text1_price p span,
	.text3_price p span,
	.text4_price p span {
		font-size: 11px;
		transform-origin: 0 85px;
		/*точка исхода трансформации*/
	}

	.circle_price {
		left: 80%;
		top: -35%;
	}

	.circle_modal {
		left: 80%;
		top: 10%;
	}

	.logo_price {
		font-size: 23px;
		width: 90px;
		height: 70px
	}

	.logo_price span {
		font-size: 19px;
		text-transform: uppercase;
	}


	.form__circle {
		right: 90px;
		top: 40px;
	}

	.order-form {
		padding-top: 128px;
		padding-bottom: 128px;
	}

	.price__form {
		flex-direction: row;
		width: 496px;
	}

	.circle_price {
		width: 140px;
		height: 165px;
	}

	.price__form2 .price__form-button {
		margin: 0;
		align-self: flex-end;
	}




	.price__input-1 {
		width: 496px;
	}

	.price__input-2 {
		width: 240px;
	}

	.price__form .form__input:nth-child(5) {
		margin-left: 16px;
	}




	.price__input-3 {
		width: 240px;
	}

	.price__input-4 {
		width: 275px;
	}

	.form2 {
		flex-direction: column;
	}

	.price__form2,
	.price__form3 {
		width: 100%;
	}

	.price__form2 .price__input,
	.price__form3 .price__input {
		width: 278px;
		margin-right: 16px;
	}

	.price__form2 .form__input:nth-child(5),
	.price__form3 .form__input:nth-child(5) {
		margin-left: 0;
	}

	.price__form2 .price__form-button {
		width: 262px;
		margin-top: 25px;
	}

	.price__form3 .price__form-button {
		margin-top: 50px;
		margin-bottom: 0;
	}

	.price__form3 .form__price-block {

		margin-top: 20px;
		margin-left: 5px;

	}

	.form2 h2 {
		font-size: 36px;
	}

	.form2 .form__info-description {
		width: 830px;
	}

	.form__price-block {
		margin-top: 20px;
	}


}