@font-face {
	font-family: 'Poppins-regular'; 
	src: url('poppins/Poppins-Regular.ttf') format('truetype'); 
	font-weight: 400; /* Set the default weight */
	font-style: normal; /* Set the default style */
}
@font-face {
	font-family: 'Poppins-bold'; 
	src: url('poppins/Poppins-Bold.ttf') format('truetype'); 
	font-weight: 500; /* Set the default weight */
	font-style: normal; /* Set the default style */
}

@font-face {
	font-family: 'Poppins-semibold'; 
	src: url('poppins/Poppins-SemiBold.ttf') format('truetype'); 
	font-weight: 500; /* Set the default weight */
	font-style: normal; /* Set the default style */
}
@font-face {
	font-family: 'Roboto-regular'; 
	src: url('Roboto/Roboto-Regular.ttf') format('truetype'); 
	font-weight: 400; /* Set the default weight */
	font-style: normal; /* Set the default style */
}

.pop-regular {
	font-family: 'Poppins-regular', sans-serif; 
}
.pop-bold {
	font-family: 'Poppins-bold', sans-serif; 
}
.pop-semibold {
	font-family: 'Poppins-semibold', sans-serif; 
}
body {
	font-family: 'Poppins-regular', sans-serif;
	font-size: 16px;
	background-color: #ffffff;
	border: 0px solid Black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1, h2 {
	margin: 2px;
}

.welcome {
	font-family: 'Poppins-semibold', sans-serif;
	font-size: 42px;
}

.main-container {
	width: 100%;
}

.top-container {
	display: flex;
    justify-content: space-between;
	/* align-items: center; */
	/* background-color: #003963; */
}

.bottom-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.right-box img {
	max-width: 100%;
	height: auto;
  }

.left-box {
	/* width: 100%;
	height: 333px;
	background-color: #003963;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
	color: #ffffff; */
	width: 50%;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
  background-color: #003963;
  color: #ffffff;
}
.right-box {
	/* width: 100%; */
	/* height: 333px;
	background-image: url(picture-container.svg);
	background-repeat: no-repeat;
	background-size: cover; */
	width: 50%;
  /* padding: 50px; */
  display: flex;
  background-color: #f2f5fb;
}

.ebill-logo {
	width: 72px;
	height: 42px;
	background-image: url(ebill-logo.svg);
	background-repeat: no-repeat;
	background-size: contain;

}

.b-section {
	width: 330px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 48px;
    margin-bottom: 40px;
}

.btn-continue {
	outline: none;
    border: 0;
	background-color: #0066B1;
	color: #ffffff;
    border-radius: 50px;
    padding: 10px;
	width: 100%;
	font-size: 16px;
	font-family: 'Roboto-regular', sans-serif;
}

.btn-continue:hover, .btn-continue:focus {
	background-color: #003963;
}

.btn-continue:active {
	background-color: #00223C;
}

.w-100 {
	width: 100%;
}

.p-t-20 {
	padding-top: 20px;
}

.cursor {
	cursor: pointer;
}

.banner-content {
	width: 71%;
}

.mfa-content {
	padding-top: 10px;
	text-align: center;
}

.maintenance {
	display: flex;
	justify-content: center;
	background-image: url("maintenance-page3.svg");
	background-size: contain; /* Adjust as needed */
  	background-repeat: no-repeat;
  	padding: 0;
  	border: none;
  	cursor: pointer;
  	height: 90vh;
  	background-position: top center;
  	background-color: #fbfbfb;
}

.maintenance-body {
	align-items: flex-start !important;
	background-color: #d9edf9 !important;
}