@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

body{
	font-family: 'Montserrat', sans-serif;
	line-height: 1.7 !important;
}
section{
	display: flex;
	align-items: center;
	justify-content: center;
}


.bg{
	height: 100vh;
	background: url(../images/Splash%202.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.logo{
	max-width: 190px;
}
.login-text {
	font-size: 1.8rem;
	color: #38393b;
	font-weight: 500;
}
.login-text-1 {
	font-size: 1.1rem;
	color: #38393b;
	font-weight: 500;
}
.form-control{
	width: auto;
	margin: 0 auto;
	padding: 23px;
	border-radius: 30px;
	text-align: center;
	text-transform: uppercase;
	color: #787878;
	font-size: 14px;
	font-weight: 600;
	
	min-width: 280px;
	box-shadow: 2px 2px 12px rgba(0,0,0,0.2);
}
.form-control::placeholder {
	color: #b1b1b1;
	font-weight: 600;
	letter-spacing: 0.8px;
	font-size: 14px;
}
.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: transparent;
	outline: 0;
	box-shadow: 2px 2px 12px rgba(0,0,0,0.5);
}
.otp-text{
	color:#adadad;
	font-weight: 600;
}
.applying-text{
	color: #686868;font-size: 15px;
	font-weight: 500;
}
.applying-text a{
	color: #686868;font-size: 15px;
	font-weight: 500;
}
.unauthorised-text {
	color: #38393b;
	font-size: 1.8rem;
	font-weight: 500;
}


/* Second Page styling */

.bg-2{
	height: 100vh;
	background: url(../images/Splash%20Screen.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.btn {
	padding: 12px 30px;
	border-radius: 30px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #696969;
	min-width: 280px;
	box-shadow: 2px 2px 12px rgba(0,0,0,0.2);
}
.btn-light:hover {
	color: #fff;
	background-color: #231f20;
	border-color: transparent;
}







/* Third Page styling */

.top-section{
	background: #dfdfdf;
}
.top-section .container{
	padding: 6rem 0 3rem 0;

}
.top-border{
	border-top:10px solid #009bee;
}

.top-title{
	color: #424242;
}
.top-section .custom-select {
	background-color: #eeeced;
	height: 37px;
	border-radius: 20px;
	color: #656565;
	border: 1px solid #eeeced;
	text-transform: uppercase;
}

select.round {
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    radial-gradient(#c8c6c7 70%, transparent 72%);
  background-position:
    calc(100% - 17px) calc(0.9em + 2px),
    calc(100% - 12px) calc(0.9em + 2px),
    calc(100% - 0em) 0em;
  background-size:
    5px 5px,
    5px 5px,
    2.2em 2.2em;
  background-repeat: no-repeat;
	
}

select.round:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    radial-gradient(gray 70%, transparent 72%);
  background-position:
    calc(100% - 12px) 1em,
    calc(100% - 17px) 1em,
    calc(100% - 0em) 0em;
  background-size:
    5px 5px,
    5px 5px,
    2.2em 2.2em;
  background-repeat: no-repeat;
  outline: 0;
}
.custom-select:focus {
	box-shadow: none;
	border:1px solid #969696;
}

.bottom-section{
	background:  #dfdfdf;
}
.bottom-section .container{
	background:  #efefef;
}
.position{
	font-size: 1.8rem;
	color:#505050;
	padding: 1rem 0;
	border-top: 2px solid #b7b7b7;
	border-bottom: 2px solid #b7b7b7;
}
.list{
	list-style: none;
	color:#4f4f4f;
}
.job-description{
	height: 250px;
	overflow-y: scroll;
	padding-right: 3rem;
	color:#515151;
		
}
.btn-dark{
	background-color: #4f4f4f;
	color: #fff;
	min-width: auto;
}
.bg-black{
	background-color: #000000;
}
.btn-dark:hover {
	color: #fff;
	background-color: #231f20;
	border-color: transparent;
}

.job-test-page p, .job-test-page h3{
	color:#505050;
}
.bg-light {
	background-color: #fff !important;
}
.position_data{
	display:none;
}

@media(max-width:991px){
	.top-section .container{
	padding: 4rem 0 3rem 0;

}
}

/* Media for both page */
/*@media(min-width:1025px){

	.top-reverse-margin{
	margin-top:-16vh;
}
}
@media(max-width:1024px){
	.top-reverse-margin-1{
		margin-top: 6vh;
	}
	.top-reverse-margin{
	margin-top:-16vh;
}
}*/