@font-face {
	font-family: 'Interstate-Bold';
	src: url('../Fonts/Interstate-font/Interstate-Bold.woff2') format('woff2'), 
		url('../Fonts/Interstate-font/Interstate-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Interstate-Regular', sans-serif;
	src: url('../Fonts/Interstate-font/Interstate-Regular.woff2') format('woff2'), 
		url('../Fonts/Interstate-font/Interstate-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Interstate-Light', sans-serif;
    src: url('../Fonts/Interstate-font/Interstate-Light.woff2') format('woff2'),
        url('../Fonts/Interstate-font/Interstate-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
* {
    margin: 0;
    padding: 0;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: 'Interstate-Regular', sans-serif;
}
html {
	font-family: 'Interstate-Light', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    line-height: normal;
}
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
}
::-webkit-scrollbar {
    width: 0.6em;
    height: 0.6em;
}
.visible-mobile,
.visible-mobile-inline,
.visible-mobile-flex {
    display: none !important;
}
.visible-desktop,
.visible-desktop-inline,
.visible-desktop-flex {
    display: none !important;
}

@media (min-width: 992px) {
    .visible-desktop {
        display: block !important;
    }
    .visible-desktop-flex {
        display: flex !important;
    }
    .visible-desktop-inline {
        display: inline !important;
    }
}
@media (max-width: 991px) {
    .visible-mobile {
        display: block !important;
    }
    .visible-mobile-inline {
        display: inline-block !important;
    }
    .visible-mobile-flex {
        display: flex !important;
    }
}
.login_container {
 	background-repeat: no-repeat;
	/* height: 100vh; */
    overflow: hidden;
	display: block;
}
.login_container .banner_bg {
	 width: 100%;
	 height: 100%;
}
.login_container .banner_bg img{
	 width: 100%;
	 height: 100%;
}
.login_container .login_block {
	 /* position: absolute;
	 top: 70px;
	 right: 150px; */
	position: absolute;
    top: 45%;
    left: 75%;
    transform: translate(-50% , -50%);
}
 .login_container .login_block .login_credential {
	 padding-top: 25px;
	 width: 357px;
}
 .login_container .login_block .login_credential h3 {
	 color: #000;
	 font-size: 20px;
	 line-height: 24px;
	 font-weight: bold;
	 margin-bottom: 18px;
}
 .login_container .login_block .login_credential .Input_field {
	 display: flex;
	 flex-direction: column;
}
.login_container .login_block .login_credential .Input_field .form-group{
	margin-bottom: 20px;
}
.login_container .login_block .login_credential .Input_field input{
	font-size: 14px;
	color: #101010 !important;
	background-color: #ffffff;

}
	.login_container .login_block .login_credential .Input_field .form-check-input:checked {
		background-color: #0d6efd !important;
		border-color: #0d6efd;
	
	}
	.login_container .login_block .login_credential .Input_field label {
		margin-bottom: 2px;
	}
 .login_container .login_block .login_credential .Input_field button {
	 outline: none;
	 border: none;
	 padding: 13px 14px;
	 color: #000;
	 font-size: 14px;
	 border-radius: 5px;
	 width: 100%;
	 line-height: 22px;
}
 .login_container .login_block .login_credential .Input_field .cont_btn {
	 background-color: #0093d5;
	 color: #fff;
	 margin-top: 15px;
}
	.login_container .login_block .login_credential .Input_field .disabled {
		background-color: #BBBEBF;
		color: #fff;
		margin-top: 15px;
		cursor: not-allowed;
	}
		.login_container .login_block .login_credential .Input_field .check_box {
	 width: 100%;
	 display: flex;
	 justify-content: flex-start;
}
 .login_container .login_block .login_credential .Input_field .check_box .checkbox .checkboxclass {
	 position: relative;
	 padding: 0px 11px 0px 0px;
	 color: #0093d5;
}
 .login_container .login_block .login_credential .Input_field .check_box .checkbox_text {
	 color: #000;
	 font-size: 14px;
	 line-height: 18px;
	 max-width: 290px;
	 min-width: 285px;
}
 .login_container .login_block .login_credential .otp_capture {
	 display: flex;
	 justify-content: space-between;
	 width: 100%;
}
.login_container .login_block .iifl_logo .logo-img {
	max-width: 210px;
	width: 100%;
}
.login_container .login_block .login_credential .otp_capture input {
	border: 1px solid #acacac;
	border-radius: 5px;
	width: 42px;
	height: 42px;
	padding: 0px;
	text-align: center;
	background-color: rgba(172, 172, 172, 0);
	outline: none;
}
.login_container .login_block .login_credential .otp_capture input:focus{
	border: 1px solid #0093d5;
}
 .login_container .login_block .login_credential .otp_field {
	 display: block;
	 justify-content: space-between;
	 margin-bottom: 15px;
}
 .login_container .login_block .login_credential .otp_field h5 {
	 color: #000000;
	 font-size: 14px;
	 line-height: 18px;
	 margin-bottom: 0;
	 font-weight: 500;
}
.login_container .login_block .login_credential .otp_field h4{
	 	 color: #000000;
	 font-size: 14px;
	 line-height: 20px;
	 margin-bottom: 0;
	 font-weight: 300;
}
.login_container .login_block .login_credential .otp_field h4 label{
	font-weight: 500;
}
 .login_container .login_block .login_credential .otp_field h4 span{
	 color: #000000;
	 font-weight: 500;
}
 .login_container .login_block .login_credential .otp_field p {
	 color: #818181;
	 font-size: 12px;
	 line-height: 20px;
	 margin-bottom: 15px;
	 font-weight: 300;
}
.login_container .login_block .login_credential .otp_field a {
	color: #818181;
	white-space: nowrap;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	/*display: block;*/
	margin: 5px 0;
}

.login_container .login_block .login_credential .otp_field a span {
	/* text-decoration: underline; */
	background-color: #0093D5;
	padding: 4px 8px;
	border-radius: 2px;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	color: white;
}

.diableresend {
	cursor: default
}

.login_container .login_block .login_credential .otp_field .diableresend span {
	padding: 4px 8px;
	border-radius: 2px;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	background-color: #E7E7E7;
	border: 1px solid #DAD8D8;
	color: #818181 !important;
}
/* floating input */
.form-group {
	margin-bottom: 1rem;
}
.form-group .form-floating > .form-control:focus ~ label, .form-group .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-group .form-floating > .form-select ~ label {
	 transform: scale(0.85) translateY(-40px) translateX(0.15rem);
	 opacity: 1;
	 font-size: 12px;
}
 .form-group .form-floating > .form-control, .form-group .form-floating > .form-select {
	 padding: 15px;
	 height: 50px;
}
 .form-group .form-floating > .form-control:-webkit-autofill ~ label, .form-group .form-floating > .form-select:-webkit-autofill ~ label {
	 opacity: 1;
}
 .form-group .form-floating label {
	 /* background: #f3fdff; */
	 opacity: 1;
	 padding: 0 6px;
	 line-height: 18px;
	 height: auto;
	 top: 50%;
	 left: 8px;
	 transform: translate(0, -50%);
	 font-size: 14px;
	 font-weight: 300;
	 color: #4A4A4A;
}
.form-group .form-floating label:after{
    content: " ";
    display: block;
    position: absolute;
    background: #ffffff;
    height: 2px;
	top: 50%;
    left: 0px;
    right: 7px;
    z-index: -1;
    width: 100%;
}
/*.rc-anchor-checkbox-label{
	font-size: 12px;
}*/
 .form-group select {
	 height: 48px;
	 font-size: 14px;
	 background-color: #ffffff;
	 border: 1px solid #eaeaea;
	 border-radius: 3px;
}
 .form-group input {
	 height: 48px;
	 background-color: #ffffff;
	 color: #666666;
	 border: 1px solid #eaeaea;
	 border-radius: 3px;
	 font-size: 14px;
	 padding: 15px;
}
 .form-group .form-control:focus {
	 box-shadow: none;
	 border-color: #0093d5;
}

 /*loader css*/
.loader-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fffffff2;
	z-index: 99999;
	width: 100%;
	height: 100vh;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.loader-overlay.flight_loader {
	background: #fffffff2;
}

.loader-overlay.flight_loader .loader-spinner {
	position: absolute;
	left: 50%;
	top: 45%;
	transform: translate(-50%);
}

.loader-overlay.flight_loader .boot-strap-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%);
	text-align: center;
	color: #ffffff;
}

.loader-overlay.flight_loader p {
	position: absolute;
	left: 50%;
	top: 55%;
	transform: translate(-50%);
	text-align: center;
	color: #ffffff;
	margin-top: 20px;
	font-size: 16px;
}
.footer_main {
	display: flex;
	flex-direction: column;
}
.footer_main .strip_line {
	display: flex;
	width: 100%;
}
.footer_main .footer {
	display: flex;
	justify-content: space-between;
	background-color: #272626;
	width: 100%;
	height: 60px;
	color: #ffffff;
	font-size: 12px;
	line-height: 17px;
	padding: 0 22px;
	align-items: center;
	cursor:pointer;
}
.footer_main .footer ul {
    list-style: none;
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
}
.footer_main .footer ul li {
    color: #ffffff;
    font-size: 14px;
	margin-left: 40px;
	cursor:pointer;
}
.footer_main .footer ul li a {
    color: #ffffff;
    text-decoration: none;
}
@media (max-width: 991px) {
	.footer_main {display: none;}
	.login_container .banner_bg{
		height: 100vh;
	}
	.login_container .banner_bg img{
		height: auto;
	}
 	.login_container {
		 display: flex;
		 justify-content: center;
		 background-image: none;
		 height: 100%;
	}
	.login_container .login_block {
		 position: fixed;
		 background-color: #ffffff;
		 top: unset;
		 bottom: 0px;
		 right: unset;
		 width: 100%;
		 display: flex;
		 justify-content: center;
		 border-top-left-radius: 50px;
		 border-top-right-radius: 50px;
		 box-shadow: 0 6px 33px 0 rgba(16, 16, 16, 0.27);
		 flex-direction: column;
		 transform: none;
		 left: auto;
	}
	.login_container .login_block .iifl_logo {
		position: fixed;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
	}
	.login_container .login_block .login_credential {
		 display: flex;
		 flex-direction: column;
		 justify-content: center;
		 align-items: center;
		 max-width: 100%;
		 width: 100%;
		 padding-left: 20px;
		 padding-right: 20px;
		 padding-bottom: 30px;
	}
	.login_container .login_block .login_credential .Input_field,
	.login_container .login_block .login_credential fieldset {
		 width: 100%;
	}
	.login_container .login_block .login_credential .Input_field .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root {
		 width: 100%;
	}
}
.g-recaptcha {
	width: 350px;
	transform: scale(1.18);
	height: 110px;
	transform-origin: 0 0;
}
.invalid-input-field{
	border: 1px solid #ee1c25 !important;
}