.smPortalCustomerLogin-body {
	max-width: 100%;
	height: 100%;
	color: var(--white-color);
}

.smPortalLanding-mainContainer {
	position: absolute;
	width: 100%;
	height: calc(100% - 111px);
	overflow-y: auto;
	overflow-x: hidden;
}

.smPortalCustomerLogin-section {
	max-width: 1366px;
	margin: auto;
}

.dark-theme .smPortalCustomerLogin-background {
	background: var(--dark-secondary-background-color);
}

.smPortalCustomerLogin-background {
	width: 100%;
	background: var(--primary-color) 0% 0% no-repeat padding-box;
	border-radius: 0px 0px 0px 200px;
	opacity: 1;
	margin-bottom: 8%;
}

.smPortalCustomerLogin-heading {
	font-size: var(--heading-font-size);
	font-weight: bold;
	color: var(--white-color);
}

.smPortalCustomerLogin-buttonLabel {
	font-size: var(--primary-label-font-size);
	font-weight: bold;
	color: var(--white-color);
}

.dark-theme .smPortalCustomerLogin-buttonStyle {
	color: var(--dark-label-color);
	background: var(--dark-primary-background-color);
}

.smPortalCustomerLogin-buttonStyle {
	width: 280px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: var(--primary-label-font-size);
	font-weight: bold;
	color: var(--primary-color);
	background-color: var(--white-color);
	border-radius: 6px;
}

.smPortalCustomerLogin-carouselHeader {
	font-size: var(--sub-heading-font-size);
	font-weight: bold;
	color: var(--white-color);
	text-align: left;
}

.smPortalCustomerLogin-carouselContent {
	font-size: var(--primary-label-font-size);
	font-weight: normal;
	color: var(--white-color);
	text-align: left;
}

#smPortalCustomerLogin-carouselContentId {
	width: 655px !important;
	border: none;
	border-right: 3px solid var(--white-color);
	min-height: 390px;
}

.carousel-indicators li {
	border: 1px solid var(--carousel-indicator-color) !Important;
}

.carousel-indicators .active {
	background-color: (--carousel-indicator-color) !Important;
}

.smPortalCustomerLogin-order1 {
	width: 50%;
}

.smPortalCustomerLogin-order2 {
	width: 50%;
	padding-right: 5%;
}

.smPortal-smmaLoginButton, .smPortal-siimLoginButton {
	background: var(--white-color) !important;
	width: 279px !important;
	color: var(--primary-color) !important;
	border: none !important;
}

.smPortal-smmaLoginButtonIcon, .smPortal-siimLoginButtonIcon {
	color: var(--white-color) !important;
	background-color: var(--primary-color) !important;
}

.alertModal-messageStyle {
	font-size: var(--primary-label-font-size);
	color: var(--primary-color);
}

.alertModal-buttonStyle {
	font-size: var(--secondary-label-font-size);
	color: var(--white-color);
	font-weight: bold;
	width: 138px;
	height: 48px;
	background: var(--primary-color) 0% 0% no-repeat padding-box;
	border-radius: 4px;
	border: none;
}

@media ( max-width : 768px) {
	.smPortalCustomerLogin-order1 {
		order: 1;
		margin-bottom: 5%;
		width: 100% !Important;
		align-items: center !Important;
	}
	.smPortalCustomerLogin-order2 {
		order: 2;
		width: 100% !Important;
		align-items: center !Important;
		padding-right: 0%
	}
	.smPortalCustomerLogin-flexColumn {
		flex-direction: column;
		align-items: center;
	}
	#smPortalCustomerLogin-carouselContentId {
		border: none;
		border-top: 3px solid var(--white-color);
		width: 100% !Important;
		padding: 3% 0%;
		min-height: 237px;
	}
	.smPortalCustomerLogin-carouselContent {
		text-align: center;
		font-size: var(--secondary-label-font-size);
	}
	.smPortalCustomerLogin-carouselHeader {
		text-align: center;
		font-size: 20px;
	}
	.smPortalCustomerLogin-background {
		padding: 0% 6%;
		border-radius: 0px 0px 0px 50px;
	}
	.smPortalCustomerLogin-heading {
		font-size: 26px;
	}
	.smPortalCustomerLogin-buttonLabel {
		font-size: 20px;
	}
	.smPortalCustomerLogin-buttonStyle {
		font-size: 16px;
	}
}

@media ( max-width : 600px) {
	.carousel-indicators {
		top: 240px;
		z-index: 1 !important;
	}
}

@media ( max-width : 422px) {
	.carousel-indicators {
		top: 265px;
		z-index: 1 !important;
	}
}

@media ( max-width : 375px) {
	.carousel-indicators {
		top: 284px;
		z-index: 1 !important;
	}
}