:root {
	/* ----------------------------------------------Global CSS---------------------------------------------------------- */
	--font-family: "Basic", sans-serif;
	--white-color: #FFFFFF;
	--primary-color: #002034;
	--secondary-color: #E2E6E8;
	--primary-label-color: #171717;
	--secondary-label-color: #525252;
	--super-heading-font-size: 66px;
	--heading-font-size: 48px;
	--sub-heading-font-size: 40px;
	--primary-label-font-size: 20px;
	--secondary-label-font-size: 16px;
	--tertiary-label-font-size: 12px;
	--tertiary-bg-color: #EEF8FF;
	--hover-color: #618167;
	--carousel-indicator-color: #FF7F43;
	--error-msg-color: red;
	--box-shadow: 0 0 0 0.5px #002034;
	/* ------------------------------------------ For Tab Responsive------------------------------------------ */
	--tab-super-heading-font-size: 44px;
	--tab-page-heading-font-size: 30px;
	--tab-section-heading-font-size: 26px;
	--tab-primary-font-size: 18px;
	--tab-secondary-font-size: 16px;
	--tab-tertiary-font-size: 14px;
	/* -----------------------------------------For Mobile Responsive -------------------------------------------*/
	--mob-super-heading-font-size: 42px;
	--mob-page-heading-font-size: 30px;
	--mob-section-heading-font-size: 26px;
	--mob-primary-font-size: 20px;
	--mob-secondary-font-size: 16px;
	--mob-tertiary-font-size: 14px;
}

.dark-theme {
	--dark-primary-background-color: #18191A;
	--dark-secondary-background-color: #242526;
	--dark-label-color: #EFEFEF;
	--dark-font-color:#0076BE;
	--dark-box-shadow: 0 0 0 0.5px #EFEFEF;
	--dark-button-box-shadow: 0 0 0 1px #FFFFFF;
}

.dark-theme body {
	background-color: var(--dark-primary-background-color);
	color: var(--dark-secondary-font-color);
}

body, input, label, pre, textarea, select {
	font-family: var(--font-family) !important;
}

body {
	background: var(--white-color);
}

input:focus, select:focus, textarea:focus, button:focus {
	outline: none;
}

input, select {
	outline: none;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
	textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
	select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus
	{
	-webkit-box-shadow: 0 0 0px 1000px var(--white-color) inset !important;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
	border: var(--border);
}

input[type="number"]:focus {
	outline: none;
}

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

/*-------------------------- Common Css Image Content with Media Query Responsive --------------------------------- */
.dark-theme .smPortal-imgHeading {
	color: var(--dark-label-color);
}

.smPortal-imgHeading {
	font-weight: bold;
	font-size: var(--sub-heading-font-size);
	color: var(--primary-color);
}

.dark-theme .smPortal-subHeading {
	color: var(--dark-label-color);
}

.col {
	flex: 1;
	min-width: 0;
}

.smPortal-subHeading {
	color: var(--primary-label-color);
	font-size: var(--primary-label-font-size);
	align-content: center;
}

.smPortal-imgContentDiv {
	display: flex;
	justify-content: space-between;
	padding: 0px 20px 0px 20px;
	max-width: 1366px;
	margin: auto;
}

.smPortal-imgDiv {
	max-width: 600px;
}

.smPortal-contentDiv {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	max-width: 600px;
}

.dark-theme .smPortal-button {
	color: var(--dark-label-color);
	background: var(--dark-primary-background-color);
	box-shadow: var(--dark-button-box-shadow);
}

.smPortal-button {
	width: 240px;
	height: 48px;
	display: flex;
	align-items: center;
	font-weight: bold;
	justify-content: center;
	font-size: var(--primary-label-font-size);
	color: var(--white-color);
	background: var(--primary-color);
	border-radius: 6px;
	padding: 12px 22px;
}

.smPortal-buttonIcon {
	margin-left: 10px;
	margin-top: 5px;
	background-color: var(--white-color);
	color: var(--primary-color);
	border-radius: 50%;
}

@media ( max-width : 1300px) and (min-width: 990px) {
	.smPortal-imgContentDiv {
		padding: 0px 60px 0px 60px;
		justify-content: space-between;
	}
	.smPortal-contentDiv {
		max-width: 420px;
	}
	.smPortal-imgDiv {
		max-width: 410px;
		height: 282px;
	}
	.smPortal-imgHeading {
		font-size: var(--tab-section-heading-font-size);
		padding-bottom: 0 !important;
	}
	.smPortal-subHeading {
		font-size: var(--tab-primary-font-size);
		padding-bottom: 16px;
	}
	.smPortal-button {
		width: 200px;
		height: 40px !important;
		font-size: var(--tab-secondary-font-size);
		margin: 15px 0px 0px 0px !important;
		border-radius: 4px;
		padding: 9px 18px;
	}
	.smPortal-buttonIcon {
		font-size: 16px;
	}
}

@media ( max-width :989px) {
	.smPortal-imgContentDiv {
		flex-direction: column;
		align-items: center;
	}
	.smPortal-imgDiv {
		display: flex;
		flex-direction: column;
		order:2;
	}
	
     .smPortal-contentDiv {
		display: flex;
		flex-direction: column;
		order:1;
	}
	.smPortal-imgHeading {
		font-size: var(--tab-section-heading-font-size);
		padding-bottom: 0 !important;
		order: 1;
	}
	.smPortal-subHeading {
		font-size: var(--tab-primary-font-size);
		padding-bottom: 20px;
		order: 3
	}
	.smPortal-button {
		order: 4;
		font-size:var(--tab-secondary-font-size);
		display: inline-flex;
		margin: 20px auto;
		margin-bottom: 20px;
	}
}
@media ( max-width :768px){
	.smPortal-imgDiv {
	   width:400px;
	   padding:20px;
	}
	
	.smPortal-imgHeading {
		font-size: var(--mob-primary-font-size);
		padding-bottom: 0 !important;
		order: 1;
	}
	.smPortal-subHeading {
		font-size: var(--mob-secondary-font-size);
		padding-bottom: 20px;
		order: 3
	}
	.smPortal-button {
		order: 4;
		font-size:var(--mob-secondary-font-size);
		display: inline-flex;
		margin: 20px auto;
		margin-bottom: 20px;
	}
}
/*-------------------------- Common Css Image Content with Media Query Responsive  End--------------------------------- */

/* -------------animation for Image Div----------------------------- */
.smPortal-imgDiv, .smPortal-subHeading {
	opacity: 0;
	transform: translateX(-50px);
}

.smPortal-imgHeading, .smPortal-button {
	opacity: 0;
	transform: translateY(-70px);
}

.smPortal-imgHeading.show, .smPortal-button.show {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.9s ease-out, transform 0.9s ease-out;
}

.smPortal-imgDiv.show, .smPortal-subHeading.show {
	opacity: 1;
	transform: translateX(0);
	transition: opacity 0.9s ease-out, transform 0.9s ease-out;
}

.show {
	display: flex !important;
}
/* -------------animation for Image Div----------------------------- */