@charset "utf-8";

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff'),
        url('../fonts/Calibri.ttf') format('truetype'),
        url('../fonts/Calibri.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Calibri-Bold';
    src: url('../fonts/Calibri-Bold.eot');
    src: url('../fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri-Bold.woff2') format('woff2'),
        url('../fonts/Calibri-Bold.woff') format('woff'),
        url('../fonts/Calibri-Bold.ttf') format('truetype'),
        url('../fonts/Calibri-Bold.svg#Calibri-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body{
	font-family: 'Calibri';
	}
/*banner*/
.banner{
	background:url(../images/banner.jpg) no-repeat;
	    background-position: 0px 35%;
	background-size:cover;
	/*height:100vh;*/
	height:780px;
}
.mob-banner{
	display:none;
	}
.logo img{
	width:150px;
	}
.banner-heading{
	padding-top:2rem;
	}
.banner-heading h3{	
	color: #464f57;	
	    margin-bottom: 0;
}
.banner-heading h1{
    color: #00a650;
    font-family: 'Calibri-Bold';
    font-size: 58px;
	font-weight: 600;
    line-height: 1;
}
.banner-heading h4{
	    color: #00a0e4;
    font-family: 'Calibri-Bold';
    padding-top: 1.5rem;
    font-size: 28px;
	margin-bottom: 0;
	}
ul.benefit-main{
	justify-content: center;
	text-align:center;
	display:block;
	    padding-left: 0;
	align-items:center;
	}	
ul li.benefit{
	float:left;
	list-style-type:none;
	width: 20%;
	padding:3% 0 0;
	    justify-content: center;
	}
ul li.benefit img {
    width: 85px;
}	
.benefit p{    
line-height: 23px;
    color: #464f57;
	    font-size: 16px;
	    padding-top: 10px;
		    margin-bottom: 0;
}

/*form*/
.banner-form{
	background:#fff;
	    box-shadow: 0px 0px 35px #bcbcbc;
    border-radius: 7px;
    padding: 25px;
}
.banner-form h4{
	    color: #00a650;
    font-family: 'Calibri-Bold';
    margin-bottom: 1rem;
	}
.form-field input,.form-field select{
	    background-color: #e4e4e4;
		transition:0.3s ease-in-out;
		    border-radius: 7px;
			    font-size: 14px;
	}
.form-field input:focus,.form-field select:focus{
	    background-color: #e7f8ef;
		box-shadow:none;
		border:1px solid #7cd7a5;
		transition:0.3s ease-in-out;
	}
		
.form-field small{
color: #434343;
    font-size: 11px;
    display: block;
    line-height: 1.1;
    margin-top: 5px;
	}
.form-field label{
	color: #434343;
    font-size: 14px;
	}	
.quote-cta{	
    font-size: 18px;
    margin: 1% auto 0;
    display: block;
    background: #00a0e4;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 7px;	
	border:none;
}
.quote-cta:hover{	
	background: #00a650;
	border:none;
}
/**/
/*testimonial*/
.testimonial-sec{
	margin-top: 5rem;
	text-align:center;
	padding:2rem 0;
	}
.title h2{
	    color: #00a0e4;
    font-family: 'Calibri-Bold';
	}
.testi-box{
    background: #fff;
    box-shadow: 0px 0px 35px #bcbcbc;
    border-radius: 7px;
    padding: 65px 25px 30px;
    position: relative;
	    min-height: 220px;
	}
.testi-box img{
    width: 55px !important;
    top: -19px;
    left: 40%;
    position: absolute;
	}	
.testi-box h3{	
font-size: 20px;
    color: #00a0e4;	
}
.owl-carousel{
	   /* padding-left: 20px;
		padding-right: 20px;*/
	}		
/**/

/*disclaimer*/
.disclaimer{
	    padding: 30px 0;
	background:#e2f6ff;
	}
.disclaimer p{
	color:#434343;
	font-size:14px;
	}	
/**/

/*footer*/
footer{
	padding: 15px 0;
	background:#00a0e4;
	}
footer p{
	color:#fff;
	font-size:15px;
	text-align:center;
	}	
/**/

@media only screen and (max-width:1350.9px){
.banner {
    background-position: -90px 35%;
}
}
@media only screen and (max-width:1199.9px){
ul li.benefit {
    height: 170px;
}	
	}
@media only screen and (max-width:991.9px){
.banner{
	background:none;
	    background-position: 0px 35%;
	background-size:cover;
	/*height:100vh;*/
	height:auto;
}
.mob-banner{
	display:block;
	width:100%;
	}
.logo img {
    width: 100px;
}	
ul.benefit-main {
    margin-bottom: 0;
}
.desktop-banner h3,.desktop-banner h1,.desktop-banner img.blue-curve{
	display:none;
	}
.mob-banner {
    order: 1;
}
.form-main{
	order:2;
	    margin-top: 1rem;
	}
.desk{
	order:3;
	}
.banner-heading h3 {
    padding-top: 15px;
}	
	}	
@media only screen and (max-width:768.9px){	
ul li.benefit {
    height: 180px;
}
.banner-heading h3 {
    font-size: 22px;
}
.banner-heading h1 {
    font-size: 45px;
}
.blue-curve{
	width: 200px;
	}
.mob-banner{
	    /*margin-top: -3rem;*/
    padding-top: 0;
}
.testimonial-sec {
    margin-top: 0rem;
}
	
}
@media only screen and (max-width:575.9px){	
ul li.benefit {
    height: 205px;
	    width: 33%;
}
.margin-left {
    margin-left: 0;
}
.benefit p {
    font-size: 15px;
}
ul li.benefit img{
	    width: 80px;
	}
.banner-heading h3 {
    font-size: 20px;
}	
.banner-heading h1 {
    font-size: 35px;
}
ul.benefit-main {
    padding: 0 20px;
}
.blue-curve {
    width: 150px;
}
.quote-cta {
    margin: 3% auto 0;
}
.form-field label {
    font-size: 12px;
}
.margin-left{
       margin-left: 16.666667%;;
}
}