@charset "utf-8";

/** #Poppins# custom fonts import **/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');


* {
	padding: 0px;
	margin: 0px;
	border: none;
}
.website-wrapper {
	max-width: 1366px;
	margin: 0 auto;
	
	
}

#loginPageMainContents {
}
#loginIntroSection {
}
.login-intro-section h1 {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size: 26pt;
}
.login-intro-section h2 {
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size: 16pt;
}
.login-intro-section p {
	font-family: 'Poppins', sans-serif;
	font-weight:400;
}
.left-bg {
	position: relative;
	background-image:  url("../assets/VIPImage.png");
	height: 800px;
	background-position: center;
	background-size: cover;
	z-index: 1;
}
.left-bg-overlay {
	z-index: -1;
	position: absolute;
	background-color: #006098;
	opacity: 0.8;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.logo-part {
}
.logo-img {
	width: 161px;
	height: 100px;
}
.left-contents-text {
	
	
	z-index: 1;
}
.left-contents-text a{
	
	
	text-decoration: none;
}
.left-contents-text h1 {
	max-width: 500px;

}
.left-contents-text h2 {
	max-width: 800px;

}

.left-contents-text h1,  .left-contents-text h2 {
	color: #FFFFFF;
}
.left-contents-text button {
	color:  #FFFFFF;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	
		border-radius: 6px;
			
	width: 320px;
	height: 60px;
	background-color: #90c541;

}
.forgot-password {
	text-decoration: underline dashed #c4c4c4;; 
	text-underline-offset: 0.3em !important;
	color: #c4c4c4;
	font-size: 14px;
	
}
.form-element input[type=text] {
	background-color: #f0f0f0;
    padding-left: 10px;
	width: 100%;
	height: 60px;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	border-radius: 6px;
	color: #c4c4c4;
	
}
.form-element input[type=password] {
	background-color: #f0f0f0;
    padding-left: 10px;
	width: 100%;;
	height: 60px;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
		border-radius: 6px;
	color: #c4c4c4;
	
}

.form-element input[type=submit] {
	background-color: #006098;
    padding-left: 10px;
	width: 100%;
	height: 60px;
	color: #FFFFFF;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
		border-radius: 6px;

	
}
.form label {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
}
.left-bg {
	display: flex;
	justify-content: center;
	align-content: center;
align-items: center;
	vertical-align: middle;
	
}
.logo-part {
	height: 800px;
	display: flex;
	justify-content: center;
	align-content: center;
align-items: center;
	vertical-align: middle;
	
}
.login-page-footer li {
	list-style: none;
	color: #FFFFFF;
	margin-bottom: 20px;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
}
.login-page-footer h1, .login-page-footer h2 {
	margin-bottom: 20px;
	font-family: 'Poppins', sans-serif;
}
li:last-child{
   margin-bottom: 0px;
}
.login-page-footer h2 {
	font-size: 16pt;
	
	color: #FFFFFF;
}

.login-page-footer .fa-check-circle {
	
	color: #FFFFFF !important;
}

.login-page-footer .fa-envelope {
	
	color: #FFFFFF !important;
}
.login-page-footer .fa-map-marker {

	color: #FFFFFF !important;
}
.login-page-footer .fa-phone{
	
	color: #FFFFFF !important;
}
.login-page-footer {
	background-color: #006098;
	padding: 50px 10px;
}
.center-flex {
	display: flex;
	
align-items: center;
	vertical-align: middle;
}
.footer-left-section {
	
}
.footer-right {
	
}
.login-page-footer a {
	color:  #FFFFFF;
	text-decoration: none;
}
.footer-bottom-text {
	background-color: #90c541;
	padding: 20px;
	
	
}
.footer-bottom-text h2 {
	color: #FFFFFF;
	font-size: 16pt;
	
	
}

@media only screen and (max-width: 768px) {
	.pl-xsm-0 {
		padding-left: 0px;
	}
	.mb-xsm {
		margin-bottom: 50px;
	}
	
	.mb-xsm-new {
		margin-bottom: 16px;
	}
	
	.footer-bottom-text h2 {
	color: #FFFFFF;
	font-size: 12pt;
	
	
}
	.login-page-footer h2 {
	font-size: 12pt;
	
	color: #FFFFFF;
}
	
	.login-intro-section h1 {
	font-family: 'Poppins', sans-serif;
	font-weight:bold;
	font-size: 18pt;
}
.login-intro-section h2 {
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size: 12pt;
}
	
	.logo-img {
	max-width: 121px !important;
	max-height: 75px !important;
}
	
}

@media only screen and (min-width: 992px) {
	.logo-part {
	height: 800px;
	display: flex;
	justify-content: center;
	align-content: center;
align-items: center;
	vertical-align: middle;
	padding-left: 50px;
	padding-right: 50px;
}
}