*, *::before, *::after{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html{
	scroll-behavior: smooth;
}

body{
	font-family: 'Montserrat', sans-serif;

}

/*  	mainpage section style			*/


.header-main{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

header{
	background-color: #FFD64B;
	z-index: 9999;
	position: fixed;
	display: block;
	width: 100%;

}

.phone-brand a:hover{
	text-decoration: none !important;
	color: #3142B0 !important;
}

.cta-button{
	padding: 7px 20px;
	background-color: #FFD64B;
	border-radius: 10px;
	border:none;
}

.cta-button:hover{
	background-color: #ebb603;
	
}

.phone a{
	color: #3142B0;
	font-size: 1.8rem;
	
}

.phone a:hover{
	color: #010a45;
	transition: .5s;
	text-decoration: none;
}



ul.nav-list{
	list-style: none;
	margin-bottom: 0;
}

ul.nav-list li a{
	color: #3142B0;
}

ul.nav-list li a:hover{
	font-weight: bolder;
	transition: .5s;
	text-decoration: none;
}

.main-page-container{
	width: 80%;
	margin: 0 auto;
}

section.main{
	height: 70vh;
	background: url(../img/main-background.jpg);
	background-size: cover;
	position: relative;
}



section.main h1{
	color: #fff;
	opacity: 0;
	transform: translateY(20px);
}



.main-info small{
	color: #fff;
	font-size: 16px;
	transform: translateY(20px) !important;
	opacity: 0;
}

.main-form-block{
	opacity: 0;
	transform: translateY(20px);
}


.contact-form-text{
	box-sizing: border-box;
	margin: 16px 0;
	border:0;
	background: #f2f7ff;
	padding: 10px 40px;
	outline: none;
	color: #514e4e;
	transition: 0.5s;
	border-radius: 10px;
	margin-right: 1rem;
}

.contact-form-text:focus{
	box-shadow: 0 0 10px 4px #34495e;
}

.main-form-block .cta-button{
	padding: 10px 30px;
}




/*p.after_form{
	display: none;
}*/



i{
	font-size: 2.5rem;
	color: #fff;
	position: absolute;
	bottom: 5%;
	left: 48%;
	animation: downArrow 2s infinite;
}


@keyframes downArrow {
	from{
	transform: translateY(-7px); 
   
  }
  50%{
  	transform: translateY(7px)
  }
  	to{
  		transform: translateY(-7px); 
  	}

	}



/*	about section style		*/



.about{
	text-align: center;
	position: relative;
	background-color: #fff;
	color: #000;
	transform: translateY(20px);

}


.about p{
	width: 70%;
	font-size: 18px;
}


.about .phone a{
	font-size: 2rem;
	color: #000;
	font-weight: bolder;e
}


/*			advantages section style 		*/

section.advantages{
	color: #000;
	background-color: #ddd;
	
}

section.advantages h2{
	text-align: center;
}

.card{
	border: none;
	position: relative;
	min-height: 224px;
}

.card:after{
	content: '';
	content: counter(step);
	counter-increment: step;
	font-size: 1rem;
	padding: 20px 30px;
	color: #fff;
	border-radius: 50%;
	background-color: #f7b532;
	position: absolute;
	top: -35px;
	right: -20px;
	
	
}


.card h4{
	text-align: center;
}

.card p{
	text-align: center;
}

.cards{
	counter-reset: step;
}

.advantages-container{
		width: 80%;
		margin: 0 auto;
	}







/*    technique section		*/

.technique{
	background-color: #3142B0;
	min-height: 70vh;
}

.technique h2{
	text-align: center;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bolder;
}

.sl__slide{
  margin: 0 10px;
  height: auto;
  background-color: #fff;
}

.sl__slide img{
	width: 100%;
	height: auto;
}


.sl__text{
  color: #000;
  text-align: left;
  padding: 20px 0;
}


.sl__zag, .sl__desc{
  margin: 0;
  padding: 0 0px;
}

.sl__zag{
	font-size: 16px;
	font-weight: bolder;
}

.middle_details button{
	background-color: #f7b532;
	border-radius: 15px;
	padding: 10px 30px;
	border: none;
	}

.middle_details button:hover{
	background-color: #e39700;
	transition: 0.5s;
}



/*	services section style		*/


.card-service{
	border: 1px solid #ddd;
	max-width: 90%;
}

.card-service p{
	margin-bottom: 0;
	font-weight: bolder;
	opacity: 1;
}



.card-service:after{
	content: url(../img/check-circle2.png);
	width: 70px ;
	height: 70px;
	/*font-family: "Font Awesome\ 5 Free"; 
	font-weight: 900;
	font-size: 4rem;*/
	color: green;
	position: absolute;
	top: 0px;
	left: -45px;
}

.services h2{
	text-align: center;
}

.services .phone a{
	color: #000;
	font-weight: bolder;
}




/*		reviews section style 			*/




.review-container{
	width: 70%;
	margin: 0 auto;
	text-align: center;
}


.item img{
	border-radius: 50% !important;
	width: 200px !important;
	height: 200px;
}

.owl-dot span{
	color: #fff !important;
}




/*		form style 		*/

section.form-section{
	background: url(../img/bg_white.jpg);
	color: #000;
}

.contact-section{
	background: url(../img/form-background.jpg) no-repeat center;
	padding: 40px 0;
	background-size: cover;
	position: relative;
}

.contact-section h1{
	text-align: center;
	color: #fff;
}

.contact-section p{
	text-align: center;
	max-width: 50%;
	margin: 0 auto;
	color: #fff;
}


.form-section .contact-form{
	max-width: 600px;
	margin: auto;
	padding: 0 10px 50px 10px;
	overflow: hidden;
}

.form-section .contact-form-text{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 16px 0;
	border: 1px solid gray;
	background: #fff;
	padding: 20px 40px;
	outline: none;
	color: #514e4e;
	transition: 0.5s;
}

.form-section .contact-form-text:focus{
	box-shadow: 0 0 10px 4px #34495e;
}

textarea.contact-form-text{
	resize: none;
	height: 120px;

}

.middle_send .cta-button{
	padding: 10px 35px;
}

.contact-form p{
	display: none;
	color: #fff;
}



/*	footer style section	*/


footer{
	background-color: #FFD64B;
}




@media(max-width: 992px){
.sl__slide{
		height: auto !important;
	}
.main-title{
	width: 70%;
	right: 15%;
}	
}

@media(max-width: 768px){
	.card-service{
		margin-bottom: 2rem !important;
		margin-left: 2rem;
	}
	.card h4{
		font-size: 1.5rem !important;
	}
	.card p{
		font-size: 16px !important;
	}

	.second-row{
		margin-top: 1rem !important;
	}
}


@media(max-width: 650px){
	.sl__zag{
		font-size: 14px;
	}

	p.sl__desc{
		font-size: 13px !important;
	}
}


@media(max-width:575px){
	.sl__zag{
		font-size: 16px;
	}

	p.sl__desc{
		font-size: 15px !important;
	}
}


@media(max-width: 1290px){
	.sl__slide{
		height: 390px
	}

	.sl__zag{
		font-size: 14px;
	}

	p.sl__desc{
		font-size: 13px !important;
	}
}

@media(max-width: 1200px){
	.advantages-container{
		width: 98%;
	}
	.card h4{
		font-size: 1rem;
	}

	.card p{
		font-size: 13px;
	}
}







@media (max-width: 420px) {
	header .phone a, footer .phone a{
		font-size: 0.9rem;
	}

	.header-info{
		padding: 0 !important;
	}

	.header-info button{
		padding: 7px 10px;
	}

	.main-info h1{
		font-size: 1.8rem; 
	}

	.main-info small{
		font-size: 16px !important;
	}

	section.main{
		height: 110vh;
		justify-content: center;
	}

	br{
		display: none;
	}

	.about p{
		width: 95%;
	}

	ul.nav-list{
		font-size: 14px;
	}

	.item img{
		width: 150px;
		height: auto;
	}

	.reviews{
		padding: 0.9rem !important;
	}

	a i.fa-chevron-down{
	display: none;	
}

}

@media (max-height: 550px){
	.contact-form-text, .main-form-block .cta-button{
			padding: 5px 25px;
	}


	a i.fa-chevron-down{
		display: none;	
	}


	.main-page-container{
		width: 95%;
	}
}


@media (max-height: 420px) {
		header .phone a, footer .phone a{
		font-size: 0.9rem;
	}

	.header-info{
		padding: 0 !important;
	}

	.header-info button{
		padding: 7px 10px;
	}

	.main-info h1{
		font-size: 1.7rem; 
	}

	.main-info small{
		font-size: 15px !important;
	}

	section.main{
		height: 100vh;
		justify-content: center;
	}


	br{
		display: none;
	}



	
}