@import url('https://fonts.googleapis.com/css2?family=Kodchasan:wght@300;400;500;600;700&display=swap');
@font-face {
	font-family: "ITC KRIST"; 
	src: url("/assets/fonts/ITCKRIST.ttf"); 
	font-display: swap;
} 

body{
	font-family: 'Kodchasan', sans-serif;
	margin: 0;
}
p{
	margin: 0;
}
.main{
	overflow-x: hidden;
}
.container{
	max-width: 1500px;
	margin: auto;
	box-sizing: border-box;
	position: relative;
}
.header{
	padding-top: 25px;
	padding-bottom: 25px;
	opacity: 0;
}
.header .container{
	display: flex;
	justify-content: center;
	align-items: center;
}
.header .container p{
	text-align: center;
	padding-left: 100px;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	margin: 0;
}
.banner{
	background: linear-gradient(76.02deg, #FFA742 1.66%, #FFD877 93.21%);
	border-radius: 30px;
	padding-top: 110px;
	padding-left: 70px;
	padding-right: 70px;
	padding-bottom: 225px;
	position: relative;
	opacity: 0;
	box-shadow: 2px 17px 20px 3px rgba(0, 0, 0, 0.25);
}
.banner h1{
	font-weight: 700;
	font-size: 47px;
	line-height: 61px;
	text-align: center;
	margin: 0;
	margin-bottom: 65px;
}
.banner__subtitle{
	font-weight: 400;
	font-size: 36px;
	line-height: 47px;
	text-align: center;
}
.banner__desc{
	padding-top: 115px;
	max-width: 885px;
}
.banner__desc__item{
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.banner__desc__item p{
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	padding-left: 5px;
	margin: 0;
}
.banner__desc__item:nth-child(3) img{
	width: 15px;
	padding-left: 7.5px;
}
.banner__desc__item:nth-child(3) p{
	font-weight: 700;
	padding-left: 10px;
}
button{
	width: 256px;
	height: 46px;
	background: linear-gradient(271.01deg, #000000 -0.89%, #007D8D 102.82%, #00E0FC 122.04%, rgba(12, 228, 255, 0) 122.05%);
	border-radius: 10px;
	color: white;
	outline: none;
	cursor: pointer;
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	border: 0;
	position: relative;
}
button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 256px;
  height: 46px;
  background: linear-gradient(271.01deg, #000000 -0.89%, #007D8D 102.82%, #00E0FC 122.04%, rgba(12, 228, 255, 0) 122.05%);
  transform: rotate(180deg);
  opacity: 0;
  transition: .4s;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
button:hover:before{
	opacity: 1;
}
button span{
	position: relative;
	z-index: 1;
}
.banner__desc button{
	margin-left: 31px;
}
.banner .rocket{
	position: absolute;
	right: 400px;
	bottom: -650px;
	opacity: 0;
}
.info{
	margin-top: 185px;
	padding-bottom: 155px;
}
.info__title{
	text-align: center;
	font-weight: 600;
	font-size: 45px;
	line-height: 160%;
	margin: 0;
	margin-bottom: 30px;
	opacity: 0;
}
.info__desc{
	margin-top: 20px;
	font-weight: 300;
	font-size: 20px;
	line-height: 160%;
	text-align: center;
	opacity: 0;
}
.info__buttons{
	text-align: center;
	margin-top: 55px;
	display: flex;
	justify-content: center;
	opacity: 0;
}
.info__buttons div:nth-child(2){
	margin-left: 52px;
}
.data{
	margin-top: 68px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: -17px;
}
.data__container{
	position: relative;
	margin-top: 5px;
	opacity: 0;
	display: flex;
	justify-content: center;
}
.data__container:nth-child(2),.data__container:nth-child(4){
	margin-left: 47px;
}
.data__container:nth-child(1),.data__container:nth-child(3){
	left: -900px;
}
.data__container:nth-child(2),.data__container:nth-child(4){
	right: -900px;
}
.data__item_first-layer{
	border: 2px solid rgba(251, 174, 23, 0.17);
	width: 95.7%;
  height: 79.3%;
	position: absolute;
	top: 0;
	left: 0;
}
.data__item_second-layer{
	background: linear-gradient(166.14deg, #FFA800 9.9%, rgba(229, 130, 17, 0.531778) 48.73%, rgba(229, 130, 17, 0) 72.42%);
	opacity: 0.07;
	border: 11px solid #FFAE42;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(55px 4px 48px rgba(0, 0, 0, 0.25));
	width: 95.7%;
  height: 79.3%;
	position: absolute;
	top: 25px;
	left: 20px;
}
.data__item{
	width: 579px;
	height: 350px;
	box-sizing: border-box;
	padding-left: 51px;
	padding-top: 64px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.data__item__title{
	font-weight: 400;
	font-size: 28px;
	line-height: 140%;
	margin-bottom: 30px;
}
.data__item__content{
	font-weight: 500;
	font-size: 20px;
	line-height: 160%;
	opacity: 0.7;
	max-width: 384px;
}
.data__desc{
	margin-top: 50px;
	text-align: left;
	width: 100%;
	margin-left: 160px;
	font-size: 16px;
	line-height: 140%;
	font-weight: 400;
	opacity: 0;
}
.data__desc span{
	font-weight: 600;
}
.program{
	background: #FEFCF5;
	padding-top: 80px;
}
.program__title{
	font-weight: 600;
	font-size: 45px;
	line-height: 160%;
	text-align: center;
	padding-bottom: 35px;
	opacity: 0;
}
.program__steps{
	max-width: 1248px;
	margin: auto;
}
.program__steps__item{
	display: flex;
	align-items: center;
	margin-top: 30px;
	opacity: 0;
}
.program__steps__item__number{
	width: 230px;
	height: 217px;
	background-image: url(/assets/img/step-back.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'ITC Krist';
	font-weight: 400;
	font-size: 96px;
	line-height: 160%;
}
.program__steps__item__number span{
	margin-left: -10px;
	margin-top: -10px;
}
.program__steps__item__desc{
	margin-left: 113px;
	max-width: calc(100% - 343px);
}
.program__steps__item__desc__title{
	font-weight: 400;
	font-size: 28px;
	line-height: 145%;
	margin-bottom: 10px;
}
.program__steps__item__desc__content{
	font-weight: 500;
	font-size: 20px;
	line-height: 160%;
	opacity: .7;
	overflow: hidden;
}
.program__steps__item:nth-child(2n){
	justify-content: flex-end;
}
.program__steps__item:nth-child(2n) .program__steps__item__number{
	order: 2;
}
.program__steps__item:nth-child(2n) .program__steps__item__desc{
	order: 1;
	margin-right: 113px;
	margin-left: 0;
}
.program__steps button{
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	opacity: 0;
}
.program__steps button.hidden{
	display: none;
}
.program__steps_hidden{
	display: none;
}
.price-and-perspective{
	background: #FEFCF5;
	padding-top: 80px;
	position: relative;
	overflow: hidden;
	padding-bottom: 140px;
}
.price-and-perspective .container{
	z-index: 1;
}
.perspective{
	max-width: 1248px;
	margin: auto;
}
.perspective__title{
	font-weight: 600;
  font-size: 45px;
  line-height: 160%;
  text-align: center;
  width: 80%;
  margin: auto;
  opacity: 0;
}
.perspective__content{
	font-weight: 400;
	font-size: 20px;
	line-height: 160%;
	margin-top: 85px;
	margin-left: 15px;
	opacity: 0;
}
.price{
	margin-top: 100px;
}
.price__title{
	font-weight: 600;
  font-size: 45px;
  line-height: 160%;
  text-align: center;
  margin: auto;
  opacity: 0;
}
.price__content{
	font-weight: 400;
	font-size: 20px;
	line-height: 160%;
	margin-top: 45px;
	text-align: center;
	opacity: 0;
}
.price-and-perspective .rocket{
	position: absolute;
	bottom: -1065px;
  right: 0;
}
.price-and-perspective .rocket img{
  width: 880px;
  opacity: 0.06;
}
.price__buttons{
	text-align: center;
	margin-top: 60px;
	display: flex;
	justify-content: center;
	opacity: 0;
}
.price__buttons div:nth-child(2){
	margin-left: 52px;
}
.footer{
	background: linear-gradient(76.02deg, #FFFFFF 7.86%, #FFD877 65.55%);
	height: 137px;
	width: 100%;
	box-sizing: border-box;
	padding-left: 45px;
	display: flex;
	align-items: center;
	opacity: 0;
}
.footer .container{
	margin-left: 0;
}
.modal{
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 2;
	background: rgba(0,0,0,.3);
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
}
.modal__window{
	width: 450px;
	height: 438px;
	background: #FAFAFA;
	border-radius: 23px;
	padding-top: 70px;
	padding-left: 80px;
	padding-right: 80px;
	position: relative;
	text-align: center;
}
.modal__window img{
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
.modal__window__title{
	font-weight: 500;
	font-size: 26px;
	line-height: 160%;
	margin-bottom: 50px;
	text-align: center;
}
.modal__window input{
	border: 0;
	border-bottom: 0.75px solid #FFD4A0;
	background: transparent;
	outline: none;
	font-weight: 400;
	font-size: 18px;
	line-height: 160%;
	margin-bottom: 15px;
	width: 100%;
	padding: 5px;
}
.modal__window button{
	margin-top: 35px;
}
.g-recaptcha{
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
#recaptchaError{
	color: red;
	font-size: 14px;
	margin-top: 10px;
}
.modal__response{
	width: 450px;
	height: auto;
	background: #FAFAFA;
	border-radius: 23px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 80px;
	padding-right: 80px;
	position: relative;
	text-align: center;
	display: none;
}
.modal__response img{
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
.modal__response__title{
	font-weight: 500;
	font-size: 26px;
	line-height: 160%;
	text-align: center;
}
#countdown{
	width: 400px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	background: linear-gradient(76.02deg, #FFA742 1.66%, #FFD877 93.21%);
  box-shadow: 2px 17px 20px 3px rgb(0 0 0 / 25%);
  padding: 5px;
  border: 0;
  border-radius: 15px;
}
#free{
	cursor: pointer;
	transition: .4s;
	border-bottom: 1px solid transparent;
	padding-bottom: 3px;
}
#free:hover{
	border-bottom: 1px solid black;
}
.banner__desc__item:nth-child(3){
	position: relative;
}
.banner__desc__free{
	position: absolute;
	top: -10px;
  left: 260px;
  width: 200px;
  font-size: 10px;
  background: white;
  border: darkgray;
  padding: 20px;
  z-index: 2;
  border-radius: 20px;
  display: none;
}
.banner__desc__free:before{
	content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: -19px;
  right: 0;
  border: 10px solid transparent;
  border-bottom: 14px solid white;
  width: 0;
  height: 0;
  transform: rotate(270deg);
}
.banner__desc__free a{
	font-weight: 600;
	color: black;
}
.banner__desc__free img{
	width: 10px;
	padding-left: 0;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
    

@media(max-width: 1520.98px){
	.container{
		padding-left: 20px;
		padding-right: 20px;
	}
	.banner{
		padding-top: 95px;
		padding-bottom: 210px;
	}
	.banner h1{
		font-size: 40px;
		line-height: 54px;
		margin-bottom: 50px;
	}
	.banner__subtitle{
		font-size: 32px;
		line-height: 43px;
	}
	.banner__desc{
		padding-top: 100px;
	}
	.banner .rocket{
		width: 550px;
	}
	.info{
		padding-bottom: 125px;
	}
	.info__title{
		font-size: 38px;
	}
	.info__desc{
		margin-top: 15px;
	}
	.data__desc{
		margin-left: 0px;
		width: 1180px;
	}
	.program{
		padding-top: 70px;
	}
	.program__title{
		font-size: 38px;
	}
	.program__steps__item__number{
		width: 210px;
		height: 197px;
		font-size: 92px;
	}
	.program__steps__item__desc{
		margin-left: 93px;
		max-width: calc(100% - 303px);
	}
	.program__steps__item:nth-child(2n) .program__steps__item__desc{
		margin-right: 93px;
	}
	.program__steps__item__desc__title{
		font-size: 26px;
	}
	.price-and-perspective{
		padding-top: 70px;
		padding-bottom: 120px;
	}
	.perspective__title{
	  font-size: 38px;
	  width: 70%;
	}
	.perspective__content{
		margin-top: 55px;
	}
	.price{
		margin-top: 70px;
	}
	.price__title{
	  font-size: 38px;
	}
	.price__content{
		margin-top: 40px;
	}
	.price__buttons{
		margin-top: 50px;
	}
}
@media(max-width: 1339.98px){
	.banner{
		padding-bottom: 190px;
		padding-left: 60px;
		padding-right: 60px;
	}
	.banner h1{
		font-size: 36px;
		line-height: 50px;
		margin-bottom: 40px;
	}
	.banner__subtitle{
		font-size: 28px;
		line-height: 39px;
	}
	.banner__desc{
		padding-top: 90px;
	}
	.banner .rocket{
		width: 500px;
	}
	.info__title{
		font-size: 34px;
	}
	.info__desc{
		font-size: 18px;
	}
	.data__container{
		width: 45%;
	}
	.data__item{
		width: 100%;
		height: 300px;
	}
	.data__item__title{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.data__item__content{
		font-size: 18px;
	}
	.data__desc{
		width: 100%;
		margin-left: 40px;
	}
	.program__title{
		font-size: 34px;
	}
	.program__steps__item{
		margin-top: 20px;
	}
	.program__steps__item__number{
		width: 190px;
		height: 177px;
		font-size: 88px;
	}
	.program__steps__item__desc{
		margin-left: 73px;
		max-width: calc(100% - 263px);
	}
	.program__steps__item:nth-child(2n) .program__steps__item__desc{
		margin-right: 73px;
	}
	.program__steps__item__desc__title{
		font-size: 24px;
	}
	.program__steps__item__desc__content{
		font-size: 18px;
	}
	.perspective__title{
	  font-size: 34px;
	  width: 60%;
	}
	.perspective__content{
		font-size: 18px;
	}
	.price__title{
	  font-size: 34px;
	}
	.price__content{
		font-size: 18px;
	}
	.modal__window{
		width: 450px;
		height: 400px;
		padding-top: 50px;
		padding-left: 60px;
		padding-right: 60px;
	}
	.modal__window__title{
		margin-bottom: 30px;
		font-size: 24px;
	}
	.modal__window input{
		font-size: 16px;
	}
	.modal__response{
		padding-left: 60px;
		padding-right: 60px;
	}
	.modal__response__title{
		font-size: 24px;
	}
}
@media(max-width: 1199.98px){
	.banner{
		padding-top: 80px;
		padding-bottom: 170px;
		padding-left: 40px;
		padding-right: 40px;
	}
	.banner h1{
		font-size: 30px;
		line-height: 44px;
		margin-bottom: 30px;
	}
	.banner__subtitle{
		font-size: 22px;
		line-height: 33px;
	}
	.banner__desc{
		padding-top: 60px;
		max-width: 700px;
	}
	.banner__desc__item p{
		font-size: 16px;
		line-height: 22px;
	}
	.banner .rocket{
		width: 480px;
	}
	.info{
		padding-bottom: 100px;
	}
	.info__title{
		font-size: 28px;
		margin-bottom: 20px;
	}
	.info__buttons{
		margin-top: 40px;
	}
	.program{
		padding-top: 50px;
	}
	.program__title{
		font-size: 28px;
	}
	.price-and-perspective{
		padding-top: 50px;
		padding-bottom: 100px;
	}
	.perspective__title{
	  font-size: 28px;
	  width: 60%;
	}
	.price{
		margin-top: 50px;
	}
	.price__title{
	  font-size: 28px;
	}
	.footer{
		height: 120px;
	}
	.footer img{
		max-width: 100%;
	}
	.banner__desc__free{
		left: 220px;
	}
}
@media(max-width: 991.98px){
	.header img{
		width: 340px;
		height: auto;
	}
	.header .container{
		justify-content: space-around;
	}
	.header .container p{
		font-size: 18px;
		padding-left: 0;
	}
	.banner{
		padding-top: 60px;
		padding-bottom: 150px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.banner h1{
		font-size: 26px;
		line-height: 40px;
		margin-bottom: 20px;
	}
	.banner__desc{
		padding-top: 40px;
		max-width: 600px;
	}
	.banner__desc__item p{
		font-size: 15px;
		line-height: 21px;
	}
	.banner .rocket{
		width: 450px;
	}
	.info{
		padding-bottom: 85px;
	}
	.info__title{
		font-size: 26px;
		margin-bottom: 15px;
	}
	.info__desc{
		font-size: 16px;
	}
	.info__buttons{
		margin-top: 30px;
	}
	.data__container{
		width: 90%;
	}
	.data__container:nth-child(2),.data__container:nth-child(4){
		margin-left: 0px;
	}
	.data__item{
		background-size: cover;
		width: 579px;
		height: 350px;
	}
	.data__item__title{
		font-size: 22px;
	}
	.data__item__content{
		font-size: 16px;
	}
	.data__desc{
		width: 100%;
		text-align: center;
		margin-left: 17px;
	}
	.program__title{
		font-size: 26px;
		padding-bottom: 20px;
	}
	.program__steps__item__number{
		width: 170px;
		height: 157px;
		font-size: 78px;
	}
	.program__steps__item__desc{
		margin-left: 53px;
		max-width: calc(100% - 243px);
	}
	.program__steps__item:nth-child(2n) .program__steps__item__desc{
		margin-right: 53px;
	}
	.program__steps__item__desc__title{
		font-size: 22px;
	}
	.program__steps__item__desc__content{
		font-size: 16px;
	}
	.price-and-perspective{
		padding-bottom: 90px;
	}
	.perspective__title{
	  font-size: 26px;
	  width: 80%;
	}
	.perspective__content{
		font-size: 16px;
		margin-top: 40px;
	}
	.price__title{
	  font-size: 26px;
	}
	.price__content{
		font-size: 16px;
		margin-top: 30px;
	}
	.footer img{
		width: 340px;
	}
	.banner__desc__free{
		left: 210px;
	}
}
@media(max-width: 859.98px){
	.banner{
		padding-top: 50px;
		padding-bottom: 130px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.banner h1{
		font-size: 23px;
		line-height: 37px;
		margin-bottom: 20px;
	}
	.banner__subtitle{
		font-size: 20px;
		line-height: 31px;
	}
	.banner__desc{
		padding-top: 30px;
		max-width: 500px;
	}
	.banner__desc__item{
		margin-bottom: 20px;
	}
	.banner__desc__item p{
		font-size: 14px;
		line-height: 20px;
	}
	.banner .rocket{
		width: 390px;
	}
	button{
		width: 220px;
		height: 40px;
	}
	button:before {
	  width: 220px;
	  height: 40px;
	}
	.info__buttons{
		margin-top: 25px;
	}
	.banner__desc__free{
		left: 200px;
	}
}
@media(max-width: 767.98px){
	.header .container{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.header .container p{
		font-size: 14px;
	}
	.banner{
		padding-top: 40px;
		padding-bottom: 110px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.banner h1{
		font-size: 21px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.banner__subtitle{
		font-size: 18px;
		line-height: 29px;
	}
	.banner__desc{
		padding-top: 20px;
		max-width: 450px;
	}
	.banner__desc__item{
		margin-bottom: 15px;
	}
	.banner__desc__item p{
		font-size: 13px;
		line-height: 19px;
	}
	.banner .rocket{
		width: 340px;
	}
	.info{
		padding-bottom: 60px;
		margin-top: 125px;
	}
	.info__desc{
		font-size: 15px;
	}
	.data{
		margin-top: 50px;
	}
	.data__item__title{
		font-size: 21px;
	}
	.data__item__content{
		font-size: 15px;
	}
	.program__steps__item__number{
		width: 150px;
		height: 137px;
		font-size: 72px;
	}
	.program__steps__item__desc{
		margin-left: 33px;
		max-width: calc(100% - 223px);
	}
	.program__steps__item:nth-child(2n) .program__steps__item__desc{
		margin-right: 33px;
	}
	.program__steps__item__desc__title{
		font-size: 21px;
	}
	.program__steps__item__desc__content{
		font-size: 15px;
	}
	.price-and-perspective{
		padding-bottom: 80px;
	}
	.perspective__title{
	  width: 100%;
	}
	.perspective__content{
		font-size: 15px;
	}
	.price__content{
		font-size: 15px;
	}
	#countdown{
		font-size: 15px;
	}
	.banner__desc__free{
		left: 190px;
	}
}
@media(max-width: 689.98px){
	.header .container{
		flex-wrap: wrap;
		justify-content: center;
	}
	.header .container p{
		font-size: 14px;
		width: 100%;
		margin-top: 15px;
	}
	.header img{
		max-width: 100%;
	}
	.banner{
		padding-top: 40px;
		padding-bottom: 100px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.banner h1{
		font-size: 20px;
		line-height: 34px;
	}
	.banner__desc__item img{
		max-width: 20px;
	}
	.banner__desc__item:nth-child(3) img{
		width: 10px;
		padding-left: 5px;
	}
	.banner .rocket{
		width: 300px;
	  transform: translate(50%, 0px);
	  right: 700px;
	  bottom: -450px;
	}
	button{
		width: 200px;
		height: 40px;
		font-size: 11px;
	}
	button:before {
	  width: 200px;
	  height: 40px;
	}
	.info{
		margin-top: 185px;
	}
	.data__item{;
		width: 100%;
		height: 300px;
	}
	.data__item_second-layer{
		top: 15px;
		left: 10px;
	}
	.banner__desc__free{
		left: 180px;
	}
}
@media(max-width: 575.98px){
	.header .container p{
		font-size: 14px;
	}
	.banner .rocket{
		width: 250px;
	}
	.info{
		margin-top: 150px;
	}
	.info__title{
		font-size: 24px;
	}
	.info__buttons{
		flex-wrap: wrap;
	}
	.info__buttons div:nth-child(2){
		margin: 0;
		margin-top: 15px;
	}
	.info__buttons div{
		width: 100%;
	}
	.data{
		margin-top: 40px;
	}
	.data__item__title{
		font-size: 20px;
	}
	.data__item__content{
		font-size: 14px;
		max-width: 300px;
	}
	.data__desc{
		font-size: 13px;
		margin-top: 30px;
	}
	.info__desc{
		font-size: 14px;
	}
	.program{
		padding-top: 40px;
	}
	.program__title{
		font-size: 24px;
		padding-bottom: 10px;
	}
	.program__steps__item{
		margin-top: 30px;
	}
	.program__steps__item__number{
		width: 130px;
		height: 117px;
		font-size: 56px;
	}
	.program__steps__item__desc{
		margin-left: 23px;
		max-width: calc(100% - 183px);
	}
	.program__steps__item:nth-child(2n) .program__steps__item__desc{
		margin-right: 23px;
	}
	.program__steps__item__desc__title{
		font-size: 20px;
	}
	.program__steps__item__desc__content{
		font-size: 14px;
	}
	.price-and-perspective{
		padding-top: 40px;
		padding-bottom: 70px;
	}
	.perspective__title{
	  font-size: 24px;
	}
	.perspective__content{
		font-size: 14px;
		margin-top: 30px;
	}
	.price{
		margin-top: 40px;
	}
	.price__title{
	  font-size: 24px;
	}
	.price__content{
		font-size: 14px;
		margin-top: 25px;
	}
	.price__buttons{
		flex-wrap: wrap;
		margin-top: 40px;
	}
	.price__buttons div{
		width: 100%;
	}
	.price__buttons div:nth-child(2){
		margin-left: 0px;
		margin-top: 20px;
	}
	.footer{
		padding-left: 0;
		justify-content: center;
	}
	.footer .container{
		margin: auto;
	}
	.modal__window{
		width: auto;
		max-width: 95%;
		height: auto;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 50px;
		padding-right: 50px;
		box-sizing: border-box;
	}
	.modal__window__title{
		margin-bottom: 20px;
		font-size: 22px;
	}
	.modal__window input{
		font-size: 14px;
	}
	.modal__response{
		padding-left: 40px;
		padding-right: 40px;
	}
	.modal__response__title{
		font-size: 22px;
	}
	#countdown{
		font-size: 14px;
		max-width: 100%;
	}
}
@media(max-width: 499.98px){
	.banner .rocket{
		width: 230px;
		transform: none;
		bottom: -650px;
	}
	.banner h1{
		font-size: 18px;
		line-height: 32px;
	}
	.banner__subtitle{
		font-size: 16px;
		line-height: 27px;
	}
	.info{
		margin-top: 175px;
	}
	.banner__desc button{
		margin: auto;
		display: block;
	}
	.data__item{
		padding-top: 30px;
		padding-left: 30px;
		height: 250px;
	}
	.program__title{
		padding-bottom: 0;
	}
	.program__steps__item__number{
		width: 110px;
		height: 97px;
		font-size: 42px;
	}
	.program__steps__item__desc{
		margin-left: 15px;
		max-width: calc(100% - 125px);
	}
	.program__steps__item:nth-child(2n) .program__steps__item__desc{
		margin-right: 15px;
	}
	.price-and-perspective{
		padding-bottom: 60px;
	}
	.banner__desc__free{
		left: 20px;
		top: 30px;
	}
	.banner__desc__free:before{
		transform: rotate(0deg);
		top: -19px;
		left: 10px;
	}
}
@media(max-width: 419.98px){
	.header .container p{
		font-size: 13px;
	}
	.data__item{
		margin-top: 10px;
	}
	.data__item__title{
		margin-bottom: 10px;
	}
	.data__item__content{
		max-width: 250px;
	}
	.modal__window{
		padding-left: 30px;
		padding-right: 30px;
	}
	.modal__response{
		padding-left: 30px;
		padding-right: 30px;
	}
	.g-recaptcha{
		transform: scale(0.95);
	}
}
@media(max-width: 374.98px){
	.banner .rocket{
	  transform: translate(50%, 0px); 
	}
	.info{
		margin-top: 185px;
		padding-bottom: 40px;
	}
	.info__title{
		font-size: 22px;
	}
	.data{
		margin-top: 30px;
	}
	.data__item{
		padding-top: 35px;
		padding-left: 30px;
	}
	.data__item__title{
		font-size: 18px;
	}
	.data__item__content{
		font-size: 13px;
		max-width: 200px;
	}
	.data__desc{
		font-size: 13px;
		margin-top: 25px;
	}
	.program__title{
		font-size: 22px;
	}
	.program__steps__item__desc__title{
		font-size: 18px;
	}
	.program__steps__item__desc__content{
		font-size: 13px;
	}
	.perspective__title{
	  font-size: 22px;
	}
	.perspective__content{
		font-size: 13px;
	}
	.price__title{
	  font-size: 22px;
	}
	.price__content{
		font-size: 13px;
	}
	.g-recaptcha{
		transform: scale(0.85);
	}
}