@import "assets/fonts/font.css";
@import "assets/css/normalize.css";
@import "libs/forms/sweet-alert.css";
@import "libs/overlay/overlay.css";
@import "libs/popup-toggle/popup-toggle.css";
@import "assets/css/swiper-bundle.min.css";
@import "assets/css/magnific-popup.css";
	
.header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:30px 0;
}
.header__right{
	display: flex;
	align-items: center;
}
.header__phone{
   font-size: 20px;
   color: rgb(51, 85, 161);
   font-weight: bold;
   line-height: 0.4;
}
.header__call{
	margin-left:30px;
	font-size: 20px;
	color: rgb(255, 255, 255);
	width: 268px;
  	height: 69px;
  	background-color: rgb(0, 0, 0);
  	display: flex;
  	align-items: center;
 	justify-content: center;
  	border-radius: 69px;
}
	

main{
	display: flex;
	justify-content: space-between;
	justify-content: center;
	gap:20px;
}
.main__right{
	max-width: 450px;
	width: 100%;
}
.main__right form{
	display: flex;
	flex-direction: column;
	gap:30px;
	background:#e4e8fa;
	border-radius: 30px;
	text-align: center;
	align-items: center;
	padding:30px;
	position: sticky;
	top:0px;
}
.main__right form h2{
	font-size: 20px;
  	color: rgb(0, 17, 223);
  	font-weight: bold;
  	text-transform: uppercase;	
}	
.main__right form input{
   border-width: 1px;
   border-color: rgb(225, 225, 225);
   border-style: solid;
   max-width: 354px;
   width: 100%;
   height: 73px;
   border-radius: 73px;
   text-align: center;
}
.main__right form button{
	font-size: 20px;
	color: rgb(255, 255, 255);
	max-width: 354px;
    width: 100%;
  	height: 69px;
  	background-color: rgb(0, 0, 0);
  	display: flex;
  	align-items: center;
 	justify-content: center;
  	border-radius: 69px;
}
.main__right form p{
  font-size: 17px;
  color: rgb(106, 106, 106);
}

#banner{
	background-image: url('assets/img/фон.png');
	background-repeat: no-repeat;
	background-size: cover;
	padding:80px 0;
	border-radius: 30px;
	 background-color: #0219b0;
	 margin-bottom: 50px;
	 background-position: 200px;
	}

.banner h1{
  font-size: 80px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}
.banner h1 span{
	cursor: pointer;
}
.banner__qute{
  font-size: 18px;
  color: rgb(60, 60, 60);
  background-color: rgb(228, 232, 250);
  position: absolute;
  top:-50px;
  left: 0px;
  padding:20px;
  border-radius: 30px;
}

.banner .banner__p{
  font-size: 30px;
  color: rgb(255, 255, 255);
  margin-top:30px;
  margin-bottom:30px;
}
.banner .header__sk{
	display: flex;
	align-items: center;
	font-size: 20px;
  	color: rgba(255, 255, 255, 0.702);
}
.banner .header__sk img{
	width: 30px;
	margin-right: 10px;
}
.header__box{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:15px;
	margin-top:100px;
}
.header__item{
	border-radius: 30px;
    background-color: rgb(47, 64, 196);
    padding:20px;
} 
.header__item h2{
   	font-size: 30px;
  	color: rgb(255, 255, 255);
  	font-weight: bold;
  	margin:5px 0 10px 0;
}
.header__item p{
	font-size: 20px;
  	color: rgb(255, 255, 255);
}	
.banner__text{
	text-align: center;
	font-size: 14px;
  	color: rgba(217, 220, 239, 0.8);
  	margin-top:10px;
}


.sec1 h2{
  font-size: 40px;
  color: rgb(0, 36, 255);
  font-weight: bold;
  text-transform: uppercase;
}
.sec1__box{
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top:30px;
	gap:20px;
}
.sec1__item{
	display: flex;
	flex-direction: column;
	background: #e4e8fa;
	padding:30px;
	border-radius: 30px;
	margin-bottom:20px;
}
.sec1__item img{
	margin-bottom:15px;
	width: 30px;
	display: block;
}
.sec1__item strong{
  font-size: 25px;
  color: rgb(45, 44, 44);
  font-weight: bold;
}
.sec1__item strong span{
	color: rgb(0, 17, 223);
}
.sec1__item-line{
	width: 100%;
	background-color: rgb(255, 255, 255);
  	box-shadow: inset 0px 6px 6.58px 0.42px rgba(0, 2, 6, 0.08);
  	height: 85px;
  	border-radius: 85px;
}
.sec1__item-line span{
	background-color: rgb(0, 36, 255);
	height: 85px;
	display: block;
	border-radius: 85px;
	line-height: 85px;
	padding:0 60px;
	font-size: 25px;
    color: rgb(255, 255, 255);
    font-weight: bold;
}
.sec1__item-box{
	display: flex;
	flex-direction: column;
	gap:20px;
}
.sec1__item-box .sec1__item-line:nth-child(2) span{
	max-width: 40%;
}
.sec1__item-box .sec1__item-line:nth-child(3) span{
	max-width: 60%;
}
.sec1__item-box .sec1__item-line:nth-child(4) span{
	max-width: 80%;
}	

	 	
.sec2{

}
.sec2 h2{
  font-size: 40px;
  color: rgb(0, 23, 242);
  font-weight: bold;
  text-transform: uppercase;
}
.sec2 p{
  font-size: 25px;
  color: rgb(45, 44, 44);
  margin-top:20px;
  margin-bottom:40px;

}
	
.sec2__box{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap:30px;
}
.sec2__item{
	position: relative;
	text-align: center;
}
.sec1__item-line{
	
}
.sec2__play{
	position: absolute;
	bottom:30px;
	right:0px;
}
.sec2__item strong{
  font-size: 25px;
  color: rgb(0, 23, 242);
  font-weight: bold;
  margin-top:20px;
  display: block;
}
#sec2{
	background: #e4e8fa;
	padding:80px 0;
	border-radius: 30px;
}
.sec3{
	background: #e4e8fa;
	padding:30px;
	display: grid;
	grid-template-columns: 2fr 1fr;
	margin-top:80px;
	border-radius: 30px;
}
.sec3__left h2{
  font-size: 40px;
  color: rgb(0, 23, 242);
  font-weight: bold;
  text-transform: uppercase;
}
.sec3__left p{
	font-size: 25px;
 	color: rgb(45, 44, 44);
 	margin:25px 0;
}
.sec3__left a{
	font-size: 20px;
	color: rgb(255, 255, 255);
	max-width: 268px;
    width: 100%;
  	height: 69px;
  	background-color: rgb(0, 0, 0);
  	display: flex;
  	align-items: center;
 	justify-content: center;
  	border-radius: 69px;
}
.sec3__right-box{
	border-radius: 30px;
	background: #fff;
}
.sec3__right-box p{
  font-size: 20px;
  color: rgb(45, 44, 44);
  text-align: center;
  padding-bottom:15px;
}

#sec4{
	background: rgb(0, 23, 242);
	padding:80px 0;
	margin-top:80px;
	margin-bottom:80px;
	border-radius: 30px;
}
.sec4__box {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:20px;
}
.sec4__item{
	border-radius: 30px;
  	background-color: rgb(255, 255, 255);
  	padding:30px;
}	
.sec4 h2{
  font-size: 40px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom:30px;
}
.sec4 strong{
  font-size: 30px;
   color: rgb(45, 44, 44);	
  font-weight: bold;

}
.sec4 strong span{
	color: rgb(0, 23, 242);
}
.sec4 p{
   font-size: 20px;
   color: rgb(45, 44, 44);	
   margin-top:20px;
}
.sec4__item_box{
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	margin-top:20px;
}

.sec4__item_box strong{
	color: rgb(0, 23, 242);
}



.sec5 h2{
	font-size: 40px;
  font-family: "Montserrat";
  color: rgb(0, 23, 242);
  font-weight: bold;
  text-transform: uppercase;
}
.sec5__box{
	margin-top:30px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:20px;
}
.sec5__item{
	border-radius: 30px;
    background-color: rgb(228, 232, 250);
    padding:30px;
    text-align: center;
}
.sec5__item strong{
  font-size: 25px;
  color: rgb(0, 23, 242);
  font-weight: bold;
  margin-top:20px;
  margin-bottom:20px;
  display: block;
}
.sec5__item p{
  font-size: 20px;
  color: rgb(45, 44, 44);
}
	
#sec6{
	background-color: rgb(228, 232, 250);
	padding:50px 0;
	margin-top:80px;
	border-radius: 30px;
}
.sec6 h2{
  font-size: 40px;
  color: rgb(0, 23, 242);
  font-weight: bold;
  text-transform: uppercase;
}
.sec6>strong{
  font-size: 25px;
  color: rgb(45, 44, 44);
  font-weight: bold;
  display: block;
  margin:30px 0 30px 0;
}
.sec6__box{
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top:15px;
	gap:20px;
}
.sec6__item{
	background: rgb(0, 23, 242);
	border-radius: 30px;
	padding:20px;
	display: flex;
	align-items: center;
	gap:20px;
}

.sec7{
	margin-top:80px;
}
.sec7__item{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 30px;
}
.sec7__item:nth-child(1){
	background-image: url('assets/img/Прямоугольник 3.png');
	margin-bottom:20px;
	padding:80px 30px 80px 30px;
}
.sec7__item:nth-child(2){
	background-image: url('assets/img/Прсдсдсдямоугольник 3.png');
	padding:60px 30px 60px 240px;
}
.sec7__item h2{
  font-size: 36px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
}
.sec8{
	margin:80px 0;
}
.sec8 h2{
  font-size: 40px;
  color: rgb(0, 23, 242);
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom:30px;
}	
.sec8__left{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:20px;
}
.accordion{
	display: flex;
	flex-direction: column;
	gap:20px;
}
.accordion-item{
  border-radius: 30px;
  background-color: rgb(228, 232, 250);
  padding:20px 30px;
}

.accordion-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out;
}
.accordion-title{
 font-size: 20px;
  color: rgb(45, 44, 44);
  font-weight: bold;
}
.accordion-item button{
		background-color: transparent;
	display: flex;
  justify-content: space-between;
  text-align: left;
	gap:30px;
	width: 100%;
}
.accordion-title{
	max-width: 440px;
}
.icon{
	width: 65px;
}
.accordion-item.active .accordion-content p{
  font-size: 18px;
  color: rgb(45, 44, 44);
  margin-top:30px;
}

.accordion-item.active .accordion-content {
    max-height: 1000px; 
}

.sec9{	
	background-image: url('assets/img/Группа 1.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 30px;
	padding:80px 30px;
}
.sec9 h2{
  font-size: 40px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom:30px;
  max-width: 990px;
}
.sec9__form form{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:10px;
	max-width: 990px;
    width: 100%;
}
.sec9__form form input{
	text-align: center;
	height: 67px;
	border-width: 1px;
  	border-color: rgb(242, 242, 242);
  	border-style: solid;
  	background-color: rgb(255, 255, 255);
  	border-radius: 67px;
}
.sec9__form form button{
	font-size: 20px;
	color: rgb(255, 255, 255);
	max-width: 100%;
    width: 100%;
  	height: 67px;
  	background-color: rgb(0, 0, 0);
  	display: flex;
  	align-items: center;
 	justify-content: center;
  	border-radius: 69px;
}

footer{	
	background: #2b2930;
	padding:50px 0;
	margin-top:100px;
}
.footer__box{
	display: flex;
	justify-content: space-between;
	margin-top:30px;
}
.footer__item{
	max-width: 33.333333%;
	display: flex;
	flex-direction: column;
}
.footer__item a{
	color: rgb(255, 255, 255);
}


@media only screen and (max-width: 1600px) {
	.banner h1{
		font-size: 52px;
	}
	.banner__qute {
	    font-size: 14px;
	}
	.banner .banner__p {
	    font-size: 24px;
	}
	.main__right form h2 {
	    font-size: 16px;
	}
	.header__item h2 {
	    font-size: 26px;
	}
	.header__item p {
	    font-size: 18px;
	}
	.sec1__item strong {
	    font-size: 20px;
	}
	.sec1__item-line span{
		font-size: 14px;
	}
	.sec2__box {
	    grid-template-columns: 1fr 1fr 1fr;
	}
	.sec3__right-box p {
	    font-size: 16px;
	}
	.sec5__item strong {
	    font-size: 20px;
	}
	.sec5__item p {
	    font-size: 16px;
	}
	.sec7__item h2 {
	    font-size: 18px;
	}
	.sec8__left{
		grid-template-columns: 1fr;
	}
	.sec9 h2 {
	    font-size: 24px;
	}
	.sec2 p {
	    font-size: 20px;
	}
}

@media only screen and (max-width: 1200px) {
	.main__right form{
		padding:20px 15px;
	}
	.main__right form h2 {
	    font-size: 14px;
	}
	#sec4{
		margin-top: 40px;
    	margin-bottom: 40px;
	}
	.sec4{
		padding:0 15px;
	}
	.container {
	    max-width: 700px;
	}
	.sec1 h2 {
	    font-size: 34px;
	}
	#sec2 {
	    padding: 40px 0;
	}
	.sec3{
		margin-top: 40px;
	}
	.sec3__left p {
	    font-size: 18px;
	}
	.sec3__left h2 {
	    font-size: 30px;
	}
	.sec4 h2 {
	    font-size: 30px;
	}
	.sec4__box {
	    grid-template-columns: 1fr 1fr;
	}
	.sec5__box {
	    grid-template-columns: 1fr 1fr;
	}
	.sec6 h2 {
	    font-size: 32px;
	}
	.sec6__item img{
		width: 30px;
	}
	.sec7 {
	    margin-top: 40px;
	}
	.sec9__form form {
	    grid-template-columns: 1fr 1fr;
	}
	footer{
		margin-top: 50px;
	}
	.sec1__item-line{
		height: auto;
	}
	.sec1__item-line span{
		height: auto;
		line-height: normal;
		padding:15px 60px;
	}
}
@media only screen and (max-width: 992px) {	
	.sec1__item-line span{
		padding:15px 30px;
	}
	.footer__item{
		max-width: 50%;	
		margin-top: 10px;		
	}	
	.header__box, .sec1__box, .sec3, .sec4__box, .sec4__item_box, .sec5__box, .sec6__box{
		grid-template-columns: 1fr;
	}
	.sec2__box {
	    grid-template-columns: 1fr 1fr;
	}
	.sec3__right-box{
		margin-top:30px;
	}
	.sec7__item:nth-child(2){
		padding: 60px 30px 60px 60px;
	}
	.sec8 h2 {
	    font-size: 32px;
	}
	.sec9__form form {
	    grid-template-columns: 1fr;
	}
	.footer__box{
		flex-wrap: wrap;
	}
	.main__right form input{
		height: 50px;
	}
	.main__right form{
		gap:15px;
	}
	.main__right form p{
		font-size: 14px;
	}
		.accordion-item button{
		background-color: transparent;
		display: grid;
	  grid-template-columns: 1fr 65px;
		text-align: left;
		align-items: center;
		gap:30px;
	}
}	
@media only screen and (max-width: 768px) {
	.header{
		flex-direction: column;
	}
	main{
		flex-direction: column;
	}
	.main__right{
		margin: 0 auto;
	}
	.sec3__left, .sec3__right-box{
		text-align: center;
	}
	.sec3__left a{
		margin:0 auto;
	}
}
@media only screen and (max-width: 576px) {

	.footer__item{
		max-width: 100%;
		margin-top: 15px;
	}
	.header__right{
		flex-direction: column;
		gap:20px;
		margin-top:20px;
	}	
	.banner h1 {
	    font-size: 36px;
	}
	.sec1 h2 , .sec2 h2, .sec5 h2{
	    font-size: 26px;
	}
	.sec2__box {
	    grid-template-columns: 1fr;
	}
	.sec3__left h2 {
	    font-size: 24px;
	}
	.sec4 h2 {
	    font-size: 24px;
	}
	.sec4 h2 {
	    font-size: 16px;
	}
	.sec6 h2, .sec4 strong{
	    font-size: 24px;
	}
	.sec7__item:nth-child(1), .sec7__item:nth-child(2){
		padding: 20px;
	}
	.sec8 h2 {
	    font-size: 26px;
	}
	.accordion-title {
	    font-size: 18px;
	}
	#sec4{
		padding:30px 0;
	}
	.sec2 p {
	    font-size: 16px;
	}
	.sec1__item-line span {
	    font-size: 12px;
	}
	.sec1__item-box .sec1__item-line:nth-child(2) span{
		max-width: 80%;
	}
	.sec1__item-box .sec1__item-line:nth-child(3) span{
		max-width: 90%;
	}
	.sec1__item-box .sec1__item-line:nth-child(4) span{
		max-width: 97%;
	}
}	

/*form-block*/
.form-block {
  background: linear-gradient(138.71deg, #E0F3FD 3.09%, #E5E5FD 34.78%, #EFE7FC 102.1%);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 98px 0;
}
.form-block h2 em {
  padding-left: 6px;
  padding-right: 6px;
  margin-left: -6px;
}
.benefits {
  padding-right: 38px;
  padding-top: 47px;
  margin-top: 70px;
  border-top: 1px solid #949494;
}
.benefit {
  width: 33.3333%;
  padding-right: 20px;
  box-sizing: border-box;
}
.benefit__title {
  color: #ffffff;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
}
.benefit__desc {
  color: #ffffff;
  margin-top: 9px;
  max-width: 295px;
  font-size: 18px;
  line-height: 1.2;
}
.benefit:nth-child(2) .benefit__desc {
  max-width: 325px;
}
.benefit:nth-child(3) .benefit__desc {
  max-width: 280px;
}
.stats {
  width: 100%;
  max-width: 414px;
}
.form-block__wrap {
  padding-top: 51px;
  max-width: 1070px;
}
.stats__date {
  padding-left: 10px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding-right: 24px;
  font-size: 25px;
  background: #ffcc00;
}
.form-block__right {
  max-width: 438px;
}
.form-block__title {
  font-size: 25px;
  line-height: 1.2;
  padding-top: 3px;
}
.form {
  margin-top: 27px;
  border-radius: 10px;
  background: #e4e8fa;
  box-shadow: 1px 1px 16px 1px rgba(22, 21, 21, 0.34);
  padding: 40px 34px 21px;
}
.form__btn {
  height: 74px;
  max-width: inherit;
}
.form__info {
  padding-right: 20px;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.2;
  padding-left: 6px;
  margin-top: 22px;
}
.form__field {
  text-align: center;
  width: 100%;
  font-size: 18px;
  color: #000;
  height: 74px;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
}
.form__field::placeholder {
  color: #000;
  opacity: 1;
}
.form__field:-ms-input-placeholder {
  color: #000;
}

.form__field_btn {
    background-color: rgb(0, 0, 0);
    height: 52px;
    width: 100%;
    padding: 10px 20px;
    border-radius: 10px;
    transition: 0.3s;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
}