/* PAGE BACKGROUND */
	body {
		background: linear-gradient(
			135deg,
			#eaf4ff 0%,
			#fdf6e7 50%,
			#ffffff 100%
		);
		background-attachment: fixed;
	}

	/* MAIN CONTENT WRAPPER */
	.body {
		background: transparent;
	}

	/* SECTION SOFT PANELS */
	.container,
	.container-fluid {
		position: relative;
	}

	/* OPTIONAL: subtle separation for major sections */
	.section-soft {
		background: rgba(255, 255, 255, 0.85);
		border-radius: 16px;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
		padding: 3rem 2rem;
		margin-bottom: 3rem;
	}

	/* HERO AREA ENHANCEMENT */
	.hero-fade {
		background: linear-gradient(
			135deg,
			rgba(13, 110, 253, 0.08),
			rgba(255, 193, 7, 0.08)
		);
		border-radius: 24px;
	}

	/* LIST HOVER FEEL */
	.feature-list li {
		background-color: transparent;
	}

	.feature-list li:hover {
		background-color: rgba(13, 110, 253, 0.08);
	}

    	/* NAV CONTAINER */
	#header .header-nav-main nav > ul > li > a {
		font-weight: 600;
		padding: 10px 18px;
		border-radius: 999px;
		margin: 0 4px;
		color: #1f3c88;
		transition: all 0.3s ease;
		position: relative;
	}

	/* HOVER EFFECT */
	#header .header-nav-main nav > ul > li > a:hover {
		background: linear-gradient(
			135deg,
			rgba(13, 110, 253, 0.15),
			rgba(255, 193, 7, 0.15)
		);
		color: #0d6efd;
		transform: translateY(-2px);
		box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
	}

	/* ACTIVE PAGE */
	#header .header-nav-main nav > ul > li.active > a,
	#header .header-nav-main nav > ul > li > a.active {
		background: linear-gradient(
			135deg,
			#0d6efd,
			#ffc107
		);
		color: #fff !important;
		box-shadow: 0 6px 18px rgba(13, 110, 253, 0.35);
	}

	/* NAV BAR BREATHING ROOM */
	.header-nav-main {
		padding: 8px 0;
	}

	/* MOBILE FRIENDLINESS */
	@media (max-width: 991px) {
		#header .header-nav-main nav > ul > li > a {
			margin: 6px 0;
			display: inline-block;
		}
	}

    .header-body {
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(6px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    }