@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Frutiger';
    src: url('../fonts/Frutiger.eot');
    src: local('../fonts/Frutiger'),
        url('../fonts/Frutiger.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Frutiger.woff2') format('woff2'),
        url('../fonts/Frutiger.woff') format('woff'),
        url('../fonts/Frutiger.ttf') format('truetype'),
        url('../fonts/Frutiger.svg#Frutiger') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FrutigerBold';
    src: url('../fonts/FrutigerBold.eot');
    src: local('../fonts/Frutiger Bold'), local('FrutigerBold'),
        url('../fonts/FrutigerBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FrutigerBold.woff2') format('woff2'),
        url('../fonts/FrutigerBold.woff') format('woff'),
        url('../fonts/FrutigerBold.ttf') format('truetype'),
        url('../fonts/FrutigerBold.svg#FrutigerBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
html {
  scroll-behavior: smooth;
}
body{
	font-family: 'Frutiger';
	}
	
header{
	background:url(../images/banner.jpg) no-repeat;
    background-size: cover;
    height: auto;
    background-position: 0 -70px;
	}	
.banner-text{
	padding: 25px;
	}	
.banner-text h1{
	color: #ff0000;
    font-family: 'FrutigerBold';
    line-height: 1;
	}
.banner-text p{	
color: #003366;
    font-size: 25px;	
}
::placeholder{
	color:#ff0000;
	}
::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#ff0000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder{ /* Internet Explorer 10-11 */
 color:#ff0000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#ff0000;
}
.form-main{
    background: #e2e2e2;
    padding: 20px;
	margin-top: -15%;
    border-radius: 15px;	
	}
.form-main h3{
	    font-family: 'FrutigerBold';
    font-size: 19px;
    color: #ff0000;
	}	
.form-box input{
	border-radius: 0px;
    border-top: none;
    border-left: none;
    font-size: 15px;
	background: rgb(255 255 255 / 0%);
    border-right: none;
	color:#ff0000;
	border-bottom: 1px solid #636363;
    padding-left: 0;
	    padding-top: 0;
    height: auto;
	}		
.form-box label{	
    color: #434343;
    font-size: 14px;
    margin-bottom: 0;	
}
.form-box label span{
	color:#ff0000;
	}
.form-box input:focus{
	outline: 0px;
	background: rgb(255 255 255 / 0%);
    box-shadow: none;
    border-bottom: 1px solid #ff0000;
	color:#ff0000;
	}	
.otp-btn button{
	width: 100%;
	    padding: 8px;
	    font-size: 15px;
		    border: none;
	background:#ff0000;
	}
.btn-sub{
border: none;
    background: #ff0000;
    padding: 9px 20px;
    border-radius: 7px;
	}	
.form-box select{
	border-radius: 0px;
    border-top: none;
    border-left: none;
    font-size: 15px;
	background: #e2e2e2;
    border-right: none;
	border-bottom: 1px solid #636363;
    padding-left: 0;
	    padding-top: 0;
    height: auto;
	}	
.form-check a{
	color:#ff0000
	}	
/*.opt{
	background:#ebebeb;
	padding:5px;
	}	*/

.form-box select:focus{
	outline: 0px;
	    background: #e2e2e2;
	box-shadow: none;
	}	
	
	
/*features*/		
.features{
	background: #f4f4f4;
    border-radius: 10px;
    padding: 25px;
	}
.features h2{	
font-family: 'FrutigerBold';
    color: #103566;
    padding-bottom: 20px;	
}
.features-box p{
color: #434343;
    line-height: 1;
    font-size: 15px;
    padding-top: 15px;
}
.features-box{
	border-right: 1px solid #434343;
	}


footer{
background: #434343;
    color: #7f7f7f;
    padding: 25px 0;
	margin-top: 5px;
	    border-bottom: 10px solid #ff0000;
}
footer p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.3;
	}
	
/*Thanks page css*/
.thank-bg{
	background:url(../images/thank-bg.jpg) no-repeat;
    background-size: cover;
    height: 100vh;
        background-position: 0 -180px;
	}
.thank-text{
	margin-top: 5rem;
	}	
.thank-text p{	
	font-family: 'FrutigerBold';
	    line-height: 1.2;
}
/**/	
@media only screen and (max-width:1920px){	
header {
    height: 920px;
    background-position: 0;
}
}
@media only screen and (max-width:1536px){
 header {
    height: 820px;
}   
}
@media only screen and (max-width:1440px){
header {
	/*height:850px;*/
    
}
	}
@media only screen and (max-width:991px){	
.no-border-mob{
	border:none;
	}
.features-box{
	margin-bottom:30px;
	}	
.form-main{
margin-top: 24rem;	
	}	
header{
/*background: url(../images/mob-banner.jpg) no-repeat;*/
   background-size: contain;
       background-color: #ed1b24;
    background-position: 50% 0px;
    width: 100%;
    height: auto;
	}	
}
@media only screen and (max-width:768px){
.banner-text h1{
	font-size: 25px;
	}	
.thank-text p {
    font-size: 19px;
}
.thank-text h1{
    font-size: 35px;
}		
.thank-bg {
    background-position: 0;
}
header {
    background-position: 50% 40px;
}
.form-main {
    margin-top: 21rem;
}
	}	
@media only screen and (max-width:767px){
.logo img{
	display: block;
    margin: auto;
    /*width: 200px;*/
	}
.banner-text {
    padding: 5px 0 0;
}
.banner-text p {
	margin-bottom: 0;
    font-size: 22px;
    line-height: 1.2;
}	
header{
background-size: contain;
background-position: 0 60px;
	}
.thank-text {
    margin-top: 3rem;
}	
	}	
@media only screen and (max-width:575px){	
.form-main {
    margin-top: 18rem;
}
}
@media only screen and (max-width:490px){	
.form-main {
    margin-top: 14rem;
}
header{
    background: url(../images/mob-banner.jpg) no-repeat;
    background-size: contain;
    background-position: 50% 100px;
    background-color: #ed1b24;
    padding-bottom: 1em;
}
}

