@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap');
html,body{height: 100%;}

body{font-family: 'Nunito', sans-serif;}
.wrapper{display: flex;}

.btn-blue, .btn-outline{min-width:120px;height:42px;font-size:15px;font-weight:bold;}
.btn-blue,.btn-blue:focus{background: #0078D4;color: #fff;outline: none!important;border: none !important}
.btn-blue:active,.btn-blue:active:focus{outline: none!important;border: none !important;background: #006bbd;}
.btn-blue:hover{color: #fff;background: #1e88e5;}
.btn-outline{border: 1px solid #0078D4; color: #0078D4;background: transparent !important;}


.left-wrapper{width:40%;position: fixed;top:0;left:0;bottom:0;background:url("../img/register-bg.png") no-repeat top left #0078D4;background-size: cover;z-index: 9;padding: 30px 40px;}
.right-wrapper{width: calc(100% - 40%);margin-left: 40%;padding: 60px 0px;}

@media (max-width:768px){
	.wrapper{flex-direction: column;}
	.left-wrapper{width:100%;position: relative;}
	.right-wrapper{width:100%;margin-left: 0;padding: 40px 0}
	
	.intro-slder,.copyright{display: none !important;}
}

.logo{display: inline-block;}

.intro-section{min-height:100%; background:url(../img/homepage/intro-bg.png) no-repeat #0062b5; background-size:cover; background-position:top center;}
/* TEXT SLIDER */
.intro-slder{height: calc(100% - 124px);display: flex;align-items: center;}
#quotes,
#quotes li blockquote,
#quotes li cite{display: block; clear: both;font-size: 36px; color:#fff;}
#quotes{overflow: visible; min-height: 150px; padding:0 40px;}
#quotes.ul{position: relative; display: block; overflow: visible; margin: 0;}
#quotes li{list-style: none; position: absolute;width: 60%;}
#quotes li blockquote{font-weight: 100; top: 0; left: 0; overflow: visible; list-style: none; opacity: 0; margin: 0;border:0;padding:0;}
#quotes li cite { font-style: normal; font-weight: 600}

@media(max-width:767px){
	.intro-slder{ padding: 0px !important;}
	#quotes{ padding-top:20px;}
}


.heading{color:#0078D4;font-weight: bold;font-size: 30px;}
.tagline{color: #67748E;font-size: 15px;font-weight: 400;line-height: 21px;letter-spacing:.5px}

.register-tabs{list-style-type:none;display:flex;align-items:center;padding: 0;}
.register-tabs li{margin:0 10px 0 0;}
.register-tabs a{width:80px;height:5px;overflow:hidden;background:#CBCED3;text-indent:-9999px;padding:0px;display:inline-block;}
.register-tabs li.active a{background:#0078D4;}


.tab-content .form-group{margin: 0 0 12px 0 !important}
.form-control{height: 36px;border: 1px solid #D2D6DA;border-radius: 5px;transition: all .2s linear;}
.form-control:focus{border: 1px solid rgba(0,120,212,0.75);}
.control-label{font-size:13px;font-weight:600 !important;}

.datepicker-dropdown{z-index: 9999;}

.tab-footer{margin-top:20px;display: flex;align-items: center;}
.login-helper{display: flex;flex-direction: column;font-size: 12px;font-weight: 600;margin: 0;}
.login-helper span{color:#a7afbf;}
.login-helper .logback{color:#0078D4;}

.copyright{color:rgba(154,248,255,0.6);font-size:10px;position: absolute;bottom:0px;left:0;right: 0;letter-spacing: .8px;font-weight:400;text-align: center;display: block;width: 100%;}


#OTPInput input{width:48px !important;height:48px !important; margin: 8px;}

/*!============================================================
					CUSTOM UTILITIES
==============================================================*/
.g10{margin-left:-10px!important;margin-right:-10px!important}
.g10 [class*='col']{padding-left:10px!important;padding-right:10px!important}
.g8{margin-left:-8px!important;margin-right:-8px!important}
.g8 [class*='col']{padding-left:8px!important;padding-right:8px!important}
.g6{margin-left:-6px!important;margin-right:-6px!important}
.g6 [class*='col']{padding-left:6px!important;padding-right:6px!important}
.g5{margin-left:-5px!important;margin-right:-5px!important}
.g5 [class*='col']{padding-left:5px!important;padding-right:5px!important}
.g4{margin-left:-4px!important;margin-right:-4px!important}
.g4 [class*='col']{padding-left:4px!important;padding-right:4px!important}
.g0{margin-left:0!important;margin-right:0!important}
.g0 [class*='col']{padding-left:0!important;padding-right:0!important}

.d-flex{display: flex;}
.justify-center{justify-content:center}

.p-0{padding: 0 !important;}
.m-0{margin: 0 !important;}
.mx-0{margin-left: 0 !important;margin-right: 0 !important;}
.ml-auto{margin-left:auto;}
.m-auto{margin:0 auto;}