@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import "compass/css3";
 *, *:before, *:after {
	 box-sizing: border-box;
}
 html {
	 overflow-y: scroll;
}
 body {
	/*background-color: #EDFFFF;
    background-image: linear-gradient(rgba(237, 255, 255, 0.8), rgba(237, 255, 255, 0.8)),
                  url("../images/india.jpg");*/
    background-repeat:repeat; 
    background-size: cover;
	font-family: 'Nunito', sans-serif;
	
}

 a {
	 text-decoration: none;
	 color: #2c78db;
	 transition: 0.5s ease;
}
 a:hover {
	 color: #2c78db;
}
 .form {
	 background: rgba(255, 255, 255, 0.8);
	 padding: 20px 40px;
	 max-width: 450px;
	 margin: 40px auto;
	 border-radius: 4px;
    	 /*box-shadow: 0 4px 10px 4px rgba(19, 35, 47, .3);*/
	    box-shadow: 0 0 20px rgb(90 70 87 / 12%);
    border-bottom: 5px solid #2C78DB !important;
}

 .tab-group {
	 list-style: none;
	 padding: 0;
	 margin: 0 0 20px 0;
	text-align: center;
width: fit-content;
	 

}
 .tab-group:after {
	 content: "";
	 display: table;
	 clear: both;
}
 .tab-group li a {
	 display: block;
	 margin-left: 2px;
	 /* border: 2px solid black; */
	/* border-radius: 10px; */
	 text-decoration: none;
	 padding: 5px;
	 /*background: rgba(128, 128, 128, .25); */
	 color: black;
	 font-size: 20px;
	 float: left;
	 width: 32.33%;
	 text-align: center;
	 cursor: pointer;
	 transition: 0.5s ease;
}

 .tab-group li a:hover {
	 background: #2c78db;
	 color: #fff;
}
 .tab-group .active a {
	 background: #2c78db;
	 color: #fff ;
}
.tab-group .active  {
	background: #2c78db;
	color: #fff !important;
}
 .tab-content > div:last-child {
	 display: none;
}
 h2 {
	 text-align: center;
	 color: #fff;
	 font-weight: 300;
	 margin: 0 0 0px;
}
 label {
	 /*position: absolute;*/
	 transform: translateY(6px);
	 left: 13px;
	/* color: rgba(255, 255, 255, .5);*/
	 transition: all 0.25s ease;
	 /* -webkit-backface-visibility: hidden; */
	 pointer-events: none;
	 font-size: 22px;
}
 label .req {
	 margin: 2px;
	 color: #2c78db;
}
 label.active {
	 transform: translateY(50px);
	 left: 2px;
	 font-size: 14px;
}
 label.active .req {
	 opacity: 0;
}
 label.highlight {
	 color: black;
}

 .field-wrap {
	 position: relative;
	 margin-bottom: 15px;
}
 .top-row:after {
	 content: "";
	 display: table;
	 clear: both;
}
 .top-row > div {
	 float: left;
	 width: 48%;
	 margin-right: 4%;
}
 .top-row > div:last-child {
	 margin: 0;
}
 .button {
	 border: 0;
	 outline: none;
	 border-radius: 0;
	 padding: 15px 0;
	 font-size: 1rem;
	 font-weight: 600;
	 text-transform: uppercase;
	 letter-spacing: 0.1em;
	 background: #2c78db;
	 color:white;
	 transition: all 0.5s ease;
	 -webkit-appearance: none;
}

 .button:hover, .button:focus {
	 background: #2c78db;
}
 .button-block {
	 display: block;
	 width: 50%;
	 margin-left: 90px;
	 margin-top: 5px;
	 background: #0864db;
}
 .forgot {
	 margin-top: -20px;
	 text-align: right;
}

#btn{
	padding: 10px;
	border: none;
	width: 32%;
	font-weight: 700;
	font-family: 'Nunito', sans-serif;
	color:#2c78db;
}

#btn:hover{
	padding: 10px;
	border: none;
	width: 32%;
	font-weight: 700;
	font-family: 'Nunito', sans-serif;
	background-color: #2c78db;
	color: white;
}


label {
	font-size: 16px;
	font-weight: 500;
	display: inline;
	margin-bottom: .5rem;
}

h5 {
	width: 100%; 
	text-align: center; 
	border-bottom: 1px solid  rgb(160, 159, 159); 
	line-height: 0.1em;
	margin: 20px 0 20px; 
 } 
 
 h5 span { 
	 background:#fff; 
	 padding:0 10px; 
 }

.panel-default .panel-heading{
	background-color:white;
	background-image:none;
}

 
	

/***********************Input Tags of the Form************************/

 .user-input-wrp {
	position: relative;
	width: 50%;
	font-family: 'Nunito', sans-serif;
	padding:0px 5px;
}
span{
   padding:0px 5px;
}
.user-input-wrp .inputText{
	
	outline: none;
	border:1px solid rgb(168, 167, 167);
	border-radius: 5px;
 	box-shadow: none !important;
 
}
.user-input-wrp .inputText:focus{
	border-color: #2c78db;
	border-width: medium medium 2px;
}
.user-input-wrp .floating-label {
	position: absolute;
	pointer-events: none;
	/*top: 25px;*/
	top: 15px;
	left: 10px;
	transition: 0.2s ease all;
}
.user-input-wrp input:focus ~ .floating-label{
	/*top: 8px;*/
	top: -5px;
	left: 10px;
	opacity: 1;
 	background:  rgba(255, 255, 255, 1);
}