@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Frutiger';
    src: url('../fonts/Frutiger.eot');
    src: local('../fonts/Frutiger'),
url('../fonts/Frutigerd41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/Frutiger.html') 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/FrutigerBoldd41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/FrutigerBold.html') 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: Arial;
	background-color: #17242E;
	color:white;
	}
	section.banner {
    background: url(../images/banner.jpg);
    background-size: cover;
    padding-top: 26px;
}
header{
	background-color:#0C1A23
	}	
section.banner h1 {
    color: white;
    font-size: 1.5em;
    margin-bottom: 10px;
}

section.banner h2 {
    font-size: 1.5em;
    /* margin-bottom: 15px; */
    color: white;
}
	.btn-apply {
    padding: 8px 24px;
    background-color: red;
    color: white;
    font-size: 1em;
    text-decoration: none;
    margin-top: -7px;
    margin-right: 10px;
}
.btn-apply:hover {
    background-color: #023770;
    color: white;
}
p.apply-text {
    font-size: 1.3em;
}

p.terms-para {
    /* border-bottom: 1px solid rgb(0 0 0 / 25%); */
    /* padding-bottom: 15px; */
}

a {
    color: #020202;
    font-weight: 500;
    text-decoration: underline;
}

.social a {
    text-decoration: none;
    padding: 4px 17px;
    border-left: 1px solid rgb(255 255 255 / 35%);
}
.banner-text{
	padding: 25px;
	}	
.banner-text h1{
	color: #ff0000;
    font-family: Arial;
    line-height: 1;
	    font-weight: 800;
	}
.banner-text p{	
color: #003366;
    font-size: 25px;	
	    font-weight: 600;
}
::placeholder{
	color:#434343;
	}
::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#434343;
  opacity: 1; /* Firefox */
}
footer a {
    color: white;
}
:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:#434343;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#434343;
}
.top-flowers {
    position: absolute;
    top: 0px;
    right: 0;
}
 
.form-main{
	position: relative;
	overflow: visible;
	box-shadow: -1px 4px 14px -4px rgb(0 0 0 / 32%);
	-webkit-box-shadow: -1px 4px 14px -4px rgb(0 0 0 / 32%);
	-moz-box-shadow: -1px 4px 14px -4px rgb(0 0 0 / 32%);
	background: rgb(35 51 61 / 90%);
	padding: 20px;
	margin-top: 9%;
	border-radius: 15px;
	/* overflow-y: auto; */
	/* height: 755px; */
	margin-bottom: 2em;
	}
	.build {
    position: absolute;
    left: -15%;
    top: -44px;
}
.form-main h3{
	    font-family:Arial;
	    font-size: 19px;
	    color: #ffffff;
	    /* font-weight: 600; */
	}
.form-main p{
        color: #434343;
	    font-weight: 600;
	}	
.form-box input, .form-box input select{
	border-radius: 0px;
    border-top: none;
    border-left: none;
    font-size: 15px;
	background: rgb(255 255 255 / 0%);
    border-right: none;
	color:#434343;
	border-bottom: 1px solid #636363;
    padding-left: 0;
	    padding-top: 0;
    height: auto;
	}		
.form-box label{
    color: #ffffff;
    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:#434343;
	}	
.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{
	margin-top: 5px;
	border-radius: 0px;
	border-top: none;
	color: white;
	border-left: none;
	padding: 10px;
	font-size: 15px;
	background: rgb(44 58 67 / 0%);
	border-right: none;
	border-bottom: 1px solid #636363;
	padding-left: 0;
	padding-top: 0;
	height: auto;
	}	
.form-check a{
	color:#ff0000
	}	
label.error {
    font-size: 12px !important;
}	
/*.opt{
	background:#ebebeb;
	padding:5px;
	}	*/

.form-box select:focus{
	outline: 0px;
	background: rgb(38 52 61 / 0%);
	box-shadow: none;
	}	
	
/* width */
.form-main::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.form-main::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.form-main::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.form-main::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
	
/*features*/	


.social a img {
    height: 16px;
} 
.adv-box {
    padding: 20px;
    border: 1px solid rgb(255 255 255 / 40%);
    color: white;
    border-radius: 18px;
    min-height: 258px;
}

.adv-box img {
    margin-bottom: 25px !important;
    width: 66px;
}

	
.features{
	/* background: #f4f4f4; */
	/* border-radius: 10px; */
	padding: 0 8%;
	}
.features h2{	
font-family: Arial;
    font-weight: 600;
    color: #103566;
    padding-bottom: 20px;	
}
.features-box p{
color: #434343;
    line-height: 1.2;
    font-size: 15px;
    padding-top: 15px;
}
.features-box{
	/* border-right: 1px solid #434343; */
	}
.bottom-text{
	    background: #434343;
    color: #B5B1B1;
    padding: 25px;
    border-radius: 16px;
	}

footer{background: #0C1A23;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: Arial;
	    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:auto;*/
}
	}
@media only screen and (max-width:991px){	
.no-border-mob{
	border:none;
	}
.features-box{
	margin-bottom:30px;
	}	
	.pos-img {
    margin-top: 10%;
}
.form-main{margin-top: 3rem;height: auto;}	
header{/*background: url(../images/mob-banner.jpg) no-repeat;*//* background-size: contain; *//* background-color: #cfd0d2; *//* background-position: 50% 0px; */width: 100%;/* padding-bottom: 2em; */height: auto;/* text-align: center; */}
}
@media only screen and (max-width:768px){
	.adv-box {
    
min-height: 241px;
    
padding: 20px 11px;
}

	
.form-main h3{font-size: 1.2em !important;}

.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; */
}


.top-flowers img{
	width:70%
}
	}	
@media only screen and (max-width:767px){
	.build {
    
left: 50%;
    
top: -44px;
    
position: static;
    
margin-top: -16%;
    
text-align: center;
    
margin-bottom: 14px;
}

	.form-main {
    margin-top: 25rem;
}
	section.banner {
    background: url(../images/banner-mob.jpg);
    background-size:contain;
    /* text-align: center; */
    background-repeat: no-repeat;
}
.thank.banner {
    background: url(../images/banner.jpg);
    background-position: 12% 9%;
    background-repeat: no-repeat;
}

section.banner h1, section.banner h2, section.banner h3 {
	text-align:center;
	font-size: 1.3em;
}
.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: 15rem;
}

.btn-apply {
    padding: 5px  18px;
    background-color: red;
    }
p.apply-text {
    font-size: 1em;
}
.top-flowers img{
	width:60%
}

.form-main {
    margin-top: 18rem;
    /* border: 1px solid #d0d1d3; */
}
}
@media only screen and (max-width:490px){	
.form-main {
    margin-top: 12rem;
}
header{
    /* background: url(../images/mob-banner.jpg) no-repeat; */
    /* background-size: contain; */
    /* background-position: 50% 0px; */
    /*background-color: #dcdcde;*/
    /* padding-bottom: 2em; */
}
}

@media only screen and (max-width:360px){	
.form-main {
    margin-top: 9rem;
}
 
}