/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 10 version
*/

@import "assets/fonts/font.css";
@import "assets/css/normalize.css";

.header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding:15px 0;
}
.header__menu>ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap:20px;
}
.header__menu>ul>li{

}
.header__menu>ul>li>a{
	font-size: 20px;
	color:#3B3B3B;
	font-weight: 500;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.header__menu>ul>li>a:hover{
	color:#1553DD;
}
.header__menu>ul>li>ul{
	display: none;
}
.header__menu>ul>li>ul>li{

}
.header__menu>ul>li>ul>li>a{

}

.header_phone{
	font-size: 20px;
	color:#3B3B3B;
	font-weight: 500;
}

.sec1{
	background: #1553DD;
	padding-top:68px;
	padding-bottom:120px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}
.sec1__box{
	padding:130px 92px;
	border-radius: 30px;
	background-image: url('assets/img/Mask group (41).png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	background-color:#fff;
}
.sec1__box h2{
	color:#1553DD;
	font-size: 45px;
	font-weight: 700;
	margin-bottom:40px;
	line-height: 54px;
}
.sec1__box strong{
	color:#3B3B3B;
	font-size: 20px;
	font-weight: 700;
	display: block;
}
.sec1__logos{
	margin:18px 0 50px 0;
}
.sec1__box p{
	color:#3B3B3B;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
}
.sec1__like{
	position: absolute;
	top: calc(50% - 175px);
	right:150px;
}
.sec1__bigtitle h2{
	color:#FFFFFF;
	font-size: 75px;
	font-weight: 700;
	line-height: 91px;
	text-align: center;
	margin-top:72px;
}
.sec2{
	margin:76px 0;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	border-radius: 30px;
	-webkit-box-shadow: 0px 7px 30px 0px #3240C426;
	        box-shadow: 0px 7px 30px 0px #3240C426;
}
.sec2__left{
	position: relative;
	padding:200px 45px;
	overflow: hidden;
}
.sec2__left-fier{
	position: absolute;
	bottom:0px;
	right: 0px;
	width: 165px;
}
.sec2__left-item1{
	position: absolute;
	top:0px;
	left: 0px;
	border-radius: 30px;
}
.sec2__left-item2{
	position: absolute;
	top: 20px;
    right: -90px;
    width: 200px;
    z-index: -1;
}
.sec2__left h2{
	color:#1553DD;
	font-weight: 700;
	font-size: 45px;
	line-height: 54px;
}
.sec2__left p{
	color:#3B3B3B;
	font-size: 20px;
	font-weight: 400;
	margin-top:38px;
}
.sec2__right{
	background:#1553DD;
	padding:90px 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
.sec2__right h2{
	color:#FFFFFF;
	font-size: 45px;
	line-height: 54px;
	font-weight: 700;
	margin-bottom:42px;
}
.sec2__right p{
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom:20px;
}
.sec3__box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding:50px 0;
}
.sec3__text h2{
	color:#1553DD;
	font-size: 45px;
	font-weight: 700;
	line-height: 54px;
	margin-bottom:37px;
}
.sec3__text p{
	color:#3B3B3B;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom:15px;
}
.sec3__text p strong{
	font-weight: 700;
}
.sec3__text{
	width: 60%;
}
.sec3__img{
	width: 40%;
	position: relative;
}
.sec3__img img:nth-child(1){
	position: absolute;
	bottom:0px;
	left:0px;
}
.sec3__img img:nth-child(2){
	position: absolute;
	top:0px;
	left:0px;
}
.sec3__img img:nth-child(3){
	position: absolute;
	top:0px;
	left:100px;
}
.sec3__img img:nth-child(4){
	position: absolute;
	top:0px;
	right:0px;
}
.sec4{
	background: #1553DD;
	padding-top:130px;
	padding-bottom:120px;
}
.sec4__box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.sec4__text{
	width: 60%;
}
.sec4__img{
	width: 40%;
	position: relative;
}
.sec4__text h2{
	color:#FFFFFF;
	font-weight: 700;
	font-size: 45px;
	line-height: 54px;
}
.sec4__text p{
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	color:#FFFFFF;
	margin-top:54px;
	margin-bottom: 35px;
}
.sec4__text span{
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	color:#FFFFFF;
	display: block;
}

.sec4__img img{
	position: relative;
	top:0px;
	right:0px;
	width: 476px;
	height:451px;
}
.sec5__box{
	padding:130px 0;
}
.sec5__title{
	text-align: center;
}
.sec5__title h2{
	color:#1553DD;
	font-size: 45px;
	font-weight: 700;
	line-height: 54px;
	margin-bottom:30px;
}
.swiper-slide{
	-webkit-box-shadow: 0px 7px 30px 0px #3240C426;
	        box-shadow: 0px 7px 30px 0px #3240C426;
	border:solid 1px #EAEAEA;
	background:#FFFFFF;
	border-radius: 30px;
	padding:120px 40px;
	position: relative;
	overflow: hidden;
	min-height: 750px;
}
.sec5__box-item1{
	position: absolute;
    top: -30px;
    left: -40px;
    border-radius: 30px;
}
.sec5__box-item2{
	position: absolute;
    top: -20px;
    right: -40px;
}
.swiper-slide h2{
	color:#1553DD;
	font-weight: 700;
	font-size: 45px;
	line-height: 54px;
}
.swiper-slide h3{
	color:#1553DD;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	margin-bottom:5px;
	margin-top:40px;
}
.swiper-slide ul{
	list-style: disc;
	padding:0 0 0 20px;
	position: relative;
	z-index: 1;
}
.swiper-slide ul li{
	color:#3B3B3B;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
}
.swiper-slide p{
	color:#3B3B3B;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	margin-bottom:5px;
	position: relative;
	z-index: 1;
}
.swiper-slide ul li strong{
	color:#3B3B3B;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	position: relative;
	z-index: 1;
}
.swiper-img{
	position: absolute;
	bottom:0px;
	right: 0px;
}

.sec6 h2{
	color:#1553DD;
	font-size: 45px;
	font-weight: 700;
	line-height: 54px;
	margin-bottom:30px;
}
.sec6 h2 span{
	background: #1553DD;
	color:#fff;
	border-radius: 20px;
}
.sec6 p{
	color:#3B3B3B;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	max-width: 1019px;
}
.sec6 p strong{
	font-weight: 700;
}
.sec6__brown{
	background:#F4F4F4;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	margin-top:60px;
	padding:30px;
	max-width: 1019px;
}
.sec6__brown p{
	color:#3B3B3B;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
}
.sec6-page{
	position: relative;
	margin-top:100px;
}
.sec6-page::after{
	content: "60 дней";
	position: absolute;
	top:170px;
	right: -222px;
	color:#1553DD;
	font-size: 150px;
	font-weight: 700;
	line-height: 182px;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
	height:180px;
	width: 655px;
}
.sec7__box{
	background: #FFFFFF;
	-webkit-box-shadow: 0px 7px 30px 0px #3240C426;
	        box-shadow: 0px 7px 30px 0px #3240C426;
	padding:86px 10px 100px 10px;
	margin:100px 0 50px 0;
	border-radius: 30px;
	position: relative;
	overflow: hidden;
}
.sec7__box-item1{
	position: absolute;
	top: -30px;
    left: -40px;
	border-radius: 30px;
}
.sec7__box-item2{
	position: absolute;
	bottom: -20px;
    right: -40px;
}	
.sect__title h2{
	color:#1553DD;
	font-size: 45px;
	font-weight: 700;
	line-height: 54px;
	margin-bottom: 15px;
	text-align: center;
}
.sec7__items{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap:18px;
}
.sec7__item{
	width: 23%;
	background: #1553DD;
	border-radius: 30px;
	padding:10px 17px;
}
.sec7__item strong{
	color:rgba(255, 255, 255, 0.5);
	font-weight: 700;
	font-size: 45px;
	line-height: 54px;
	display: block;
	margin-bottom:10px;
}
.sec7__item p{
	color:#FFFFFF;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
}
.sec8__box{
	background: #FFFFFF;
	-webkit-box-shadow: 0px 7px 30px 0px #3240C426;
	        box-shadow: 0px 7px 30px 0px #3240C426;
	padding:0px 10px 0px 10px;
	margin:100px 0 50px 0;
	border-radius: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	overflow: hidden;
}
.sec8__box-item1{
	position: absolute;
	top: -30px;
    left: -40px;
	border-radius: 30px;
}
.sec8__left{
	width: 45%;
	padding:0 10px 0 60px;
}
.sec8__center{
	width: 10%;
}
.sec8__right{
	width: 45%;
	padding:0 50px 0 10px;
}
.sec8__left h2{
	color:#1553DD;
	font-weight: 700;
	font-size: 45px;
	line-height: 54px;
	margin-bottom:42px;
}
.sec8__left p{
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color:#3B3B3B;
}
.sec8__left p strong{
	font-weight: 700;
}

.sec8__right h2{
	color:#1553DD;
	font-size: 45px;
	line-height: 54px;
	font-weight: 700;
}
.sec8__right{
	
}
.sec8__text{
	margin-top:60px;
}
.sec8__text strong{
	color:#1553DD;
	font-size: 30px;
	font-weight: 700;
	line-height: 36px;
}
.sec8__text p{
	color:#868686;
	font-size: 20px;
	font-weight: 400;
}
.sec8__text span{
	color:#868686;
	font-size: 15px;
	font-weight: 400;
	display: block;
	margin-top:60px;
}
footer{
	padding:100px 0;
	background: #2E3035;
}
.footer{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.footer p{
	color:#FFFFFF;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	margin-bottom:15px;
}
.footer a{
	color:#FFFFFF;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
}



/*******************Media**************************/
@media only screen and (max-width: 1398px) {
 .header__menu>ul>li>a{
 	font-size: 14px;
 }
}
@media only screen and (max-width: 1200px) {
 .sec1__box{
 	padding: 80px 60px;
 }
 .sec1__bigtitle h2{
 	font-size: 68px;
 }
 .sec1__like {
    position: absolute;
    top: calc(50% - 99px);
    right: 50px;
    width: 280px;
}
.sec3__img img:nth-child(3) {
    top: 180px;
    width: 250px;
}
.sec6-page::after{
	z-index: -1;
}

}
@media only screen and (max-width: 992px) {
 .header_phone{
 	font-size: 12px;
 }
 .header__logo{
 	max-width: 100px;
 }
 .header__menu>ul>li>a{
 	font-size: 12px;
 }
 .header__menu>ul {
 	gap:10px;
 }
 .sec1__box h2{
 	font-size: 34px;
 }
 .sec1__like{
 	width: 150px;
 }
 .sec1__bigtitle h2 {
    font-size: 45px;
   }
   .sec2__left h2{
   		font-size: 34px;
   		line-height: normal;
   }
   .sec2__right h2{
   		font-size: 34px;
   		line-height: normal;
   }
   .sec2__left{
   	padding:100px 45px;
   }
   .sec3__text h2{
   	font-size: 36px;
   }
   .sec4__text h2{
   	font-size: 36px;
   }
   .sec6-page::after {
        display: none;
    }
    .sec8__left{
    	padding: 0 10px 0 30px;
    }
    .sec8__left h2{
    	font-size: 36px;
    }
    .sec8__right h2{
    	font-size: 36px;
    }
    .swiper-img{
    	width: 200px;
    }
    .sec6 h2{
    	font-size: 36px;
    }
}
@media only screen and (max-width: 768px) {
 	.header{
 		-webkit-box-orient: vertical;
 		-webkit-box-direction: normal;
 		    -ms-flex-direction: column;
 		        flex-direction: column;
 	}
 	.sec1__bigtitle h2{
 		font-size: 36px;
 		line-height: normal;
 	}
 	.sec2{
 		-ms-grid-columns: 1fr;
 		grid-template-columns: 1fr;
 	}
 	.sec3__img{
 		display: none;
 	}
 	.sec3__text{
 		width: 100%;
 	}
 	.sec4{
 		padding:50px 0;
 	}
 	.sec4__img{
 		display: none;
 	}
 	.sec4__text{
 		width: 100%;
 	}
 	.sec5__box{
 		padding:60px 0;
 	}
 	.sec6 h2{
 		line-height: normal;
 		font-size: 32px;
 	}	
 	.sec6 p{
 		font-size: 16px;
 	}
 	.sec7__item{
 		width: 48%;
 	}
 	.sec8__box{
 		-webkit-box-orient: vertical;
 		-webkit-box-direction: normal;
 		    -ms-flex-direction: column;
 		        flex-direction: column;
 	}
 	.sec8__center{
 		display: none;
 	}
 	.sec8__left{
 		width: 100%;
 	}
 	.sec8__right{
 		width: 100%;
 	}
 	.sec8__box{
 		padding:30px;
 	}
}
@media only screen and (max-width: 576px) {
 	.header__menu>ul{
 		-webkit-box-orient: vertical;
 		-webkit-box-direction: normal;
 		    -ms-flex-direction: column;
 		        flex-direction: column;
 	}
 	.header__menu>ul>li>a{
 		font-size: 16px;
 	}
 	.header_phone {
        font-size: 20px;
        font-weight: 900;
    }
    .header__logo {
        max-width: 200px;
    }
    .sec1__box{
    	padding:15px;
    }
    .sec1__box h2 {
        font-size: 28px;
        line-height: normal;
    }
    .sec1__like{
    	display: none;
    }
    .sec1__bigtitle h2{
    	font-size: 28px;
    }
    .sec2__left{
    	padding:50px 20px;
    }
    .sec2__left h2{
    	font-size: 28px;
    }
    .sec2__left p{
    	position: relative;
    	z-index: 1;
    }
    .sec2__right h2{
    	font-size: 28px;
    }
    .sec2__right p{
    	font-size: 16px;
    }
    .sec3__text h2{
    	font-size: 28px;
    	line-height: normal;
    }
    .sec3__text p{
    	font-size: 16px;
    }
    .sec4__text h2{
    	font-size: 28px;
    	line-height: normal;
    }
    .sec4__text p{
    	font-size: 18px;
    }
    .sec4__text span{
    	font-size: 16px;
    }
    .swiper-slide h2 {
    	font-size: 28px;
    	line-height: normal;
    }
    .swiper-slide h3{
    	font-size: 18px;
    }
    .swiper-slide ul li{
    	font-size: 16px;
    }
    .swiper-slide p{
    	font-size: 16px;
    }
    .sec6 h2{
    	font-size: 28px;
    }
    .sect__title h2{
    	font-size: 36px;
    	line-height: normal;
    }
    .sec7__item{
    	width: 100%;
    }
    .sec7__item p{
    	font-size: 16px;
    }
    .sec8__left h2{
    	line-height: normal;
    	font-size: 28px;
    }
    .sec8__left p{
    	font-size: 16px;
    }
    .sec8__left{
    	padding:0;
    }
    .sec8__right h2{
    	line-height: normal;
    	font-size: 28px;
    	margin-top:30px;
    }
    .sec8__text {
	    margin-top: 30px;
	}
	.sec8__text strong{
		font-size: 20px;
		line-height: normal;
	}
	.sec8__text p{
		font-size: 16px;
	}
	footer{
		padding:50px 0;
	}
	.footer a{
		font-size: 12px;
	}
}