@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{
	background:#000235;
	font-family: 'Outfit', sans-serif;
	font-family: 'Poppins', sans-serif;
}
.bodyTopBg{
	background: #6FA7CB;
	filter: blur(250px);
	position:fixed;
	width:50%;
	height:50%;
	z-index:-1;
	left:-20%;
	top:-25%;
}
.bodyBottomBg{
	background: #FC8D2E;
	filter: blur(250px);
	position:fixed;
	width:50%;
	height:50%;
	z-index:-1;
	bottom:-25%;
	right:-20%;
}
.logo{
	float:left;
	margin-right:15px;
}
p.logoPara{
	font-family: 'Poppins', sans-serif;
	font-size:24px;
	line-height:28px;
	color:#FFFFFF;
	font-weight:600;
}
h1.headingH1{
	font-family: 'Outfit', sans-serif;
	font-size:80px;
	line-height:70px;
	font-weight:400;
	color:#FFFFFF;
}
p.para1{
	font-family: 'Outfit', sans-serif;
	font-size:24px;
	line-height:28px;
	color:#FFFFFF;
	padding-top:10px;
	font-weight:600;
}
.cardCounter{
	width:100%;
	position:relative;
	background: #00264D;
	backdrop-filter: blur(20px);
	/* Note: backdrop-filter has minimal browser support */
	border-radius: 8px;
	padding:30px 15px;
}
hr.cardHR{
	border-bottom: 1px solid #F2F2F2;
    border-top: 0 none;
    margin:15px 0 !important;
    padding: 0;
	opacity:0.5;
}
.cardHead{
	width:100%;
	position:relative;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:38px;
	line-height:38px;
	color:#F7941D;
	text-align:center;
}
.cardBottom{
	width:100%;
	position:relative;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	font-size:24px;
	line-height:24px;
	color:#FFFFFF;
	text-align:center;
}
p.para2{
	font-family: 'Outfit', sans-serif;
	font-size:22px;
	line-height:26px;
	color:#FFFFFF;
	padding-top:10px;
	font-weight:500;
}
.footerInput{
	padding-right:125px;
	border-radius: 400px !important;
	border:1px solid #E0E0E0;
}
.footerInput:focus{
	box-shadow:none;
	border-color:#EE9D24;
}
.footerFormArrow{
	background:#FAB70F;
	right:0;
	position:absolute;
	padding:6px 20px;
	color:#FFFFFF;
	box-shadow:none;
	z-index:11;	
	border-top-right-radius: 400px;
	border-bottom-right-radius: 400px;
	font-family: 'Poppins', sans-serif;
	height:38px;
	font-size:16px;
	line-height:15px;
	font-weight:600;
}
.footerFormArrow:hover{
	color:#FFFFFF;
}
/********** Modal *******/
h2.headingH2{
	font-family: 'Outfit', sans-serif;
	font-size:40px;
	line-height:50px;
	font-weight:400;
	color:#FFFFFF;
}
p.para3{
	font-family: 'Outfit', sans-serif;
	font-size:18px;
	line-height:22px;
	color:#FFFFFF;
	font-weight:300;
}
.modal-content{
	width:100%;
	position:relative;
	background: url(../images/modal-bg.svg) no-repeat center top;
    background-size: cover;
	border:2px solid #FFF;
}
.modal-header .close span{
	color:#FFFFFF;
	font-size:36px;
	font-weight:normal;
}

.loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 100px;
    color: #FFF;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.loading span {
    position: absolute;
    height: 10px;
    width: 84px;
	left:0;
    top: 50px;
    overflow: hidden;
}
.loading span > i {
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    -webkit-animation: wait 4s infinite;
    -moz-animation: wait 4s infinite;
    -o-animation: wait 4s infinite;
    animation: wait 4s infinite;
}
.loading span > i:nth-of-type(1) {
    left: -28px;
    background: yellow;
}
.loading span > i:nth-of-type(2) {
    left: -21px;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    background: lightgreen;
}

@-webkit-keyframes wait {
    0%   { left: -7px  }
    30%  { left: 52px  }
    60%  { left: 22px  }
    100% { left: 100px }
}
@-moz-keyframes wait {
    0%   { left: -7px  }
    30%  { left: 52px  }
    60%  { left: 22px  }
    100% { left: 100px }
}
@-o-keyframes wait {
    0%   { left: -7px  }
    30%  { left: 52px  }
    60%  { left: 22px  }
    100% { left: 100px }
}
@keyframes wait {
    0%   { left: -7px  }
    30%  { left: 52px  }
    60%  { left: 22px  }
    100% { left: 100px }
}
#msg, #loading{
	display:none;
}
.minsection::before{
	width:100%;
	position:relative;
}
.minsection2{
  position: absolute;
  top: 50%;
  left:0;
  right:0;
  transform: translateY(-50%);
}