@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");

/* Shared header and banner. IDs, hrefs, and controls stay in the markup. */
#masthead {
	background: #ffffff;
	border-bottom: 1px solid #e6eef8;
	box-shadow: none;
	font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
	color: #163a86;
}

#masthead .elementor-hidden-mobile {
	display: block !important;
}

#masthead .elementor-element-581e6c7,
#masthead .elementor-element-581e6c7 > .elementor-container {
	overflow: visible !important;
}

#masthead .elementor-element-581e6c7 > .elementor-container {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 16px;
	row-gap: 8px;
	width: min(1240px, calc(100% - 36px));
	max-width: 100%;
	margin: 10px auto 14px;
	container-type: inline-size;
	margin-bottom: 0;
}

#masthead .elementor-element-9af1505 {
	order: 1;
	flex: 0 0 auto;
	width: auto !important;
	max-width: 180px;
}

#masthead .elementor-element-9f3f886,
#masthead .elementor-element-9f3f886 > .elementor-widget-wrap {
	display: contents !important;
}

#masthead .elementor-element-d3915cd {
	order: 2;
	flex: 1 1 420px;
	width: auto !important;
	min-width: 0;
	max-width: 100%;
}

#masthead .elementor-element-ac1e149 {
	order: 3;
	flex: 0 0 auto;
	width: auto !important;
	max-width: 320px;
}

#masthead .elementor-element-ac1e149 .elementor-column,
#masthead .elementor-element-ac1e149 .elementor-container,
#masthead .elementor-element-ac1e149 .elementor-widget-wrap,
#masthead .elementor-element-ac1e149 .elementor-widget,
#masthead .elementor-button-wrapper,
#masthead .elementor-element-ac1e149 .elementor-widget-container,
#masthead .elementor-element-ac1e149 .elementor-inner-section,
#masthead .elementor-element-b511978,
#masthead a[id$="a1"],
#masthead a[id$="aLogin"],
#masthead a[id$="aLogout"] {
	width: auto !important;
	min-width: max-content;
	max-width: none !important;
	flex: 0 0 auto !important;
	overflow: visible !important;
}

#masthead a.logo img {
	width: 148px !important;
	height: auto !important;
}

#masthead ul#menu-1-d3915cd,
#masthead ul#menu-1-d3915cd li {
	list-style: none !important;
}

#masthead ul#menu-1-d3915cd {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 2px 6px;
	width: 100% !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
}

#masthead ul#menu-1-d3915cd > li {
	display: flex !important;
	width: auto !important;
	flex: 0 0 auto !important;
	float: none !important;
}

#masthead a.hfe-menu-item,
#masthead .elementor-9436 .elementor-element.elementor-element-d3915cd .menu-item a.hfe-menu-item {
	color: #31435f !important;
	background: transparent !important;
	border-radius: 0 !important;
	padding: 8px 7px !important;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.2;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
}

#masthead a.hfe-menu-item:hover,
#masthead .elementor-9436 .elementor-element.elementor-element-d3915cd .menu-item a.hfe-menu-item:hover {
	background: transparent !important;
	color: #1d6fe8 !important;
}

#masthead .current-menu-item > a.hfe-menu-item,
#masthead .current-menu-ancestor > a.hfe-menu-item {
	background: transparent !important;
	color: #31435f !important;
}

#masthead .cae-current > a.hfe-menu-item {
	color: #163a86 !important;
	font-weight: 800 !important;
	background: transparent !important;
	box-shadow: inset 0 -2px 0 #1d6fe8 !important;
}

#masthead .elementor-element-ac1e149 .elementor-container,
#masthead .elementor-element-b511978 > .elementor-container {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	width: auto !important;
}

#masthead .elementor-element-8e9aa8b,
#masthead .elementor-element-9af1505 .d-lg-none,
#masthead .mob-tag,
#masthead .mob-tag-mob-header {
	display: none !important;
}

#masthead a[id$="a1"],
#masthead a[id$="aLogin"],
#masthead .login-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	padding: 8px 16px 8px 38px !important;
	background-color: #ffffff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d6fe8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5 19.2c1.4-3.2 3.8-4.7 7-4.7s5.6 1.5 7 4.7'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: 14px center !important;
	background-size: 16px 16px !important;
	color: #1d6fe8 !important;
	border: 1.5px solid #1d6fe8 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	text-transform: none !important;
	white-space: nowrap;
}

#masthead a[id$="a1"]::before,
#masthead a[id$="aLogin"]::before,
#masthead a.elementor-button::before,
#masthead .theme-btn-yellow::before {
	display: none !important;
}

#masthead a[id$="a1"] .elementor-button-text,
#masthead a[id$="aLogin"] .elementor-button-text,
#masthead .login-btn,
#masthead .login-btn a {
	color: #1d6fe8 !important;
	background: transparent !important;
	border: none !important;
	font-weight: 700;
}

#masthead a[id$="aLogout"] {
	display: inline-flex !important;
	align-items: center;
	min-height: 40px;
	padding: 8px 16px 8px 38px !important;
	background-color: #1d6fe8 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 7V5a2 2 0 0 1 2-2h7v18h-7a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M15 12H3'/%3E%3Cpath d='M6 9l-3 3 3 3'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: 14px center !important;
	background-size: 16px 16px !important;
	color: #ffffff !important;
	border: 1.5px solid #1d6fe8 !important;
	text-decoration: none !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	white-space: nowrap;
}

#masthead a[id$="aLogout"]:hover {
	background-color: #155fcc !important;
	border-color: #155fcc !important;
	color: #ffffff !important;
}

#masthead a[id$="aLogout"] .elementor-button-text {
	color: #ffffff !important;
}

#masthead [id$="aNewuser"],
#masthead [id$="Span1"],
#masthead span.login-btn {
	background: transparent !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	color: #2457e6 !important;
	font-weight: 700;
}

#masthead .cae-header-banner {
	order: 4;
	flex: 1 0 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 28px;
	box-sizing: border-box;
	width: 100vw;
	max-width: 100vw;
	margin-top: 6px;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 14px max(46px, calc((100vw - 1240px) / 2 + 28px));
	aspect-ratio: auto;
	height: calc(100cqw * 384 / 1024 - 160px);
	min-height: 0;
	border-radius: 0;
	overflow: hidden;
	background-color: #d7ecfb;
	background-image:
		linear-gradient(90deg, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.62) 26%, rgba(255, 255, 255, 0.08) 44%, rgba(255, 255, 255, 0) 52%),
		url("/images/header-banner.jpg");
	background-repeat: no-repeat, no-repeat;
	background-size: auto, cover;
	background-position: left center, center bottom;
}

#masthead .cae-header-banner .elementor-element-73d7816 {
	flex: 0 1 380px;
	min-width: 0;
	max-width: 380px;
	padding: 0 !important;
}

#masthead .cae-banner-points {
	flex: 0 1 270px;
	min-width: 0;
	max-width: 270px;
}

#masthead .cae-header-banner .elementor-element-a215efb,
#masthead .cae-header-banner .elementor-element-cc13706 {
	margin: 0 !important;
}

#masthead .cae-header-banner p,
#masthead .cae-header-banner .desktop-tagline {
	position: relative;
	max-width: 380px;
	margin: 0 !important;
	color: #1565d8 !important;
	font-size: 22px !important;
	line-height: 1.15 !important;
	font-weight: 800 !important;
}

#masthead .cae-header-banner p::before,
#masthead .cae-header-banner .desktop-tagline::before {
	content: "NISM EXAM PREPARATION";
	display: table;
	margin-bottom: 8px;
	padding: 4px 9px;
	border-radius: 8px;
	background: #1d6fe8;
	color: #ffffff !important;
	font-size: 10px !important;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1.2;
}

#masthead .cae-banner-points {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

#masthead .cae-header-banner .elementor-widget-container,
#masthead .cae-header-banner ul.elementor-icon-list-items {
	margin: 0 !important;
	padding: 0 !important;
}

#masthead .cae-header-banner .elementor-icon-list-item,
#masthead .cae-header-banner .elementor-icon-list-icon {
	display: flex !important;
	align-items: center;
	gap: 10px;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	margin: 0 0 4px !important;
	background: transparent !important;
	box-shadow: none !important;
	flex: 1 1 auto !important;
}

#masthead .cae-header-banner .elementor-icon-list-icon > i {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	font-size: 12px;
	margin: 0 !important;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 4px 12px rgba(29, 111, 232, 0.12);
	flex: 0 0 28px;
}

#masthead .cae-header-banner .elementor-icon-list-item:nth-child(1) i { color: #1d6fe8 !important; }
#masthead .cae-header-banner .elementor-icon-list-item:nth-child(2) i { color: #16a34a !important; }
#masthead .cae-header-banner .elementor-icon-list-item:nth-child(3) i { color: #f59e0b !important; }

#masthead .cae-header-banner .elementor-icon-list-text {
	display: block !important;
	width: auto !important;
	min-width: 0;
	color: #163a86 !important;
	font-size: 13px !important;
	font-weight: 700;
	line-height: 1.35;
	white-space: normal !important;
}

@media (min-width: 992px) {
	#masthead a.icon,
	#masthead #myLinks,
	#masthead .login-btn {
		display: none !important;
	}
}

@media (max-width: 991px) {
	#masthead .elementor-element-581e6c7 > .elementor-container {
		width: calc(100% - 24px);
	}

	#masthead .elementor-element-d3915cd,
	#masthead .elementor-element-ac1e149,
	#masthead .red-box {
		display: none !important;
	}

	#masthead .elementor-column.elementor-element-9f3f886 {
		display: contents !important;
	}

	#masthead .elementor-element-9af1505 {
		display: block !important;
		max-width: none;
		width: 100% !important;
	}

	#masthead .elementor-element-669f8f1 > .elementor-widget-container {
		display: flex !important;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		width: 100% !important;
	}

	#masthead a.logo {
		float: none !important;
		width: auto !important;
		order: 1;
		margin-right: auto;
	}

	#masthead a.logo img {
		width: 72px !important;
	}

	#masthead a.icon {
		display: inline-flex !important;
		position: static !important;
		order: 2;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		margin: 0 !important;
		background: #ffffff !important;
		color: #163a86 !important;
		border: 1px solid #d5e0ec;
		border-radius: 10px;
	}

	#masthead div#myLinks {
		position: static !important;
		top: auto !important;
		right: auto !important;
		flex: 1 0 100%;
		order: 10;
		width: 100% !important;
		background: #ffffff !important;
		border: 1px solid #e4ebf5;
		border-radius: 12px !important;
		box-shadow: 0 8px 24px rgba(22, 58, 134, 0.08);
	}

	#masthead #myLinks a {
		color: #123a86 !important;
		font-weight: 700;
		background: transparent !important;
	}

	#masthead .login-btn {
		display: inline-flex !important;
		order: 3;
		flex: 0 0 auto;
		margin: 0 !important;
		padding: 8px 12px 8px 32px !important;
		background-position: 10px center !important;
	}

	#masthead .elementor-element-669f8f1 > .elementor-widget-container > div:has(> span.login-btn) {
		order: 4;
		flex: 1 0 100%;
		display: flex !important;
		justify-content: flex-end;
	}

	#masthead .cae-header-banner,
	#masthead .cae-header-banner .elementor-element-73d7816,
	#masthead .cae-banner-points {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		flex: 0 0 auto !important;
	}

	#masthead .cae-header-banner {
		aspect-ratio: auto;
		height: auto;
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		padding: 16px 18px;
		min-height: 0;
		gap: 10px;
		border-radius: 0;
		background-image:
			linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.62) 58%, rgba(255, 255, 255, 0.18) 100%),
			url("/images/header-banner.jpg");
		background-size: auto, cover;
		background-position: center, right center;
	}

	#masthead .cae-header-banner .elementor-element-a215efb,
	#masthead .cae-header-banner .elementor-element-cc13706,
	#masthead .cae-header-banner .elementor-icon-list-item,
	#masthead .cae-header-banner .elementor-icon-list-text {
		width: auto !important;
		max-width: 100% !important;
		margin-top: 0 !important;
	}

	#masthead .cae-header-banner .elementor-icon-list-item {
		width: fit-content !important;
		padding: 2px 10px 2px 2px;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.82) !important;
	}

	#masthead .cae-header-banner p,
	#masthead .cae-header-banner .desktop-tagline {
		display: block !important;
		font-size: 20px !important;
	}

	#masthead span.login-btn,
	#masthead [id$="Span1"] {
		order: 4;
		flex: 1 0 100%;
		margin: 0 !important;
		padding: 0 !important;
		background-image: none !important;
		text-align: right;
	}
}