/*
	Theme Name: Education Institution
	Theme URI: https://www.ovationthemes.com/products/education-institution
	Author: pewilliams
	Author URI: https://www.ovationthemes.com/
	Description: The Education Institution WordPress theme is a clean and well-structured solution designed for schools, colleges, training centers, and online education platforms that require a professional and user-friendly website. This educational theme offers an organized layout that effectively showcases courses, faculty details, admissions information, and announcements in a clear and accessible manner.
	Requires at least: 6.1
	Tested up to: 7.0
	Requires PHP: 5.6
	Version: 2.0.0
	License: GNU General Public License
	License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
	Template: educational-blocks
	Text Domain: education-institution
	Tags: blog, education, portfolio, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, style-variations, template-editing, footer-widgets, custom-header, translation-ready

	Education Institution WordPress Theme, Copyright 2024 pewilliams
	Education Institution is distributed under the terms of the GNU GPL
	*/

	/* ==========================================================================
	1. Base & Global Styles
	========================================================================== */
	:root {
		--kaizen-blue: #164278;
		--kaizen-blue-dark: #0f2e54;
		--kaizen-blue-hover: #1e5296;
		--kaizen-blue-light: #eff6ff;
		--kaizen-blue-border: #bfdbfe;
		--kaizen-text-dark: #0f172a;
		--kaizen-text-muted: #475569;
		--kaizen-border: #e2e8f0;
		--kaizen-bg-light: #f8fafc;
		--kaizen-radius: 8px;
		/* Universal compatibility aliases */
		--kaizen-red: var(--kaizen-blue);
		--kaizen-red-dark: var(--kaizen-blue-dark);
		--kaizen-red-light: var(--kaizen-blue-light);
	}

	body {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
		color: var(--kaizen-text-dark);
		background-color: #ffffff;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	/* Allow text selection inside forms, inputs and editable fields */
	input,
	textarea,
	select,
	[contenteditable="true"],
	.wpforms-field input,
	.wpforms-field textarea {
		-webkit-user-select: text !important;
		-moz-user-select: text !important;
		-ms-user-select: text !important;
		user-select: text !important;
	}

	/* Disable image dragging across the website */
	img {
		-webkit-user-drag: none;
		-khtml-user-drag: none;
		-moz-user-drag: none;
		-o-user-drag: none;
		user-drag: none;
		-webkit-user-select: none;
		user-select: none;
		pointer-events: auto;
	}

	a {
		color: var(--kaizen-blue);
		text-decoration: none;
		transition: color 0.2s ease;
	}

	a:hover {
		color: var(--kaizen-blue-dark);
	}

	a:active,
	button:active,
	.wp-block-button__link:active,
	.wp-element-button:active {
		color: var(--kaizen-blue-dark) !important;
	}

	:focus-visible {
		outline: 2px solid var(--kaizen-blue) !important;
		outline-offset: 2px !important;
	}

	.upper-header a,
	.footer-widgets li a {
		text-decoration: none !important;
	}

	/* ==========================================================================
	2. Header & Navigation (Logo Blue Top Bar + Clean White Sticky Navbar)
	========================================================================== */
	.upper-header {
		background: var(--kaizen-blue) !important;
		color: #ffffff !important;
		padding: 8px 0 !important;
		font-size: 13.5px !important;
		font-weight: 500;
		letter-spacing: 0.2px;
		border-bottom: none !important;
		width: 100% !important;
	}

	.upper-header a {
		color: #ffffff !important;
		text-decoration: none !important;
		transition: opacity 0.2s ease;
	}

	.upper-header a:hover {
		opacity: 0.88;
	}

	.inner-upper-header {
		max-width: 1280px !important;
		margin: 0 auto !important;
		padding: 0 24px !important;
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		box-sizing: border-box !important;
	}

	.top-contact-left,
	.top-contact-right {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
	}

	.top-contact-left svg,
	.top-phone-icon svg,
	.top-contact-right svg,
	.top-email-icon svg {
		width: 15px !important;
		height: 15px !important;
		min-width: 15px !important;
		fill: #ffffff !important;
		color: #ffffff !important;
		display: inline-block !important;
		vertical-align: middle !important;
	}

	.top-phone-icon,
	.top-email-icon {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: #ffffff !important;
	}

	.home-header-class,
	.wp-block-template-part header,
	header.wp-block-template-part,
	header.home-header-class,
	header {
		position: static !important;
		box-shadow: none !important;
		background: transparent !important;
		width: 100% !important;
	}

	/* Ensure the header outer wrapper spans 100% width on all pages */
	header.home-header-class>.wp-block-group,
	header.wp-block-template-part>.wp-block-group,
	.home-header-class>.wp-block-group,
	header>.wp-block-group.alignfull {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Header Row Container (alignwide or inner-menu-header): spans 100% up to 1280px with space-between */
	header.home-header-class .wp-block-group.alignwide,
	header.wp-block-template-part .wp-block-group.alignwide,
	.home-header-class .wp-block-group.alignwide,
	header .wp-block-group.alignwide,
	header .wp-block-group.alignwide.is-layout-flex,
	.menu-header .inner-menu-header,
	.inner-menu-header {
		width: 100% !important;
		max-width: 1280px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: center !important;
		box-sizing: border-box !important;
		flex-wrap: nowrap !important;
	}

	/* Left Brand Block (Logo + Site Title) */
	header.home-header-class .wp-block-group.alignwide>.wp-block-group:first-child,
	header.wp-block-template-part .wp-block-group.alignwide>.wp-block-group:first-child,
	.home-header-class .wp-block-group.alignwide>.wp-block-group:first-child,
	header .wp-block-group.alignwide>.wp-block-group:first-child,
	.logo-block {
		flex: 0 0 auto !important;
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		margin-right: auto !important;
	}

	/* Right Navigation Wrapper: Pushed completely to the RIGHT side on every page */
	header.home-header-class .wp-block-group.alignwide>.wp-block-group:last-child,
	header.wp-block-template-part .wp-block-group.alignwide>.wp-block-group:last-child,
	.home-header-class .wp-block-group.alignwide>.wp-block-group:last-child,
	header .wp-block-group.alignwide>.wp-block-group:last-child,
	.nav-block-right {
		flex: 1 1 auto !important;
		margin-left: auto !important;
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
	}

	/* <nav> navigation element pushed right */
	header nav.wp-block-navigation,
	header.home-header-class nav.wp-block-navigation,
	header.wp-block-template-part nav.wp-block-navigation,
	.home-header-class nav.wp-block-navigation,
	.menu-header nav.wp-block-navigation,
	nav.wp-block-navigation {
		margin-left: auto !important;
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
		width: auto !important;
	}

	/* Mobile & Tablet Header Adaptation (Ensures hamburger icon is ALWAYS visible and brand never overflows) */
	@media (max-width: 999px) {

		header.home-header-class .wp-block-group.alignwide,
		header.wp-block-template-part .wp-block-group.alignwide,
		.home-header-class .wp-block-group.alignwide,
		header .wp-block-group.alignwide,
		header .wp-block-group.alignwide.is-layout-flex,
		.menu-header .inner-menu-header,
		.inner-menu-header {
			padding-left: 14px !important;
			padding-right: 14px !important;
			flex-direction: row !important;
			justify-content: space-between !important;
			align-items: center !important;
			flex-wrap: nowrap !important;
			width: 100% !important;
		}

		.inner-menu-header .wp-block-columns {
			display: flex !important;
			flex-direction: row !important;
			justify-content: space-between !important;
			align-items: center !important;
			flex-wrap: nowrap !important;
			width: 100% !important;
			margin: 0 !important;
		}

		header.home-header-class .wp-block-group.alignwide>.wp-block-group:first-child,
		header.wp-block-template-part .wp-block-group.alignwide>.wp-block-group:first-child,
		.home-header-class .wp-block-group.alignwide>.wp-block-group:first-child,
		header .wp-block-group.alignwide>.wp-block-group:first-child,
		.logo-block,
		.inner-menu-header .logo-block {
			flex: 1 1 auto !important;
			min-width: 0 !important;
			max-width: calc(100% - 52px) !important;
			margin-right: 8px !important;
			gap: 8px !important;
		}

		.wp-block-site-logo img,
		.custom-logo,
		.site-logo img,
		.logo-block img {
			max-height: 38px !important;
			width: auto !important;
			flex-shrink: 0 !important;
		}

		.wp-block-site-title,
		.site-title,
		.logo-block .wp-block-site-title {
			margin: 0 !important;
			line-height: 1.15 !important;
			min-width: 0 !important;
		}

		.wp-block-site-title a,
		.site-title a,
		.logo-block .wp-block-site-title a {
			font-size: clamp(13px, 3.6vw, 16px) !important;
			font-weight: 700 !important;
			color: var(--kaizen-blue) !important;
			white-space: normal !important;
			display: -webkit-box !important;
			-webkit-line-clamp: 2 !important;
			-webkit-box-orient: vertical !important;
			overflow: hidden !important;
			word-break: normal !important;
		}

		header.home-header-class .wp-block-group.alignwide>.wp-block-group:last-child,
		header.wp-block-template-part .wp-block-group.alignwide>.wp-block-group:last-child,
		.home-header-class .wp-block-group.alignwide>.wp-block-group:last-child,
		header .wp-block-group.alignwide>.wp-block-group:last-child,
		.nav-block-right,
		.inner-menu-header .nav-block-right {
			flex: 0 0 auto !important;
			width: auto !important;
			margin-left: auto !important;
			display: flex !important;
			align-items: center !important;
			justify-content: flex-end !important;
			z-index: 100 !important;
		}
	}

	/* Desktop Menu items list (Home to Contact Us) aligned to the right */
	@media (min-width: 1000px) {

		header .wp-block-navigation__container,
		header.home-header-class .wp-block-navigation__container,
		header.wp-block-template-part .wp-block-navigation__container,
		.home-header-class .wp-block-navigation__container,
		.menu-header .wp-block-navigation__container,
		.wp-block-navigation .wp-block-navigation__container {
			display: flex !important;
			justify-content: flex-end !important;
			align-items: center !important;
			margin-left: auto !important;
			gap: 16px !important;
			flex-wrap: nowrap !important;
			list-style: none !important;
			padding: 0 !important;
			margin-top: 0 !important;
			margin-bottom: 0 !important;
		}

		/* Dropdown alignment on Desktop: Left for Gallery, Right for Quick Access to prevent viewport spill */
		.wp-block-navigation .wp-block-navigation__submenu-container {
			left: 0 !important;
			right: auto !important;
		}

		.header-nav-quick-access-item .wp-block-navigation__submenu-container,
		.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item:nth-last-child(-n+2) .wp-block-navigation__submenu-container,
		.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-submenu:last-of-type .wp-block-navigation__submenu-container {
			left: auto !important;
			right: 0 !important;
		}
	}

	.upper-header {
		background: linear-gradient(90deg, #071527 0%, #0d274c 50%, #164278 100%) !important;
		padding: 7px 0 !important;
		color: #ffffff !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
		position: relative !important;
		z-index: 100 !important;
	}

	.inner-upper-header {
		max-width: 1280px !important;
		margin: 0 auto !important;
		padding: 0 24px !important;
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		flex-wrap: wrap !important;
		gap: 12px !important;
	}

	.inner-upper-header a {
		color: #ffffff !important;
		text-decoration: none !important;
		transition: opacity 0.2s ease !important;
	}

	.inner-upper-header a:hover {
		opacity: 0.85 !important;
	}

	/* Sticky Primary Navigation Bar */
	.menu-header {
		position: sticky !important;
		top: 0 !important;
		z-index: 9999 !important;
		background: rgba(255, 255, 255, 0.98) !important;
		backdrop-filter: blur(14px) !important;
		-webkit-backdrop-filter: blur(14px) !important;
		border-bottom: 1px solid rgba(226, 232, 240, 0.85) !important;
		box-shadow: 0 4px 20px -2px rgba(10, 30, 56, 0.07) !important;
		padding: 8px 0 !important;
		transition: top 0.25s ease, background 0.25s ease, box-shadow 0.25s ease !important;
	}

	body.admin-bar .menu-header {
		top: 32px !important;
	}

	@media screen and (max-width: 782px) {
		body.admin-bar .menu-header {
			top: 46px !important;
		}
	}

	.inner-menu-header {
		max-width: 1280px !important;
		margin: 0 auto !important;
		padding: 0 24px !important;
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		box-sizing: border-box !important;
	}

	.inner-menu-header .wp-block-columns {
		width: 100% !important;
		margin: 0 !important;
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
	}

	/* Compact Logo: max-height 50px */
	.wp-block-site-logo,
	.custom-logo-link {
		display: inline-flex !important;
		align-items: center !important;
	}

	.wp-block-site-logo img,
	.custom-logo,
	.site-logo img,
	.logo-block img,
	.logo-box img {
		max-height: 50px !important;
		width: auto !important;
		height: auto !important;
		object-fit: contain !important;
		display: block !important;
	}

	.logo-box {
		padding: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	.logo-block {
		display: flex !important;
		align-items: center !important;
		padding: 0 !important;
	}

	/* Header Site Title / Logo Text (Requirement 1: Permanent Brand Color & Lighter Hover) */
	.wp-block-site-title,
	.wp-block-site-title a,
	.site-title,
	.site-title a,
	.logo-block .wp-block-site-title a,
	.logo-block h1.wp-block-site-title a,
	.logo-block p.wp-block-site-title a {
		color: var(--kaizen-blue) !important;
		text-decoration: none !important;
		font-weight: 700 !important;
		letter-spacing: -0.01em !important;
		transition: color 0.25s ease, opacity 0.25s ease !important;
	}

	.wp-block-site-title a:hover,
	.wp-block-site-title a:focus,
	.wp-block-site-title:hover,
	.site-title a:hover,
	.logo-block .wp-block-site-title a:hover {
		color: var(--kaizen-blue-hover) !important;
		/* Subtle lighter shade of primary color */
		text-decoration: none !important;
		opacity: 0.92 !important;
	}

	.nav-block-right {
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
	}

	.nav-block-right>.wp-block-group {
		display: flex !important;
		align-items: center !important;
		gap: 16px !important;
		justify-content: flex-end !important;
	}

	/* Navigation Top-Level Items Consistency */
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-submenu {
		border: none !important;
		outline: none !important;
		box-shadow: none !important;
		background: transparent !important;
	}

	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item>a,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item>button,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-submenu>button,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-submenu>a,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-submenu>.wp-block-navigation-item__content,
	.wp-block-navigation__responsive-container .wp-block-navigation-item>a,
	.wp-block-navigation__responsive-container .wp-block-navigation-item>button {
		font-family: inherit !important;
		font-weight: 600 !important;
		font-size: 14.5px !important;
		color: #1e293b !important;
		padding: 7px 12px !important;
		border-radius: 6px !important;
		border: none !important;
		outline: none !important;
		box-shadow: none !important;
		background: transparent !important;
		text-decoration: none !important;
		display: inline-flex !important;
		align-items: center !important;
		cursor: pointer !important;
		transition: color 0.2s ease, background 0.2s ease !important;
	}

	/* Remove unwanted borders, outlines, and parent pseudo-elements around menu items */
	.wp-block-navigation .wp-block-navigation-item,
	.wp-block-navigation-item.open-on-hover-click,
	.wp-block-navigation-item.open-on-click,
	.wp-block-navigation-submenu,
	.wp-block-navigation-submenu__toggle {
		outline: none !important;
	}

	.wp-block-navigation ul li a::before,
	.wp-block-navigation ul li a::after,
	.wp-block-navigation ul li button::before,
	.wp-block-navigation ul li button::after,
	.wp-block-navigation .current-menu-item>a::before,
	.wp-block-navigation .current-menu-item>a::after {
		display: none !important;
		content: none !important;
	}

	/* Top-Level Menu Items Active & Hover States */
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item>a:hover,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item>button:hover,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content:hover,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-submenu>button:hover,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-submenu>a:hover,
	.wp-block-navigation-submenu.is-menu-open>button,
	.wp-block-navigation-submenu.is-menu-open>a,
	.wp-block-navigation-submenu.is-menu-open>.wp-block-navigation-item__content,
	.wp-block-navigation-submenu:hover>button,
	.wp-block-navigation-submenu:hover>a,
	.wp-block-navigation-submenu:hover>.wp-block-navigation-item__content,
	.wp-block-navigation-submenu:focus-within>button,
	.wp-block-navigation-submenu:focus-within>a,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item.current-menu-item>a,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item.current-menu-item>button,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item.current-menu-ancestor>a,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item.current-menu-ancestor>button,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item.current-menu-ancestor>.wp-block-navigation-item__content,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item.is-active>a,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item.is-active>button,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item.is-active>.wp-block-navigation-item__content,
	.header-nav-home-item.current-menu-item>a,
	.header-nav-home-item.is-active>a,
	.header-nav-services-item.current-menu-item>a,
	.header-nav-services-item.current-menu-ancestor>a,
	.header-nav-services-item.is-active>a,
	.header-nav-blog-item.current-menu-item>a,
	.header-nav-blog-item.is-active>a,
	.header-nav-gallery-item.current-menu-item>a,
	.header-nav-gallery-item.current-menu-ancestor>a,
	.header-nav-gallery-item.is-active>a,
	.header-nav-quick-access-item.current-menu-item>a,
	.header-nav-quick-access-item.current-menu-ancestor>a,
	.header-nav-quick-access-item.is-active>a,
	.header-nav-contact-item.current-menu-item>a,
	.header-nav-contact-item.is-active>a {
		color: var(--kaizen-blue) !important;
		background: var(--kaizen-blue-light) !important;
		border: none !important;
		outline: none !important;
		box-shadow: none !important;
	}

	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item.current-menu-item>a,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item.current-menu-ancestor>a,
	.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item.is-active>a,
	.header-nav-home-item.current-menu-item>a,
	.header-nav-services-item.current-menu-item>a,
	.header-nav-services-item.current-menu-ancestor>a,
	.header-nav-blog-item.current-menu-item>a,
	.header-nav-gallery-item.current-menu-item>a,
	.header-nav-gallery-item.current-menu-ancestor>a,
	.header-nav-quick-access-item.current-menu-item>a,
	.header-nav-quick-access-item.current-menu-ancestor>a,
	.header-nav-contact-item.current-menu-item>a {
		font-weight: 700 !important;
	}

	/* Header "Contact Us" Navigation Tab Consistency (Reset Inquiry Now Button to Standard Tab Style) */
	.header-cta-btn-wrap,
	.wp-block-button:has(.header-cta-btn) {
		margin: 0 !important;
		padding: 0 !important;
	}

	.header-cta-btn,
	.header-nav-contact-item>a,
	.header-nav-contact-item>.wp-block-navigation-item__content {
		font-family: inherit !important;
		font-weight: 600 !important;
		font-size: 14.5px !important;
		color: #1e293b !important;
		padding: 7px 12px !important;
		border-radius: 6px !important;
		border: none !important;
		outline: none !important;
		box-shadow: none !important;
		background: transparent !important;
		text-decoration: none !important;
		display: inline-flex !important;
		align-items: center !important;
		cursor: pointer !important;
		transition: color 0.2s ease, background 0.2s ease !important;
	}

	.header-cta-btn:hover,
	.header-nav-contact-item>a:hover,
	.header-nav-contact-item>.wp-block-navigation-item__content:hover {
		color: var(--kaizen-blue) !important;
		background: rgba(22, 66, 120, 0.06) !important;
	}

	/* Active Tab Indicator for Contact Us */
	body.page-id-94 .header-nav-contact-item>a,
	body.page-id-94 .header-cta-btn,
	body:has(.contact-section-wrapper) .header-nav-contact-item>a,
	body:has(.contact-section-wrapper) .header-cta-btn,
	.current-menu-item>a.header-cta-btn {
		color: var(--kaizen-blue) !important;
		font-weight: 700 !important;
	}

	/* Smooth Dropdown Arrow / Chevron Rotation */
	.nav-chevron-svg,
	.wp-block-navigation__submenu-icon svg,
	.header-nav-chevron-wrap svg,
	.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	}

	.wp-block-navigation-submenu:hover .nav-chevron-svg,
	.wp-block-navigation-submenu.is-menu-open .nav-chevron-svg,
	.wp-block-navigation-submenu:focus-within .nav-chevron-svg,
	.wp-block-navigation-submenu:hover .wp-block-navigation__submenu-icon svg,
	.wp-block-navigation-submenu.is-menu-open .wp-block-navigation__submenu-icon svg,
	.wp-block-navigation-submenu:focus-within .wp-block-navigation__submenu-icon svg,
	.wp-block-navigation-submenu__toggle[aria-expanded="true"] svg,
	.header-nav-quick-access-item.is-menu-open .nav-chevron-svg,
	.header-nav-quick-access-item:hover .nav-chevron-svg,
	.header-nav-gallery-item.is-menu-open .nav-chevron-svg,
	.header-nav-gallery-item:hover .nav-chevron-svg {
		transform: rotate(180deg) !important;
	}

	/* ==========================================================================
	DROPDOWN SUBMENU CONTAINER (Desktop & Tablet/Mobile Responsive Logic)
	Solid White Card, Crisp Shadow, Border, and High Legibility Formatting
	========================================================================== */

	/* Parent Submenu Item Relative Positioning */
	.wp-block-navigation .wp-block-navigation-submenu,
	.wp-block-navigation-item.has-child,
	.menu-item-has-children {
		position: relative !important;
	}

	/* Desktop Submenus (Floating Card Container) */
	@media (min-width: 1000px) {

		.wp-block-navigation .wp-block-navigation__submenu-container,
		.wp-block-navigation-submenu .wp-block-navigation__submenu-container,
		.wp-block-navigation-item.has-child .wp-block-navigation__submenu-container,
		.wp-block-navigation ul.wp-block-navigation__submenu-container,
		.wp-block-navigation .sub-menu,
		.inner-menu-header .sub-menu,
		ul.sub-menu {
			background: #ffffff !important;
			background-color: #ffffff !important;
			border: 1px solid #e2e8f0 !important;
			border-radius: 12px !important;
			box-shadow: 0 14px 34px -4px rgba(15, 23, 42, 0.16), 0 4px 12px -2px rgba(15, 23, 42, 0.08) !important;
			padding: 8px !important;
			margin: 0 !important;
			min-width: 275px !important;
			width: max-content !important;
			max-width: 350px !important;
			top: calc(100% + 6px) !important;
			left: 0 !important;
			right: auto !important;
			z-index: 1000000 !important;
			position: absolute !important;
			box-sizing: border-box !important;
			list-style: none !important;
			opacity: 0;
			visibility: hidden;
			transform: translateY(6px);
			transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
		}

		/* Align Quick Access rightward to avoid overflowing screen edge */
		.header-nav-quick-access-item .wp-block-navigation__submenu-container,
		.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-item:nth-last-child(-n+2) .wp-block-navigation__submenu-container,
		.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-submenu:last-of-type .wp-block-navigation__submenu-container {
			left: auto !important;
			right: 0 !important;
		}

		/* Hover Bridge: Prevents dropdown from closing when mouse passes over gap */
		.wp-block-navigation .has-child .wp-block-navigation__submenu-container::before,
		.wp-block-navigation-submenu .wp-block-navigation__submenu-container::before {
			content: "" !important;
			position: absolute !important;
			top: -10px !important;
			left: 0 !important;
			right: 0 !important;
			height: 10px !important;
			background: transparent !important;
			display: block !important;
		}

		/* Dropdown Open State on Hover, Focus, or Click - Unified Single-Column Dropdowns */
		.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,
		.wp-block-navigation-submenu:hover>.wp-block-navigation__submenu-container,
		.menu-item-has-children:hover>.sub-menu,
		.wp-block-navigation .has-child:focus-within>.wp-block-navigation__submenu-container,
		.wp-block-navigation-submenu.is-menu-open>.wp-block-navigation__submenu-container,
		.wp-block-navigation .wp-block-navigation-submenu__toggle[aria-expanded="true"]~.wp-block-navigation__submenu-container,
		.wp-block-navigation-item.open-on-click.is-menu-open>.wp-block-navigation__submenu-container,
		.header-nav-services-item:hover>.wp-block-navigation__submenu-container,
		.header-nav-services-item.is-menu-open>.wp-block-navigation__submenu-container,
		.header-nav-services-item:focus-within>.wp-block-navigation__submenu-container,
		.header-nav-quick-access-item:hover>.wp-block-navigation__submenu-container,
		.header-nav-quick-access-item.is-menu-open>.wp-block-navigation__submenu-container,
		.header-nav-quick-access-item:focus-within>.wp-block-navigation__submenu-container,
		.header-nav-gallery-item:hover>.wp-block-navigation__submenu-container,
		.header-nav-gallery-item.is-menu-open>.wp-block-navigation__submenu-container,
		.header-nav-gallery-item:focus-within>.wp-block-navigation__submenu-container {
			opacity: 1 !important;
			visibility: visible !important;
			transform: translateY(0) !important;
			display: flex !important;
			flex-direction: column !important;
		}

		/* Services Dropdown - Unified Single-Column Card with Smooth Scrolling */
		.wp-block-navigation ul.wp-block-navigation__submenu-container.services-dropdown-menu {
			min-width: 320px !important;
			max-width: 380px !important;
			max-height: 420px !important;
			overflow-y: auto !important;
			display: none;
			flex-direction: column !important;
			scrollbar-width: thin;
			scrollbar-color: #cbd5e1 #f8fafc;
		}

		.wp-block-navigation ul.wp-block-navigation__submenu-container.services-dropdown-menu::-webkit-scrollbar {
			width: 6px;
		}

		.wp-block-navigation ul.wp-block-navigation__submenu-container.services-dropdown-menu::-webkit-scrollbar-track {
			background: #f8fafc;
			border-radius: 6px;
		}

		.wp-block-navigation ul.wp-block-navigation__submenu-container.services-dropdown-menu::-webkit-scrollbar-thumb {
			background: #cbd5e1;
			border-radius: 6px;
		}

		.wp-block-navigation ul.wp-block-navigation__submenu-container.services-dropdown-menu::-webkit-scrollbar-thumb:hover {
			background: #94a3b8;
		}

		.services-dropdown-menu .wp-block-navigation-item {
			width: 100% !important;
			margin: 0 !important;
			border: none !important;
		}

		.services-dropdown-menu .wp-block-navigation-item a {
			padding: 9px 12px !important;
			font-size: 13.5px !important;
			white-space: normal !important;
			border-radius: 8px !important;
		}

		/* Gallery Dropdown - Elegant Solid White Card matching user screenshot */
		.wp-block-navigation ul.wp-block-navigation__submenu-container.gallery-dropdown-menu {
			min-width: 250px !important;
			max-width: 320px !important;
			padding: 12px 10px !important;
			border-radius: 14px !important;
			box-shadow: 0 14px 34px -4px rgba(15, 23, 42, 0.16), 0 4px 12px -2px rgba(15, 23, 42, 0.08) !important;
			border: 1px solid #e2e8f0 !important;
			background: #ffffff !important;
			display: none;
			flex-direction: column !important;
		}

		.gallery-dropdown-menu .wp-block-navigation-item {
			width: 100% !important;
			margin: 0 0 3px 0 !important;
			border: none !important;
		}

		.gallery-dropdown-menu .wp-block-navigation-item a,
		.gallery-dropdown-menu .wp-block-navigation-item .wp-block-navigation-item__content {
			padding: 10px 14px !important;
			font-size: 14px !important;
			font-weight: 600 !important;
			line-height: 1.4 !important;
			color: #1e293b !important;
			white-space: normal !important;
			border-radius: 8px !important;
			text-align: left !important;
			border-left: 3.5px solid transparent !important;
			transition: all 0.18s ease !important;
		}

		.gallery-dropdown-menu .wp-block-navigation-item a:hover,
		.gallery-dropdown-menu .wp-block-navigation-item .wp-block-navigation-item__content:hover {
			background: var(--kaizen-blue-light) !important;
			color: var(--kaizen-blue) !important;
			border-left-color: var(--kaizen-blue) !important;
		}

		/* Submenu List Items */
		.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item,
		.wp-block-navigation-submenu .wp-block-navigation__submenu-container .wp-block-navigation-item,
		.wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item,
		.wp-block-navigation .sub-menu li,
		ul.sub-menu li {
			display: block !important;
			width: 100% !important;
			margin: 0 0 3px 0 !important;
			padding: 0 !important;
			background: transparent !important;
			border: none !important;
			box-shadow: none !important;
			box-sizing: border-box !important;
			list-style: none !important;
		}

		.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child,
		.wp-block-navigation-submenu .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child,
		.wp-block-navigation .sub-menu li:last-child {
			margin-bottom: 0 !important;
		}

		/* Dropdown Links & Buttons - High Legibility & Solid Styling */
		.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a,
		.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item button,
		.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content,
		.wp-block-navigation-submenu .wp-block-navigation__submenu-container a,
		.wp-block-navigation-submenu .wp-block-navigation__submenu-container button,
		.wp-block-navigation-submenu .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
		.wp-block-navigation .sub-menu a,
		ul.sub-menu a {
			display: flex !important;
			align-items: center !important;
			justify-content: flex-start !important;
			width: 100% !important;
			padding: 10px 14px !important;
			font-family: inherit !important;
			font-size: 14px !important;
			font-weight: 500 !important;
			line-height: 1.45 !important;
			color: #1e293b !important;
			text-decoration: none !important;
			background: #ffffff !important;
			border: none !important;
			border-left: 3.5px solid transparent !important;
			border-radius: 8px !important;
			box-sizing: border-box !important;
			white-space: normal !important;
			text-align: left !important;
			cursor: pointer !important;
			position: relative !important;
			transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
		}

		/* Submenu Links Hover & Active State */
		.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover,
		.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item button:hover,
		.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content:hover,
		.wp-block-navigation-submenu .wp-block-navigation__submenu-container a:hover,
		.wp-block-navigation-submenu .wp-block-navigation__submenu-container button:hover,
		.wp-block-navigation-submenu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
		.wp-block-navigation .sub-menu a:hover,
		ul.sub-menu a:hover,
		.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item>a,
		.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content {
			background: var(--kaizen-blue-light) !important;
			color: var(--kaizen-blue) !important;
			font-weight: 600 !important;
			border-left: 3.5px solid var(--kaizen-blue) !important;
			padding-left: 17px !important;
			box-shadow: 0 2px 6px rgba(22, 66, 120, 0.08) !important;
		}
	}

	/* ==========================================================================
	MOBILE & TABLET HAMBURGER BUTTON & DRAWER SYSTEM (<= 999px)
	========================================================================== */
	@media (max-width: 999px) {

		/* Prominently Styled, High-Contrast Mobile Hamburger Button */
		.wp-block-navigation__responsive-container-open,
		.wp-block-navigation__responsive-container-open:not(.always-shown),
		button.custom-mobile-nav-toggle {
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			width: 42px !important;
			height: 42px !important;
			min-width: 42px !important;
			min-height: 42px !important;
			background: #164278 !important;
			color: #ffffff !important;
			border: 1px solid rgba(255, 255, 255, 0.25) !important;
			border-radius: 9px !important;
			padding: 0 !important;
			margin: 0 !important;
			cursor: pointer !important;
			box-shadow: 0 3px 10px rgba(22, 66, 120, 0.28) !important;
			transition: all 0.2s ease !important;
			position: relative !important;
			z-index: 100 !important;
		}

		.wp-block-navigation__responsive-container-open:hover,
		.wp-block-navigation__responsive-container-open:active,
		button.custom-mobile-nav-toggle:hover {
			background: #0d274c !important;
			transform: scale(1.05) !important;
			box-shadow: 0 5px 14px rgba(22, 66, 120, 0.4) !important;
		}

		.wp-block-navigation__responsive-container-open svg,
		button.custom-mobile-nav-toggle svg {
			width: 22px !important;
			height: 22px !important;
			fill: #ffffff !important;
			stroke: #ffffff !important;
			display: block !important;
			margin: auto !important;
		}

		/* Fallback Hamburger Icon lines if SVG is empty */
		.wp-block-navigation__responsive-container-open:empty::before,
		button.custom-mobile-nav-toggle:empty::before {
			content: "" !important;
			display: block !important;
			width: 20px !important;
			height: 2px !important;
			background: #ffffff !important;
			box-shadow: 0 -6px 0 0 #ffffff, 0 6px 0 0 #ffffff !important;
			border-radius: 2px !important;
		}

		/* Hide mobile drawer by default when closed */
		.wp-block-navigation__responsive-container:not(.is-menu-open) {
			display: none !important;
		}

		/* Mobile Drawer Open State (Full Clean Overlay with Slide/Fade) */
		.wp-block-navigation__responsive-container.is-menu-open {
			position: fixed !important;
			top: 0 !important;
			left: 0 !important;
			right: 0 !important;
			bottom: 0 !important;
			width: 100vw !important;
			height: 100vh !important;
			background: #ffffff !important;
			background-color: #ffffff !important;
			z-index: 99999999 !important;
			display: flex !important;
			flex-direction: column !important;
			padding: 24px 20px !important;
			overflow-y: auto !important;
			box-sizing: border-box !important;
			animation: mobileDrawerFadeIn 0.25s ease-out !important;
		}

		@keyframes mobileDrawerFadeIn {
			from {
				opacity: 0;
				transform: translateY(-10px);
			}

			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		/* Close Button in Mobile Drawer */
		.wp-block-navigation__responsive-container-close {
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			width: 38px !important;
			height: 38px !important;
			position: absolute !important;
			top: 18px !important;
			right: 18px !important;
			background: #f1f5f9 !important;
			border: 1px solid #cbd5e1 !important;
			border-radius: 8px !important;
			color: #0f172a !important;
			cursor: pointer !important;
			z-index: 100000000 !important;
			transition: all 0.2s ease !important;
		}

		.wp-block-navigation__responsive-container-close:hover {
			background: #e2e8f0 !important;
			transform: rotate(90deg) !important;
		}

		.wp-block-navigation__responsive-container-close svg {
			width: 20px !important;
			height: 20px !important;
			fill: #0f172a !important;
		}

		/* Drawer Menu List */
		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
			padding: 50px 0 20px 0 !important;
			width: 100% !important;
			display: block !important;
		}

		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
			display: flex !important;
			flex-direction: column !important;
			width: 100% !important;
			gap: 4px !important;
			list-style: none !important;
			padding: 0 !important;
			margin: 0 !important;
		}

		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
			width: 100% !important;
			border-bottom: 1px solid #f1f5f9 !important;
		}

		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item>a,
		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item>button,
		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item>.wp-block-navigation-item__content {
			display: flex !important;
			align-items: center !important;
			justify-content: space-between !important;
			width: 100% !important;
			padding: 13px 14px !important;
			font-size: 15.5px !important;
			font-weight: 600 !important;
			color: #0f172a !important;
			text-decoration: none !important;
			border-radius: 8px !important;
			box-sizing: border-box !important;
		}

		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item>a:hover,
		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item>button:hover,
		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item>a,
		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-ancestor>a,
		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.is-active>a,
		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content,
		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-ancestor>.wp-block-navigation-item__content,
		.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.is-active>.wp-block-navigation-item__content {
			background: #eff6ff !important;
			color: #164278 !important;
			font-weight: 700 !important;
			border-left: 4px solid #164278 !important;
		}

		/* ==========================================================================
		SUBMENU ACCORDION IN MOBILE DRAWER (NO OVERLAPPING ANY ELEMENT)
		========================================================================== */
		.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container,
		.wp-block-navigation__submenu-container,
		ul.sub-menu {
			position: static !important;
			float: none !important;
			width: 100% !important;
			min-width: 100% !important;
			max-width: 100% !important;
			box-shadow: none !important;
			border: 1px solid #e2e8f0 !important;
			background: #f8fafc !important;
			background-color: #f8fafc !important;
			border-radius: 8px !important;
			margin: 4px 0 10px 0 !important;
			padding: 6px !important;
			transform: none !important;
			transition: none !important;
			top: auto !important;
			left: auto !important;
			right: auto !important;
			box-sizing: border-box !important;
		}

		/* Submenu Closed in Mobile Drawer */
		.wp-block-navigation-submenu:not(.is-menu-open)>.wp-block-navigation__submenu-container,
		.has-child:not(.is-menu-open)>.wp-block-navigation__submenu-container,
		.header-nav-gallery-item:not(.is-menu-open)>.wp-block-navigation__submenu-container,
		.header-nav-services-item:not(.is-menu-open)>.wp-block-navigation__submenu-container,
		.header-nav-quick-access-item:not(.is-menu-open)>.wp-block-navigation__submenu-container,
		.wp-block-navigation__responsive-container .wp-block-navigation-submenu:not(.is-menu-open)>.wp-block-navigation__submenu-container,
		.wp-block-navigation__responsive-container .has-child:not(.is-menu-open)>.wp-block-navigation__submenu-container {
			display: none !important;
			visibility: hidden !important;
			opacity: 0 !important;
			height: 0 !important;
			max-height: 0 !important;
			overflow: hidden !important;
			padding: 0 !important;
			margin: 0 !important;
			border: none !important;
		}

		/* Submenu Open in Mobile Drawer */
		.wp-block-navigation-submenu.is-menu-open>.wp-block-navigation__submenu-container,
		.has-child.is-menu-open>.wp-block-navigation__submenu-container,
		.header-nav-gallery-item.is-menu-open>.wp-block-navigation__submenu-container,
		.header-nav-services-item.is-menu-open>.wp-block-navigation__submenu-container,
		.header-nav-quick-access-item.is-menu-open>.wp-block-navigation__submenu-container,
		.wp-block-navigation__responsive-container .wp-block-navigation-submenu.is-menu-open>.wp-block-navigation__submenu-container,
		.wp-block-navigation__responsive-container .has-child.is-menu-open>.wp-block-navigation__submenu-container {
			display: flex !important;
			flex-direction: column !important;
			visibility: visible !important;
			opacity: 1 !important;
			height: auto !important;
			max-height: 380px !important;
			overflow-y: auto !important;
			-webkit-overflow-scrolling: touch !important;
		}

		/* Specific styling for services dropdown in mobile drawer to scroll smoothly */
		ul.services-dropdown-menu.wp-block-navigation__submenu-container {
			max-height: 340px !important;
			overflow-y: auto !important;
			-webkit-overflow-scrolling: touch !important;
			scrollbar-width: thin;
			scrollbar-color: #cbd5e1 transparent;
		}

		ul.services-dropdown-menu.wp-block-navigation__submenu-container::-webkit-scrollbar {
			width: 5px;
		}

		ul.services-dropdown-menu.wp-block-navigation__submenu-container::-webkit-scrollbar-thumb {
			background: #cbd5e1;
			border-radius: 4px;
		}

		/* Service Menu Number Badge */
		.service-menu-num {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			font-size: 11px;
			font-weight: 700;
			color: #164278;
			background: #e0f2fe;
			border-radius: 4px;
			padding: 2px 6px;
			margin-right: 8px;
			flex-shrink: 0;
			line-height: 1.2;
		}

		.wp-block-navigation-item a:hover .service-menu-num,
		.wp-block-navigation-item a:focus .service-menu-num,
		.wp-block-navigation-item a:active .service-menu-num {
			background: #164278;
			color: #ffffff;
		}

		/* Mobile Submenu Item Layout */
		.wp-block-navigation__submenu-container .wp-block-navigation-item {
			border-bottom: 1px solid #eef2f6 !important;
			width: 100% !important;
			margin: 0 !important;
			padding: 0 !important;
		}

		.wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
			border-bottom: none !important;
		}

		.wp-block-navigation__submenu-container .wp-block-navigation-item a,
		.wp-block-navigation__submenu-container .wp-block-navigation-item button,
		.wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content {
			padding: 12px 14px !important;
			min-height: 44px !important;
			font-size: 14px !important;
			font-weight: 500 !important;
			color: #334155 !important;
			background: transparent !important;
			display: flex !important;
			align-items: center !important;
			box-sizing: border-box !important;
			width: 100% !important;
			text-align: left !important;
			border-radius: 6px !important;
			text-decoration: none !important;
			transition: background-color 0.18s ease, color 0.18s ease !important;
		}

		.wp-block-navigation__submenu-container .wp-block-navigation-item a:hover,
		.wp-block-navigation__submenu-container .wp-block-navigation-item a:active,
		.wp-block-navigation__submenu-container .wp-block-navigation-item a:focus,
		.wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item a,
		.wp-block-navigation__submenu-container .wp-block-navigation-item.is-active a,
		.wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
		.wp-block-navigation__submenu-container .wp-block-navigation-item.is-active .wp-block-navigation-item__content {
			color: #164278 !important;
			background: #ffffff !important;
			font-weight: 700 !important;
			border-left: 3.5px solid #164278 !important;
			padding-left: 14px !important;
		}

		/* Chevron Rotation on Mobile - Controlled strictly by is-menu-open */
		.wp-block-navigation-submenu:not(.is-menu-open) .nav-chevron-svg,
		.has-child:not(.is-menu-open) .nav-chevron-svg,
		.header-nav-gallery-item:not(.is-menu-open) .nav-chevron-svg,
		.header-nav-services-item:not(.is-menu-open) .nav-chevron-svg,
		.header-nav-quick-access-item:not(.is-menu-open) .nav-chevron-svg {
			transform: rotate(0deg) !important;
		}

		.wp-block-navigation-submenu.is-menu-open .nav-chevron-svg,
		.has-child.is-menu-open .nav-chevron-svg,
		.header-nav-gallery-item.is-menu-open .nav-chevron-svg,
		.header-nav-services-item.is-menu-open .nav-chevron-svg,
		.header-nav-quick-access-item.is-menu-open .nav-chevron-svg {
			transform: rotate(180deg) !important;
		}

		/* Highlight parent menu item in drawer when submenu is open */
		.wp-block-navigation-submenu.is-menu-open>a,
		.wp-block-navigation-submenu.is-menu-open>button,
		.wp-block-navigation-submenu.is-menu-open>.wp-block-navigation-item__content {
			background: #eff6ff !important;
			color: #164278 !important;
			border-radius: 8px !important;
		}
	}



	/* ==========================================================================
	3. Floating Right-Side Tab ("Inquiry Now")
	========================================================================== */
	.floating-inquiry-tab {
		position: fixed;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 99999;
		background: var(--kaizen-blue);
		color: #ffffff !important;
		padding: 16px 7px;
		border-radius: 6px 0 0 6px;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		font-weight: 700;
		font-size: 13.5px;
		letter-spacing: 1px;
		box-shadow: -3px 4px 15px rgba(22, 66, 120, 0.35);
		text-decoration: none !important;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: all 0.25s ease;
	}

	.floating-inquiry-tab:hover {
		background: var(--kaizen-blue-dark);
		box-shadow: -4px 6px 20px rgba(22, 66, 120, 0.5);
		transform: translateY(-50%) translateX(-4px);
	}

	/* ==========================================================================
	4. Banner Hero & Swiper Slider (Uniform Height, Proper Alignment, Scrollable Arrows)
	========================================================================== */
	.bannerimage {
		position: relative;
		overflow: hidden;
	}

	.banner-image-cover {
		position: relative;
		min-height: 600px !important;
		height: 600px !important;
		max-height: 600px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		overflow: hidden !important;
	}

	.banner-image-cover img.wp-block-cover__image-background {
		object-fit: cover !important;
		object-position: center right !important;
		width: 100% !important;
		height: 100% !important;
	}

	/* Directional dark gradient overlay: high contrast on left for text, translucent on right for banner graphics */
	.banner-image-cover .wp-block-cover__background {
		background: linear-gradient(90deg, rgba(15, 23, 42, 0.94) 0%, rgba(15, 23, 42, 0.85) 45%, rgba(15, 23, 42, 0.40) 80%, rgba(15, 23, 42, 0.18) 100%) !important;
		z-index: 2 !important;
	}

	/* Vertically and horizontally aligned text container with safe margin from navigation arrows */
	.banner-image-cover .wp-block-cover__inner-container {
		width: 100% !important;
		max-width: 1280px !important;
		margin: 0 auto !important;
		padding: 40px 30px 40px 75px !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: flex-start !important;
		z-index: 10 !important;
	}

	.banner-image-cover .wp-block-columns {
		width: 100% !important;
		margin: 0 !important;
	}

	.banner-content {
		text-align: left !important;
		max-width: 780px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.banner-content>.wp-block-group {
		text-align: left !important;
		align-items: flex-start !important;
	}

	.banner-badge {
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		background: #f59e0b !important;
		color: #0f172a !important;
		font-size: 13px !important;
		font-weight: 800 !important;
		padding: 6px 18px !important;
		border-radius: 9999px !important;
		margin-bottom: 14px !important;
		text-transform: uppercase !important;
		letter-spacing: 0.8px !important;
		box-shadow: 0 2px 10px rgba(245, 158, 11, 0.35) !important;
	}

	.banner-badge .badge-icon {
		font-size: 14px;
	}

	/* Title, Subtitle, Description sharing exact left alignment */
	.banner-content h1,
	.banner-content h1.wp-block-heading {
		font-family: 'Outfit', sans-serif !important;
		font-size: clamp(2rem, 3.2vw, 2.7rem) !important;
		font-weight: 800 !important;
		letter-spacing: -0.02em;
		line-height: 1.2 !important;
		color: #ffffff !important;
		text-align: left !important;
		margin: 0 0 10px 0 !important;
		text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
	}

	.banner-content h3,
	.banner-content h3.wp-block-heading {
		font-family: 'Outfit', sans-serif !important;
		font-size: clamp(1.1rem, 1.5vw, 1.3rem) !important;
		font-weight: 600 !important;
		line-height: 1.4 !important;
		color: #fde047 !important;
		text-align: left !important;
		margin: 0 0 14px 0 !important;
		text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4) !important;
	}

	.banner-content p.banner-desc,
	.banner-content p {
		font-size: clamp(0.92rem, 1.15vw, 1.05rem) !important;
		font-weight: 400 !important;
		line-height: 1.6 !important;
		color: #e2e8f0 !important;
		text-align: left !important;
		margin: 0 0 22px 0 !important;
		max-width: 680px !important;
		text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
	}

	.banner-content .wp-block-buttons {
		justify-content: flex-start !important;
		margin-top: 10px !important;
		gap: 14px !important;
	}

	.banner-content .wp-block-buttons .wp-block-button__link {
		font-weight: 700 !important;
		letter-spacing: 0.3px !important;
		transition: all 0.25s ease !important;
	}

	.banner-content .wp-block-buttons .wp-block-button__link:hover {
		transform: translateY(-2px) !important;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
	}

	/* Swiper Navigation Arrows (< and > buttons matching live reference) */
	.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev,
	.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next {
		width: 44px !important;
		height: 44px !important;
		background: #ffffff !important;
		color: #0f172a !important;
		border-radius: 6px !important;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
		top: 50% !important;
		margin: -22px 0 0 0 !important;
		z-index: 35 !important;
		cursor: pointer !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		opacity: 0.95 !important;
		transition: all 0.25s ease !important;
	}

	.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev {
		left: 20px !important;
	}

	.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next {
		right: 20px !important;
	}

	.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev:hover,
	.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next:hover {
		background: #164278 !important;
		color: #ffffff !important;
		transform: scale(1.08) !important;
		opacity: 1 !important;
		box-shadow: 0 6px 20px rgba(22, 66, 120, 0.45) !important;
	}

	.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev::after,
	.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next::after {
		font-size: 16px !important;
		font-weight: 900 !important;
	}

	/* Pagination bullets */
	.educational-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		bottom: 22px !important;
		z-index: 25 !important;
	}

	.educational-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets span {
		background: rgba(255, 255, 255, 0.6) !important;
		opacity: 1 !important;
		width: 10px !important;
		height: 10px !important;
		border-radius: 5px !important;
		transition: all 0.3s ease !important;
	}

	.educational-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet-active {
		background: #f59e0b !important;
		width: 30px !important;
		border-radius: 5px !important;
	}

	/* ==========================================================================
	5. Floating Stats Bar (Unified 1280px Container System)
	========================================================================== */
	.hero-stats-card-container {
		max-width: 1280px;
		margin: -35px auto 40px auto;
		position: relative;
		z-index: 30;
		padding: 0 24px;
		box-sizing: border-box;
	}

	.hero-stats-card {
		background: #ffffff;
		border-radius: 12px;
		box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.08);
		border: 1px solid var(--kaizen-border);
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		padding: 22px 10px;
		text-align: center;
		align-items: center;
	}

	.hero-stat-item {
		padding: 5px 8px;
		border-right: 1px solid #f1f5f9;
	}

	.hero-stat-item:last-child {
		border-right: none;
	}

	.hero-stat-number {
		font-size: 20px;
		font-weight: 800;
		color: var(--kaizen-text-dark);
		margin-bottom: 6px;
		letter-spacing: -0.01em;
	}

	.hero-stat-label {
		font-size: 11.5px;
		font-weight: 500;
		color: #64748b;
		position: relative;
		display: inline-block;
		padding-bottom: 6px;
		white-space: nowrap;
	}

	.hero-stat-label::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 26px;
		height: 2px;
		background: var(--kaizen-blue);
		border-radius: 2px;
	}

	/* Placements / University Partners Section */
	.placements-partners-section {
		max-width: 1280px;
		margin: 0 auto 40px auto;
		padding: 20px 24px 35px 24px;
		text-align: center;
		box-sizing: border-box;
	}

	.placements-partners-logos {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 32px;
		margin-bottom: 25px;
		padding: 10px 0;
	}

	.partner-logo-item {
		font-size: 15px;
		font-weight: 700;
		color: #64748b;
		display: flex;
		align-items: center;
		gap: 6px;
		filter: grayscale(30%);
		transition: filter 0.2s ease, transform 0.2s ease;
	}

	.partner-logo-item:hover {
		filter: grayscale(0%);
		transform: scale(1.04);
	}

	.partner-logo-icon {
		display: inline-block;
		width: 24px;
		height: 24px;
		border-radius: 4px;
		background: #f1f5f9;
		color: var(--kaizen-blue);
		line-height: 24px;
		text-align: center;
		font-size: 13px;
	}

	.placements-heading {
		font-size: 26px !important;
		font-weight: 800 !important;
		color: var(--kaizen-text-dark) !important;
		margin-bottom: 10px !important;
	}

	.placements-subtext {
		font-size: 14px !important;
		color: #64748b !important;
		max-width: 840px;
		margin: 0 auto !important;
		line-height: 1.6 !important;
	}

	/* ==========================================================================
	6. About Us Section & Feature Cards (Requirement 6: Centered & Balanced Alignment)
	========================================================================== */
	.featured-courses,
	.wp-block-group.featured-courses,
	.about-us,
	.wp-block-group.about-us {
		padding: 60px 0 !important;
		margin: 0 auto !important;
		background: #f8fafc !important;
		position: relative;
		border-top: 1px solid var(--kaizen-border);
		border-bottom: 1px solid var(--kaizen-border);
		box-sizing: border-box !important;
	}

	.about-us-upper {
		background: transparent !important;
		padding: 0 !important;
		min-height: auto !important;
	}

	/* Unified 1280px Container System with 24px horizontal padding */
	.featured-courses>.wp-block-heading,
	.featured-courses>.section-heading,
	.featured-courses>.featured-text,
	.featured-courses>.wp-block-group,
	.about-us-container {
		max-width: 1280px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
		box-sizing: border-box !important;
	}

	/* About Us Balanced 2-Column Grid (Centered and Symmetrical) */
	.about-us .about-us-content {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 48px !important;
		align-items: center !important;
		max-width: 1280px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.about-us .about-content {
		width: 100% !important;
		text-align: left !important;
	}

	/* Decoupled About Us description alignment from centered sections */
	.about-us .about-text {
		max-width: 100% !important;
		width: 100% !important;
		margin: 18px 0 24px 0 !important;
		font-size: 15.5px !important;
		line-height: 1.75 !important;
		color: var(--kaizen-text-muted) !important;
		text-align: left !important;
		font-weight: 400 !important;
	}

	.about-us .about-highlights {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 16px !important;
		margin-top: 20px !important;
	}

	.about-us .about-img-box {
		width: 100% !important;
	}

	.about-us .about-img-box .wp-block-columns {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 16px !important;
		align-items: center !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.about-us .about-img-box img {
		border-radius: 12px !important;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;
		border: 1px solid var(--kaizen-border) !important;
		width: 100% !important;
		height: auto !important;
		object-fit: cover !important;
		display: block !important;
		margin-bottom: 16px !important;
		transition: transform 0.25s ease, box-shadow 0.25s ease !important;
	}

	.about-us .about-img-box img:hover {
		transform: translateY(-3px);
		box-shadow: 0 10px 24px rgba(22, 66, 120, 0.12) !important;
	}

	/* Section Heading Alignment & Typography for About Us / Featured Courses Section */
	.featured-courses,
	.wp-block-group.featured-courses {
		max-width: 100% !important;
		width: 100% !important;
		padding: 55px 0 !important;
		margin: 0 auto !important;
		background: #ffffff !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}

	.featured-courses>.wp-block-group,
	.featured-courses .wp-block-group.is-layout-constrained,
	.featured-courses .wp-block-group {
		max-width: 1240px !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}

	.featured-courses .section-heading,
	.featured-courses h2.wp-block-heading {
		font-size: clamp(28px, 3.2vw, 36px) !important;
		font-weight: 800 !important;
		color: var(--kaizen-text-dark) !important;
		text-align: center !important;
		margin: 0 auto 12px auto !important;
		letter-spacing: -0.01em;
		position: relative !important;
		display: block !important;
		width: fit-content !important;
	}

	/* Subtle elegant blue underline below heading */
	.featured-courses .section-heading::after,
	.featured-courses h2.wp-block-heading::after {
		content: "" !important;
		display: block !important;
		width: 44px !important;
		height: 3px !important;
		background: var(--kaizen-blue) !important;
		margin: 8px auto 0 auto !important;
		border-radius: 2px !important;
	}

	/* Section Subtitle / Paragraph */
	.featured-courses .featured-text,
	.featured-courses p.featured-text {
		max-width: 860px !important;
		width: 100% !important;
		margin: 0 auto 38px auto !important;
		font-size: 14.5px !important;
		line-height: 1.68 !important;
		color: var(--kaizen-text-muted) !important;
		text-align: center !important;
		font-weight: 400 !important;
	}

	/* 3. Remove Top Images & Backgrounds Completely from About Us 3 Cards (Requirement: No Images) */
	.featured-courses .wp-block-cover__image-background,
	.featured-courses img.wp-block-cover__image-background,
	.featured-box-inner .wp-block-cover__image-background,
	.featured-box-inner img.wp-block-cover__image-background,
	.featured-box-inner .featured-img-box,
	.featured-box-inner figure,
	.featured-box-inner .wp-block-image,
	.featured-box-inner img,
	.about-us .wp-block-cover__image-background,
	.about-us-upper .wp-block-cover__image-background {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		pointer-events: none !important;
	}

	.featured-courses .wp-block-cover__background,
	.featured-box-inner .wp-block-cover__background,
	.about-us .wp-block-cover__background {
		display: none !important;
		background: transparent !important;
	}

	/* Suppress accidental $30 demo price tag in Box 3 */
	.featured-box .has-regular-font-size,
	.featured-box-inner p.has-regular-font-size,
	.featured-box-inner p:empty {
		display: none !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* 4. Perfectly Centered 3-Column Grid (2026 Modern Layout) */
	.featured-courses>.wp-block-group>.wp-block-columns,
	.featured-courses>.about-us-container>.wp-block-group>.wp-block-columns,
	.featured-courses>.wp-block-columns,
	.kaizen-about-cards-row {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 28px !important;
		max-width: 1200px !important;
		width: 100% !important;
		margin: 0 auto !important;
		padding: 0 !important;
		justify-content: center !important;
		align-items: stretch !important;
		box-sizing: border-box !important;
	}

	.featured-courses .featured-box,
	.featured-courses .wp-block-column.featured-box {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 0 !important;
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	/* ==========================================================================
	2026 Premium Redesigned "About Us" Section & 3 Distinct Cards
	========================================================================== */

	/* Section Header Badge & Accent Line */
	.about-section-header {
		text-align: center;
		max-width: 960px;
		margin: 0 auto 36px auto;
		position: relative;
		box-sizing: border-box;
	}

	.about-section-badge {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: #eff6ff;
		border: 1px solid #bfdbfe;
		color: #164278;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 1.2px;
		text-transform: uppercase;
		padding: 6px 16px;
		border-radius: 9999px;
		margin-bottom: 14px;
		box-shadow: 0 2px 6px rgba(22, 66, 120, 0.06);
	}

	.about-section-badge .badge-dot {
		width: 8px;
		height: 8px;
		background: #2563eb;
		border-radius: 50%;
		display: inline-block;
		box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
		animation: pulseDotBadge 2.4s ease-in-out infinite;
	}

	@keyframes pulseDotBadge {

		0%,
		100% {
			transform: scale(1);
			opacity: 1;
		}

		50% {
			transform: scale(1.35);
			opacity: 0.7;
		}
	}

	.about-section-header .section-heading {
		font-size: clamp(28px, 3.5vw, 42px) !important;
		font-weight: 800 !important;
		color: #0f2e54 !important;
		margin: 0 0 10px 0 !important;
		letter-spacing: -0.02em !important;
	}

	.about-section-header .heading-accent-line {
		width: 56px;
		height: 4px;
		margin: 0 auto 16px auto;
		background: linear-gradient(90deg, #164278 0%, #2563eb 50%, #38bdf8 100%);
		border-radius: 9999px;
	}

	.about-section-header .featured-text {
		font-size: clamp(13.5px, 1.15vw, 15px) !important;
		line-height: 1.68 !important;
		color: #475569 !important;
		max-width: 880px !important;
		margin: 0 auto !important;
	}

	/* 2026 3-Column Balanced Card Row */
	.featured-courses>.wp-block-group>.wp-block-columns,
	.featured-courses>.about-us-container>.wp-block-group>.wp-block-columns,
	.featured-courses>.wp-block-columns,
	.kaizen-about-cards-row {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 26px !important;
		align-items: stretch !important;
		width: 100% !important;
		max-width: 1240px !important;
		margin: 0 auto !important;
		box-sizing: border-box !important;
	}

	/* Remove old background images completely from all cards */
	.featured-courses .featured-box-inner,
	.featured-box-inner.card-1,
	.featured-box-inner.card-2,
	.featured-box-inner.card-3 {
		background-image: none !important;
	}

	/* Full Width Container Reset for Inner Columns inside Cards */
	.featured-box-inner .wp-block-columns,
	.featured-box-inner [class*="wp-container-core-columns"] {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
		gap: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		justify-content: space-between !important;
	}

	.featured-box-inner .wp-block-columns>.wp-block-column,
	.featured-box-inner .wp-block-column {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
	}

	.featured-box-inner p {
		width: 100% !important;
		max-width: 100% !important;
		word-break: normal !important;
		white-space: normal !important;
	}

	/* Buttons and Read More Styling Compatibility */
	.featured-courses .wp-block-buttons,
	.featured-box-inner .wp-block-buttons {
		display: flex !important;
		justify-content: center !important;
		width: 100% !important;
		margin-top: auto !important;
		padding: 10px 0 0 0 !important;
	}

	.featured-courses .wp-block-button,
	.featured-box-inner .wp-block-button {
		width: auto !important;
		display: inline-block !important;
		margin: 0 auto !important;
	}

	.featured-courses .wp-block-button__link,
	.featured-box-inner .wp-block-button__link {
		white-space: nowrap !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 10px 28px !important;
		width: auto !important;
		writing-mode: horizontal-tb !important;
		background: linear-gradient(135deg, #164278 0%, #1e5296 100%) !important;
		color: #ffffff !important;
		border-radius: 9999px !important;
		font-weight: 700 !important;
		text-decoration: none !important;
	}

	/* Premium Card Shell */
	.featured-box-inner,
	.featured-box-inner.wp-block-cover {
		position: relative !important;
		height: 100% !important;
		min-height: 520px !important;
		background: linear-gradient(180deg, #ffffff 0%, #fcfdfd 60%, #f8fafc 100%) !important;
		border: 1px solid rgba(226, 232, 240, 0.95) !important;
		border-radius: 22px !important;
		box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05), 0 2px 6px -1px rgba(15, 23, 42, 0.03) !important;
		padding: 26px 22px 24px 22px !important;
		margin: 0 !important;
		overflow: hidden !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		box-sizing: border-box !important;
		transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease !important;
		background-repeat: no-repeat !important;
	}

	/* Base Top Gradient Accent Bar */
	.featured-box-inner::before {
		content: "" !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		height: 4px !important;
		border-radius: 22px 22px 0 0 !important;
		transition: height 0.3s ease, box-shadow 0.3s ease !important;
		z-index: 5 !important;
	}

	/* Card-Specific Top Gradient Bars */
	.featured-box-inner.card-1::before,
	.featured-box-inner.card-company::before {
		background: linear-gradient(90deg, #164278 0%, #2563eb 55%, #38bdf8 100%) !important;
	}

	.featured-box-inner.card-2::before,
	.featured-box-inner.card-director::before {
		background: linear-gradient(90deg, #1e3a8a 0%, #d97706 55%, #f59e0b 100%) !important;
	}

	.featured-box-inner.card-3::before,
	.featured-box-inner.card-whywe::before {
		background: linear-gradient(90deg, #065f46 0%, #10b981 55%, #0ea5e9 100%) !important;
	}

	/* Subtle Shimmer Light Sweep on Hover */
	.featured-box-inner::after {
		content: "" !important;
		position: absolute !important;
		top: 0 !important;
		left: -130% !important;
		width: 60% !important;
		height: 100% !important;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.75), rgba(37, 99, 235, 0.06), transparent) !important;
		transform: skewX(-25deg) !important;
		pointer-events: none !important;
		transition: left 0.9s cubic-bezier(0.16, 1, 0.3, 1) !important;
		z-index: 10 !important;
	}

	.featured-box-inner:hover::after {
		left: 170% !important;
	}

	.featured-box-inner:hover {
		transform: translateY(-8px) !important;
		box-shadow: 0 22px 42px -6px rgba(22, 66, 120, 0.16), 0 0 0 1px rgba(37, 99, 235, 0.22) !important;
		border-color: rgba(191, 219, 254, 0.85) !important;
	}

	.featured-box-inner:hover::before {
		height: 6px !important;
		box-shadow: 0 2px 14px rgba(37, 99, 235, 0.45) !important;
	}

	/* Card Header Area */
	.card-header-area {
		margin-bottom: 12px;
		width: 100%;
	}

	/* Card Kickers / Pill Badges */
	.card-kicker {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0.8px;
		text-transform: uppercase;
		padding: 5px 12px;
		border-radius: 9999px;
		margin-bottom: 10px;
		width: fit-content;
	}

	.kicker-company {
		background: #eff6ff;
		color: #164278;
		border: 1px solid #bfdbfe;
	}

	.kicker-director {
		background: #fffbeb;
		color: #b45309;
		border: 1px solid #fde68a;
	}

	.kicker-whywe {
		background: #ecfdf5;
		color: #047857;
		border: 1px solid #a7f3d0;
	}

	/* Card Title Typography */
	.card-main-title {
		margin: 0 0 8px 0 !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 2px !important;
		text-align: left !important;
	}

	.card-main-title .title-primary {
		font-size: clamp(19px, 1.4vw, 22px) !important;
		font-weight: 800 !important;
		color: #0f2e54 !important;
		line-height: 1.25 !important;
		letter-spacing: -0.015em !important;
	}

	.card-main-title .title-secondary {
		font-size: clamp(13.5px, 1.05vw, 15px) !important;
		font-weight: 600 !important;
		color: #2563eb !important;
		line-height: 1.3 !important;
	}

	.card-director .title-secondary {
		color: #d97706 !important;
	}

	.card-whywe .title-secondary {
		color: #059669 !important;
	}

	/* Card Description Paragraph */
	.card-desc,
	.featured-box-inner p.card-desc {
		color: #475569 !important;
		font-size: 13.5px !important;
		line-height: 1.62 !important;
		margin: 0 0 14px 0 !important;
		text-align: left !important;
		font-weight: 400 !important;
		max-width: 100% !important;
		flex-grow: 0 !important;
	}

	/* Feature Metric Tags Row */
	.card-tags-row {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		margin-bottom: 14px;
		width: 100%;
	}

	.card-tag {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		background: #f1f5f9;
		border: 1px solid #e2e8f0;
		border-radius: 9999px;
		padding: 3px 10px;
		font-size: 11.5px;
		font-weight: 600;
		color: #334155;
		transition: background-color 0.2s ease, border-color 0.2s ease;
	}

	.featured-box-inner:hover .card-tag {
		background: #ffffff;
		border-color: #cbd5e1;
	}

	/* 2026 Interactive Visual Canvas / Stage */
	.card-visual-stage {
		width: 100%;
		height: 155px;
		margin: auto 0 16px 0;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: visible;
	}

	.visual-svg {
		width: 100%;
		height: 100%;
		max-height: 155px;
		overflow: visible;
	}

	/* Micro-Animations: Card 1 Campus Gateway */
	.orbit-ring-slow {
		transform-origin: 160px 92px;
		animation: spinSlowRing 22s linear infinite;
	}

	.orbit-ring-fast {
		transform-origin: 160px 92px;
		animation: spinSlowRing 14s linear infinite reverse;
	}

	@keyframes spinSlowRing {
		from {
			transform: rotate(0deg);
		}

		to {
			transform: rotate(360deg);
		}
	}

	.node-1 {
		animation: floatNodeOne 4.5s ease-in-out infinite alternate;
	}

	.node-2 {
		animation: floatNodeTwo 5s ease-in-out infinite alternate;
	}

	@keyframes floatNodeOne {
		0% {
			transform: translateY(0);
		}

		100% {
			transform: translateY(-7px);
		}
	}

	@keyframes floatNodeTwo {
		0% {
			transform: translateY(0);
		}

		100% {
			transform: translateY(7px);
		}
	}

	.floating-mortarboard {
		animation: floatCapSine 4.2s ease-in-out infinite alternate;
	}

	@keyframes floatCapSine {
		0% {
			transform: translateY(0) rotate(0deg);
		}

		50% {
			transform: translateY(-5px) rotate(1.5deg);
		}

		100% {
			transform: translateY(3px) rotate(-1deg);
		}
	}

	/* Micro-Animations: Card 2 Leadership Crest */
	.pulse-aura {
		animation: pulseAuraGlow 4.8s ease-in-out infinite alternate;
	}

	@keyframes pulseAuraGlow {
		0% {
			opacity: 0.5;
			transform: scale(0.96);
			transform-origin: 160px 85px;
		}

		100% {
			opacity: 1;
			transform: scale(1.04);
			transform-origin: 160px 85px;
		}
	}

	.star-shine {
		animation: starTwinklePulse 3s ease-in-out infinite alternate;
		transform-origin: 160px 77px;
	}

	@keyframes starTwinklePulse {
		0% {
			transform: scale(1);
			filter: drop-shadow(0 0 0px #f59e0b);
		}

		100% {
			transform: scale(1.15);
			filter: drop-shadow(0 0 5px #f59e0b);
		}
	}

	/* Micro-Animations: Card 3 Growth Engine */
	.spark-travel {
		animation: sparkTrajectoryMove 4.2s ease-in-out infinite;
	}

	@keyframes sparkTrajectoryMove {
		0% {
			cx: 50;
			cy: 128;
			opacity: 0.2;
		}

		20% {
			opacity: 1;
		}

		80% {
			opacity: 1;
		}

		100% {
			cx: 235;
			cy: 34;
			opacity: 0;
		}
	}

	.radar-pulse {
		animation: radarCirclePing 2.8s ease-out infinite;
		transform-origin: 236px 34px;
	}

	@keyframes radarCirclePing {
		0% {
			transform: scale(0.7);
			opacity: 0.9;
		}

		80% {
			transform: scale(1.35);
			opacity: 0;
		}

		100% {
			transform: scale(1.35);
			opacity: 0;
		}
	}

	.spot-badge-pill {
		animation: spotBadgeHover 3.6s ease-in-out infinite alternate;
	}

	@keyframes spotBadgeHover {
		0% {
			transform: translate(195px, 88px);
		}

		100% {
			transform: translate(195px, 83px);
		}
	}

	/* Card Hover Elevation on SVG Artwork */
	.featured-box-inner:hover .campus-facade,
	.featured-box-inner:hover .executive-trophy,
	.featured-box-inner:hover .metric-bars {
		filter: drop-shadow(0 8px 12px rgba(22, 66, 120, 0.25));
		transition: filter 0.3s ease;
	}

	/* Card Action Row & 2026 Magnetic CTA Button */
	.card-action-row {
		margin-top: auto;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding-top: 4px;
	}

	.card-readmore-btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		padding: 10px 18px 10px 22px !important;
		border-radius: 9999px !important;
		font-family: 'Outfit', sans-serif !important;
		font-size: 13.5px !important;
		font-weight: 700 !important;
		letter-spacing: 0.3px !important;
		text-decoration: none !important;
		color: #ffffff !important;
		cursor: pointer !important;
		transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
		position: relative !important;
		overflow: hidden !important;
		width: fit-content !important;
		border: none !important;
	}

	.card-readmore-btn.btn-company {
		background: linear-gradient(135deg, #164278 0%, #2563eb 100%) !important;
		box-shadow: 0 4px 14px rgba(22, 66, 120, 0.28) !important;
	}

	.card-readmore-btn.btn-director {
		background: linear-gradient(135deg, #1e3a8a 0%, #d97706 100%) !important;
		box-shadow: 0 4px 14px rgba(180, 83, 9, 0.28) !important;
	}

	.card-readmore-btn.btn-whywe {
		background: linear-gradient(135deg, #065f46 0%, #0284c7 100%) !important;
		box-shadow: 0 4px 14px rgba(6, 95, 70, 0.28) !important;
	}

	.card-readmore-btn .btn-text {
		position: relative;
		z-index: 2;
	}

	.card-readmore-btn .btn-icon-bubble {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 26px;
		height: 26px;
		background: rgba(255, 255, 255, 0.22);
		border-radius: 50%;
		transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease;
	}

	.card-readmore-btn:hover {
		transform: translateY(-2px) scale(1.02) !important;
		color: #ffffff !important;
	}

	.card-readmore-btn.btn-company:hover {
		box-shadow: 0 8px 22px rgba(22, 66, 120, 0.42) !important;
	}

	.card-readmore-btn.btn-director:hover {
		box-shadow: 0 8px 22px rgba(180, 83, 9, 0.42) !important;
	}

	.card-readmore-btn.btn-whywe:hover {
		box-shadow: 0 8px 22px rgba(6, 95, 70, 0.42) !important;
	}

	.card-readmore-btn:hover .btn-icon-bubble {
		transform: translateX(4px);
		background: rgba(255, 255, 255, 0.35);
	}

	/* ==========================================================================
	Section Scroll Offset & Arrival Spotlight (Desktop, Tablet, Mobile)
	========================================================================== */
	#company-profile,
	#director-profile,
	#director,
	#why-we,
	.company-profile-section,
	.director-profile-section,
	.why-we-section {
		scroll-margin-top: 105px !important;
	}

	/* Smooth Pulse Spotlight on Destination Section */
	.section-target-highlight {
		animation: highlightSectionSpotlight 2.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
	}

	@keyframes highlightSectionSpotlight {
		0% {
			box-shadow: 0 0 0 0 rgba(37, 99, 235, 0);
			background-color: rgba(239, 246, 255, 0.6);
		}

		25% {
			box-shadow: 0 0 0 6px rgba(37, 99, 235, 0.25);
			background-color: rgba(239, 246, 255, 0.45);
		}

		100% {
			box-shadow: 0 0 0 0 rgba(37, 99, 235, 0);
			background-color: transparent;
		}
	}

	/* ==========================================================================
	Comprehensive Responsive Breakpoints (Desktop 1440/1280/1024, Tablet 912/834/768, Mobile 430/414/390/375/360)
	========================================================================== */

	/* Large Desktop (1280px - 1440px) */
	@media (min-width: 1025px) and (max-width: 1440px) {
		.kaizen-about-cards-row {
			gap: 22px !important;
		}

		.featured-box-inner {
			padding: 24px 20px 22px 20px !important;
		}
	}

	/* Tablet Landscape & Small Desktop (913px - 1024px) */
	@media (min-width: 835px) and (max-width: 1024px) {
		.kaizen-about-cards-row {
			gap: 18px !important;
		}

		.featured-box-inner {
			padding: 22px 16px 20px 16px !important;
			min-height: 500px !important;
		}

		.card-main-title .title-primary {
			font-size: 18px !important;
		}

		.card-desc {
			font-size: 13px !important;
			line-height: 1.58 !important;
		}

		.card-tag {
			font-size: 11px !important;
			padding: 2px 8px !important;
		}
	}

	/* Tablet Portrait (768px - 834px) */
	@media (min-width: 641px) and (max-width: 834px) {
		.kaizen-about-cards-row {
			grid-template-columns: repeat(2, 1fr) !important;
			gap: 20px !important;
		}

		.card-whywe-col {
			grid-column: span 2 !important;
			max-width: 620px !important;
			margin: 0 auto !important;
			width: 100% !important;
		}

		.featured-box-inner {
			min-height: 480px !important;
			padding: 24px 20px 22px 20px !important;
		}

		#company-profile,
		#director-profile,
		#why-we {
			scroll-margin-top: 95px !important;
		}
	}

	/* ==========================================================================
	Mobile Devices (<= 640px): Container Size Reduction & Optimized Compact View
	("contain around size reduce" for Cards, Spacing, Headers & Slider)
	========================================================================== */
	@media (max-width: 640px) {

		/* Section Padding Reduction */
		.featured-courses.kaizen-about-section-wrap,
		.featured-courses,
		.wp-block-group.featured-courses,
		.about-us,
		.wp-block-group.about-us {
			padding-top: 32px !important;
			padding-bottom: 36px !important;
			overflow-x: hidden !important;
		}

		/* Outer Container Horizontal Padding Tightening */
		.featured-courses>.wp-block-heading,
		.featured-courses>.section-heading,
		.featured-courses>.featured-text,
		.featured-courses>.wp-block-group,
		.about-us-container,
		.featured-courses>.about-us-container {
			padding-left: 12px !important;
			padding-right: 12px !important;
		}

		.about-section-header {
			margin-bottom: 20px !important;
		}

		.about-section-badge {
			padding: 4px 12px !important;
			font-size: 11px !important;
			margin-bottom: 8px !important;
		}

		.about-section-header .section-heading {
			font-size: 24px !important;
			margin-bottom: 6px !important;
		}

		.about-section-header .heading-accent-line {
			width: 44px !important;
			height: 3px !important;
			margin-bottom: 10px !important;
		}

		.about-section-header .featured-text {
			font-size: 13px !important;
			line-height: 1.55 !important;
			margin-bottom: 0 !important;
		}

		.kaizen-about-cards-row {
			grid-template-columns: 1fr !important;
			gap: 16px !important;
			width: 100% !important;
			padding: 0 !important;
		}

		/* Card Size Reduction: Tight, Elegant, and Readable without Bloat */
		.featured-box,
		.featured-box-inner,
		.featured-box-inner.wp-block-cover {
			width: 100% !important;
			max-width: 100% !important;
			min-height: auto !important;
			padding: 18px 14px 16px 14px !important;
			border-radius: 16px !important;
			box-sizing: border-box !important;
		}

		.card-header-area {
			margin-bottom: 8px !important;
		}

		.card-kicker {
			font-size: 10px !important;
			padding: 3px 9px !important;
			margin-bottom: 6px !important;
			letter-spacing: 0.6px !important;
		}

		.card-main-title {
			margin-bottom: 4px !important;
			gap: 1px !important;
		}

		.card-main-title .title-primary {
			font-size: 18px !important;
			line-height: 1.22 !important;
		}

		.card-main-title .title-secondary {
			font-size: 13px !important;
			line-height: 1.25 !important;
		}

		.card-desc,
		.featured-box-inner p.card-desc {
			font-size: 13px !important;
			line-height: 1.52 !important;
			margin-bottom: 10px !important;
		}

		.card-tags-row {
			gap: 4px !important;
			margin-bottom: 8px !important;
		}

		.card-tag {
			font-size: 10.5px !important;
			padding: 2px 7px !important;
		}

		/* Reduced Illustration Stage to save vertical mobile space */
		.card-visual-stage {
			height: 110px !important;
			max-height: 110px !important;
			margin: 4px 0 10px 0 !important;
		}

		.visual-svg {
			max-height: 110px !important;
			height: 100% !important;
		}

		.card-readmore-btn {
			width: 100% !important;
			min-height: 38px !important;
			justify-content: center !important;
			padding: 9px 18px !important;
			font-size: 13px !important;
			gap: 8px !important;
		}

		.card-readmore-btn .btn-icon-bubble {
			width: 22px !important;
			height: 22px !important;
		}

		/* Slider Hero Mobile Refinements */
		.banner-image-cover {
			min-height: 460px !important;
			height: 460px !important;
			max-height: 460px !important;
		}

		.banner-image-cover .wp-block-cover__inner-container {
			padding: 24px 14px 28px 14px !important;
		}

		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev,
		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next {
			width: 36px !important;
			height: 36px !important;
			margin: -18px 0 0 0 !important;
			z-index: 35 !important;
		}

		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev {
			left: 8px !important;
		}

		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next {
			right: 8px !important;
		}

		.banner-content h1,
		.banner-content h1.wp-block-heading {
			font-size: clamp(20px, 5.2vw, 25px) !important;
			margin-bottom: 6px !important;
		}

		.banner-content h3,
		.banner-content h3.wp-block-heading {
			font-size: clamp(13px, 3.4vw, 15px) !important;
			margin-bottom: 8px !important;
		}

		.banner-content p.banner-desc,
		.banner-content p {
			font-size: 12.5px !important;
			line-height: 1.5 !important;
			margin-bottom: 14px !important;
		}

		.banner-badge {
			padding: 4px 12px !important;
			font-size: 11px !important;
			margin-bottom: 8px !important;
		}

		/* Top Bar (Upper Header) Compactness */
		.upper-header {
			padding: 4px 0 !important;
		}

		.inner-upper-header {
			padding: 0 10px !important;
			display: flex !important;
			flex-wrap: wrap !important;
			justify-content: center !important;
			gap: 3px 10px !important;
			text-align: center !important;
		}

		.inner-upper-header a {
			font-size: 11.5px !important;
		}

		.inner-upper-header svg {
			width: 12px !important;
			height: 12px !important;
		}

		/* Floating "Inquiry Now" Tab Positioning on Mobile */
		.floating-inquiry-tab {
			top: 30% !important;
			padding: 8px 4px !important;
			font-size: 10.5px !important;
			letter-spacing: 0.5px !important;
			border-radius: 5px 0 0 5px !important;
			box-shadow: -2px 3px 10px rgba(22, 66, 120, 0.3) !important;
		}

		/* Stats Card Responsive Grid */
		.hero-stats-card-container {
			margin: -20px auto 25px auto !important;
			padding: 0 12px !important;
		}

		.hero-stats-card {
			grid-template-columns: repeat(2, 1fr) !important;
			gap: 8px !important;
			padding: 14px 8px !important;
		}

		.hero-stat-item {
			border-right: none !important;
			border-bottom: 1px solid #f1f5f9 !important;
			padding: 6px 4px !important;
		}

		.hero-stat-number {
			font-size: 18px !important;
			margin-bottom: 3px !important;
		}

		.hero-stat-label {
			font-size: 11px !important;
		}

		#company-profile,
		#director-profile,
		#why-we {
			scroll-margin-top: 85px !important;
		}
	}

	/* Respect Prefers-Reduced-Motion */
	@media (prefers-reduced-motion: reduce) {

		.orbit-ring-slow,
		.orbit-ring-fast,
		.node-1,
		.node-2,
		.floating-mortarboard,
		.pulse-aura,
		.star-shine,
		.spark-travel,
		.radar-pulse,
		.spot-badge-pill,
		.about-section-badge .badge-dot {
			animation: none !important;
		}

		.featured-box-inner::after {
			display: none !important;
		}

		.featured-box-inner,
		.card-readmore-btn {
			transition: none !important;
		}
	}

	/* About Feature Cards (used in about-us and featured-courses patterns) */
	.about-feature-card {
		background: #ffffff !important;
		border: 1px solid var(--kaizen-border) !important;
		border-radius: 12px !important;
		padding: 26px 22px !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
		transition: all 0.25s ease !important;
		position: relative !important;
		overflow: hidden !important;
		height: 100% !important;
		box-sizing: border-box !important;
	}

	.about-feature-card::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 3px;
		background: var(--kaizen-blue) !important;
	}

	.about-feature-card:hover {
		transform: translateY(-4px) !important;
		box-shadow: 0 12px 24px -4px rgba(22, 66, 120, 0.14) !important;
		border-color: var(--kaizen-blue-border) !important;
	}

	/* ==========================================================================
	7. Our Services Section & Cards (Requirement 7: Compact, Wide & Horizontal Row)
	========================================================================== */
	.service-section,
	#services.service-section {
		padding: 70px 0 !important;
		margin: 0 auto !important;
		position: relative !important;
		box-sizing: border-box !important;
	}

	.service-section-container {
		max-width: 1280px !important;
		margin: 0 auto !important;
		padding: 0 24px !important;
		box-sizing: border-box !important;
	}

	.service-box {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		border-radius: 16px !important;
		padding: 44px 36px !important;
		background: #0f172a !important;
		/* Premium dark section bg */
		box-shadow: 0 12px 36px rgba(0, 0, 0, 0.16) !important;
		box-sizing: border-box !important;
		width: 100% !important;
	}

	.service-intro-row {
		display: flex !important;
		justify-content: space-between !important;
		align-items: flex-end !important;
		gap: 30px !important;
		margin-bottom: 32px !important;
		flex-wrap: wrap !important;
	}

	/* 4-column equal-height horizontal row of wide & compact cards on Desktop */
	.service-cards-grid {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 20px !important;
		width: 100% !important;
		align-items: stretch !important;
		box-sizing: border-box !important;
	}

	.service-cards-grid .service-card {
		background: #1e293b !important;
		border: 1px solid rgba(255, 255, 255, 0.08) !important;
		border-radius: 12px !important;
		padding: 22px 20px !important;
		min-height: 165px !important;
		height: 100% !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
		overflow: hidden !important;
	}

	.service-cards-grid .service-card:hover {
		transform: translateY(-4px) !important;
		border-color: rgba(191, 219, 254, 0.35) !important;
		box-shadow: 0 12px 28px -4px rgba(0, 0, 0, 0.35) !important;
	}

	.service-cards-grid .service-card img {
		width: 38px !important;
		height: 38px !important;
		object-fit: contain !important;
		margin: 0 0 12px 0 !important;
		display: block !important;
	}

	.service-cards-grid .service-card h4 {
		font-size: 16.5px !important;
		font-weight: 700 !important;
		color: #ffffff !important;
		margin: 0 0 8px 0 !important;
		line-height: 1.3 !important;
	}

	.service-cards-grid .service-card p {
		color: #94a3b8 !important;
		font-size: 13.5px !important;
		line-height: 1.48 !important;
		margin: 0 !important;
	}

	/* ==========================================================================
	Courses & Event Cards
	========================================================================== */
	.course-card,
	.event-card {
		background: #ffffff;
		border: 1px solid var(--kaizen-border);
		border-radius: 10px;
		transition: all 0.25s ease;
		overflow: hidden;
	}

	.course-card:hover,
	.event-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 12px 24px -4px rgba(22, 66, 120, 0.12);
		border-color: var(--kaizen-blue-border);
	}

	.popular-courses,
	.wp-block-group.popular-courses {
		max-width: 1280px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 45px !important;
		margin-bottom: 45px !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
		box-sizing: border-box !important;
	}

	/* 4-column equal-height CSS Grid for Popular Courses cards */
	.popular-courses .wp-block-columns,
	.popular-courses .popular-course-upper {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 24px !important;
		align-items: stretch !important;
		width: 100% !important;
		margin: 0 0 24px 0 !important;
		padding: 0 !important;
	}

	.popular-courses .wp-block-columns>.wp-block-column,
	.popular-courses .popular-course-upper>.wp-block-column {
		width: 100% !important;
		flex: 1 1 auto !important;
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
		margin: 0 !important;
	}

	/* Service Card Box - Equal Height and 28px Bottom Spacing */
	/* Service Card Box - Equal Height (legacy fallback only when not .service-card-item) */
	.popular-course-box:not(.service-card-item) {
		background: #ffffff !important;
		border: 1px solid var(--kaizen-border) !important;
		border-top: 3px solid var(--kaizen-blue) !important;
		border-radius: 14px !important;
		padding: 28px 22px 28px 22px !important;
		transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		height: 100% !important;
		box-sizing: border-box !important;
		overflow: hidden;
	}

	.popular-course-box:hover {
		transform: translateY(-5px) !important;
		box-shadow: 0 16px 32px -4px rgba(22, 66, 120, 0.14) !important;
		border-color: var(--kaizen-blue-border) !important;
		border-top-color: var(--kaizen-blue) !important;
	}

	/* Inner card wrapper */
	.popular-course-box>.wp-block-group {
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		height: 100% !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	/* Card Icon / Image */
	/* Card Icon / Image (legacy fallback only if NOT in card-thumb-wrap) */
	.popular-course-box figure:not(.card-thumb-wrap),
	.popular-course-box .wp-block-image:not(.card-thumb-wrap) {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 auto 16px auto !important;
		height: 60px !important;
	}

	.popular-course-box:not(:has(.card-thumb-wrap)) img:not(.card-thumb-img) {
		max-height: 56px !important;
		width: auto !important;
		object-fit: contain !important;
		transition: transform 0.25s ease !important;
	}

	.popular-course-box:not(:has(.card-thumb-wrap)):hover img {
		transform: scale(1.05);
	}

	/* Card Title */
	.popular-course-box h5,
	.popular-course-box .wp-block-heading {
		font-size: 16px !important;
		font-weight: 700 !important;
		line-height: 1.4 !important;
		color: var(--kaizen-text-dark) !important;
		text-align: center !important;
		margin: 0 0 12px 0 !important;
		min-height: 48px !important;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	/* Card Description */
	.popular-course-box p:not(.course-teacher),
	.popular-course-box .wp-block-paragraph {
		font-size: 13.5px !important;
		line-height: 1.6 !important;
		color: var(--kaizen-text-muted) !important;
		text-align: center !important;
		margin: 0 0 18px 0 !important;
		flex-grow: 1 !important;
	}

	/* View More Button - Centered and Spaced */
	.popular-course-box .wp-block-buttons {
		margin-top: auto !important;
		padding-top: 14px !important;
		padding-bottom: 0 !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		width: 100% !important;
	}

	.popular-course-box .wp-block-button {
		width: auto !important;
		margin: 0 !important;
	}

	.popular-course-box .wp-block-button__link {
		background: var(--kaizen-blue) !important;
		background-color: var(--kaizen-blue) !important;
		color: #ffffff !important;
		font-size: 13.5px !important;
		font-weight: 600 !important;
		letter-spacing: 0.3px !important;
		padding: 9px 24px !important;
		border-radius: 9999px !important;
		border: 1.5px solid var(--kaizen-blue) !important;
		box-shadow: 0 2px 8px rgba(22, 66, 120, 0.22) !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-decoration: none !important;
		transition: all 0.25s ease !important;
	}

	.popular-course-box .wp-block-button__link:hover {
		background: var(--kaizen-blue-dark) !important;
		background-color: var(--kaizen-blue-dark) !important;
		border-color: var(--kaizen-blue-dark) !important;
		color: #ffffff !important;
		transform: translateY(-2px) !important;
		box-shadow: 0 4px 14px rgba(22, 66, 120, 0.38) !important;
	}

	.popular-course-info {
		background: #f8fafc !important;
		border-top: 1px solid var(--kaizen-border) !important;
	}

	/* Primary Button Styling */
	.wp-block-button__link {
		background-color: var(--kaizen-blue) !important;
		color: #ffffff !important;
		border-radius: 6px !important;
		font-weight: 600 !important;
		transition: all 0.2s ease !important;
		border: none !important;
	}

	.wp-block-button__link:hover {
		background-color: var(--kaizen-blue-dark) !important;
		color: #ffffff !important;
		transform: translateY(-1px);
	}

	.wp-block-button.is-style-outline .wp-block-button__link {
		background-color: transparent !important;
		color: var(--kaizen-blue) !important;
		border: 1.5px solid var(--kaizen-blue) !important;
	}

	.wp-block-button.is-style-outline .wp-block-button__link:hover {
		background-color: var(--kaizen-blue-light) !important;
	}

	/* ==========================================================================
	8. Contact Us Page (Hero Banner & Contact Section)
	========================================================================== */
	.contact-section-wrapper {
		width: 100% !important;
		overflow-x: hidden !important;
	}

	/* Contact Hero Banner (Primary Blue Gradient Matching About Us & Brand) */
	.contact-hero-section {
		background: linear-gradient(135deg, #091c36 0%, #164278 60%, #1e5296 100%) !important;
		padding: 55px 24px 60px 24px !important;
		color: #ffffff !important;
		position: relative !important;
		overflow: hidden !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.contact-hero-section::before {
		content: "" !important;
		position: absolute !important;
		top: -50% !important;
		right: -10% !important;
		width: 520px !important;
		height: 520px !important;
		border-radius: 50% !important;
		background: radial-gradient(circle, rgba(59, 130, 246, 0.16) 0%, transparent 70%) !important;
		pointer-events: none !important;
	}

	.contact-hero-inner {
		max-width: 1240px !important;
		margin: 0 auto !important;
		position: relative !important;
		z-index: 2 !important;
	}

	.contact-breadcrumb {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		font-size: 13px !important;
		color: #94a3b8 !important;
		margin-bottom: 18px !important;
		flex-wrap: wrap !important;
	}

	.contact-breadcrumb a {
		color: #cbd5e1 !important;
		text-decoration: none !important;
		transition: color 0.2s ease !important;
	}

	.contact-breadcrumb a:hover {
		color: #ffffff !important;
	}

	.contact-breadcrumb .sep {
		color: #64748b !important;
		font-size: 11px !important;
	}

	.contact-breadcrumb .current {
		color: #93c5fd !important;
		font-weight: 500 !important;
	}

	.contact-hero-grid {
		display: grid !important;
		grid-template-columns: 1.15fr 0.85fr !important;
		gap: 40px !important;
		align-items: center !important;
		width: 100% !important;
	}

	@media (max-width: 960px) {
		.contact-hero-grid {
			grid-template-columns: 1fr !important;
			gap: 30px !important;
		}
	}

	.contact-hero-left {
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
	}

	.contact-badge-pill {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		font-size: 11.5px !important;
		font-weight: 700 !important;
		letter-spacing: 1.2px !important;
		text-transform: uppercase !important;
		color: #bfdbfe !important;
		background: rgba(255, 255, 255, 0.1) !important;
		padding: 6px 16px !important;
		border-radius: 9999px !important;
		border: 1px solid rgba(255, 255, 255, 0.2) !important;
		margin-bottom: 16px !important;
		width: fit-content !important;
	}

	.contact-badge-pill .badge-dot {
		width: 8px !important;
		height: 8px !important;
		border-radius: 50% !important;
		background: #10b981 !important;
		box-shadow: 0 0 10px #10b981 !important;
	}

	.contact-hero-title {
		font-size: clamp(26px, 3.6vw, 40px) !important;
		font-weight: 800 !important;
		line-height: 1.22 !important;
		color: #ffffff !important;
		margin: 0 0 16px 0 !important;
		letter-spacing: -0.4px !important;
		font-family: 'Outfit', sans-serif !important;
	}

	.contact-hero-title .highlight-text {
		display: block !important;
		color: #38bdf8 !important;
		font-size: 0.88em !important;
		margin-top: 4px !important;
	}

	.contact-hero-lead {
		font-size: 15.5px !important;
		line-height: 1.65 !important;
		color: #cbd5e1 !important;
		max-width: 680px !important;
		margin: 0 0 24px 0 !important;
	}

	.contact-hero-chips {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 12px !important;
		align-items: center !important;
	}

	.contact-chip {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		background: rgba(255, 255, 255, 0.12) !important;
		border: 1px solid rgba(255, 255, 255, 0.22) !important;
		border-radius: 9999px !important;
		padding: 7px 16px !important;
		color: #ffffff !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		text-decoration: none !important;
		transition: all 0.25s ease !important;
	}

	.contact-chip:hover {
		background: rgba(255, 255, 255, 0.22) !important;
		border-color: rgba(255, 255, 255, 0.4) !important;
		transform: translateY(-2px) !important;
		color: #ffffff !important;
	}

	.contact-chip.chip-static:hover {
		transform: none !important;
		background: rgba(255, 255, 255, 0.12) !important;
	}

	.contact-hero-right {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}

	.contact-hero-image-card {
		width: 100% !important;
		max-width: 480px !important;
		aspect-ratio: 16 / 10 !important;
		border-radius: 16px !important;
		overflow: hidden !important;
		position: relative !important;
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important;
		border: 2px solid rgba(255, 255, 255, 0.2) !important;
		background: #0f172a !important;
		margin: 0 auto !important;
	}

	.contact-hero-featured-img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
		transition: transform 0.4s ease !important;
	}

	.contact-hero-image-card:hover .contact-hero-featured-img {
		transform: scale(1.04) !important;
	}

	.contact-image-overlay-badge {
		position: absolute !important;
		bottom: 12px !important;
		right: 12px !important;
		background: rgba(15, 23, 42, 0.85) !important;
		backdrop-filter: blur(6px) !important;
		-webkit-backdrop-filter: blur(6px) !important;
		color: #ffffff !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		padding: 5px 12px !important;
		border-radius: 9999px !important;
		border: 1px solid rgba(255, 255, 255, 0.25) !important;
		letter-spacing: 0.5px !important;
		text-transform: uppercase !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
	}

	/* Red Page Title Banner - Neutralized, using native theme cover banner */
	.contact-banner-red {
		display: none !important;
	}

	/* Contact Main Section */
	.contact-main-wrapper {
		max-width: 1320px !important;
		margin: 45px auto 60px auto !important;
		padding: 0 32px !important;
		box-sizing: border-box !important;
	}

	.contact-grid-container {
		display: grid;
		grid-template-columns: 1fr 1.1fr;
		gap: 45px;
		align-items: start;
	}

	/* Left Column: Socials & Contact Info */
	.contact-left-col {
		padding-right: 15px;
	}

	.contact-section-heading {
		font-size: 22px !important;
		font-weight: 700 !important;
		color: var(--kaizen-text-dark) !important;
		margin-top: 0 !important;
		margin-bottom: 16px !important;
	}

	.contact-social-icons {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 35px;
		flex-wrap: wrap;
	}

	.social-circle-btn {
		width: 38px;
		height: 38px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff !important;
		font-size: 15px;
		text-decoration: none !important;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}

	.social-circle-btn:hover {
		transform: translateY(-2px);
		opacity: 0.9;
	}

	.social-circle-btn.facebook {
		background: #1877f2;
	}

	.social-circle-btn.twitter {
		background: #1da1f2;
	}

	.social-circle-btn.instagram {
		background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	}

	.social-circle-btn.linkedin {
		background: #0077b5;
	}

	.social-circle-btn.pinterest {
		background: #e60023;
	}

	.social-circle-btn.youtube {
		background: #ff0000;
	}

	/* Contact info items with circular red icons */
	.contact-info-list {
		display: flex;
		flex-direction: column;
		gap: 22px;
	}

	.contact-info-item {
		display: flex;
		align-items: flex-start;
		gap: 14px;
	}

	.contact-icon-badge {
		width: 34px;
		height: 34px;
		min-width: 34px;
		border-radius: 50%;
		background: var(--kaizen-blue) !important;
		color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 2px;
	}

	.contact-icon-badge svg {
		width: 17px;
		height: 17px;
		fill: currentColor;
	}

	.contact-item-content h4 {
		font-size: 15.5px !important;
		font-weight: 700 !important;
		color: var(--kaizen-text-dark) !important;
		margin: 0 0 4px 0 !important;
	}

	.contact-item-content p {
		font-size: 13.5px !important;
		color: var(--kaizen-text-muted) !important;
		line-height: 1.5 !important;
		margin: 0 !important;
	}

	.contact-item-content a {
		color: var(--kaizen-text-dark) !important;
		font-weight: 600;
		text-decoration: none !important;
		transition: color 0.2s ease;
	}

	.contact-item-content a:hover {
		color: var(--kaizen-blue) !important;
	}

	/* Right Column: Clean White Card Form (Screenshot 4 & 5) */
	.contact-card-box {
		background: #ffffff;
		border: 1px solid var(--kaizen-border);
		border-radius: 12px;
		padding: 34px 30px;
		box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
	}

	.contact-card-title {
		text-align: center;
		font-size: 23px !important;
		font-weight: 700 !important;
		color: var(--kaizen-text-dark) !important;
		margin: 0 0 24px 0 !important;
	}

	.custom-contact-form {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.form-field-group {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.form-field-group label {
		font-size: 13.5px;
		font-weight: 600;
		color: var(--kaizen-text-dark);
	}

	.form-field-group label .req {
		color: var(--kaizen-blue);
	}

	.form-field-group input,
	.form-field-group textarea,
	.wpforms-form input[type="text"],
	.wpforms-form input[type="email"],
	.wpforms-form input[type="tel"],
	.wpforms-form textarea {
		width: 100% !important;
		padding: 10px 14px !important;
		font-size: 14px !important;
		color: var(--kaizen-text-dark) !important;
		background: #ffffff !important;
		border: 1px solid var(--kaizen-border) !important;
		border-radius: 4px !important;
		outline: none !important;
		box-sizing: border-box !important;
		transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	}

	.form-field-group input:focus,
	.form-field-group textarea:focus,
	.wpforms-form input:focus,
	.wpforms-form textarea:focus {
		border-color: var(--kaizen-blue) !important;
		box-shadow: 0 0 0 3px rgba(22, 66, 120, 0.15) !important;
	}

	.form-terms-text {
		text-align: center;
		font-size: 12.5px;
		color: #64748b;
		margin: 10px 0 6px 0;
		line-height: 1.5;
	}

	.form-terms-text a {
		color: var(--kaizen-blue);
		font-weight: 600;
		text-decoration: none;
	}

	.form-submit-btn,
	.wpforms-form .wpforms-submit {
		background: var(--kaizen-blue) !important;
		color: #ffffff !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		padding: 11px 36px !important;
		border-radius: 6px !important;
		border: none !important;
		cursor: pointer !important;
		transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
		display: block !important;
		margin: 8px auto 0 auto !important;
		min-width: 150px;
		box-shadow: 0 4px 12px rgba(22, 66, 120, 0.25) !important;
	}

	.form-submit-btn:hover,
	.wpforms-form .wpforms-submit:hover {
		background: var(--kaizen-blue-dark) !important;
		transform: translateY(-1px);
		box-shadow: 0 6px 16px rgba(22, 66, 120, 0.4) !important;
	}

	/* Bottom Full-Width Google Map */
	.contact-map-section {
		width: 100%;
		margin-top: 50px;
		border-top: 1px solid var(--kaizen-border);
	}

	.contact-map-header {
		max-width: 1320px;
		margin: 16px auto 12px auto;
		padding: 0 32px;
		display: flex;
		justify-content: flex-end;
		box-sizing: border-box;
	}

	.view-map-link {
		color: var(--kaizen-blue) !important;
		font-weight: 600;
		font-size: 13.5px;
		display: inline-flex;
		align-items: center;
		gap: 6px;
		text-decoration: none !important;
		transition: color 0.2s ease;
	}

	.view-map-link:hover {
		color: var(--kaizen-blue-dark) !important;
		text-decoration: underline !important;
	}

	.contact-map-section iframe {
		width: 100%;
		height: 380px;
		border: 0;
		display: block;
	}

	/* Contact Page Container Layout */
	body.page-id-94 main#primary,
	body.page-template-page-contact main#primary,
	body.page-template-page-contact-us main#primary {
		padding: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	body.page-id-94 main#primary>.alignwide,
	body.page-template-page-contact main#primary>.alignwide,
	body.page-template-page-contact-us main#primary>.alignwide {
		max-width: 100% !important;
		width: 100% !important;
		padding: 0 !important;
	}

	/* ==========================================================================
	9. Footer Styles & Social Icons
	========================================================================== */
	.home-footer-class,
	.custom-footer-class,
	.wp-block-template-part footer,
	footer.home-footer-class {
		background: #0b192c !important;
		color: #94a3b8 !important;
		padding: 55px 0 24px 0 !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.footer-widgets {
		max-width: 100% !important;
		width: 100% !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		background: transparent !important;
	}

	.footer-widgets>.wp-block-columns {
		max-width: 1280px !important;
		margin: 0 auto !important;
		padding: 0 24px !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 40px !important;
		align-items: flex-start !important;
	}

	/* 3 Footer Columns Proportions */
	.footer-widgets .footer-col-brand,
	.footer-widgets .wp-block-column.footer-col-brand,
	.footer-widgets>.wp-block-columns>.wp-block-column:nth-child(1) {
		flex-basis: 30% !important;
		max-width: 320px !important;
		flex-shrink: 0 !important;
	}

	.footer-widgets .footer-col-contact,
	.footer-widgets .wp-block-column.footer-col-contact,
	.footer-widgets>.wp-block-columns>.wp-block-column:nth-child(2) {
		flex-basis: 44% !important;
		min-width: 380px !important;
		flex-grow: 1 !important;
	}

	.footer-widgets .footer-col-links,
	.footer-widgets .wp-block-column.footer-col-links,
	.footer-widgets>.wp-block-columns>.wp-block-column:nth-child(3) {
		flex-basis: 26% !important;
		flex-shrink: 0 !important;
	}

	.home-footer-class a,
	.custom-footer-class a,
	.wp-block-template-part footer a {
		color: #94a3b8 !important;
		text-decoration: none !important;
		transition: color 0.2s ease;
	}

	.home-footer-class a:hover,
	.custom-footer-class a:hover,
	.wp-block-template-part footer a:hover {
		color: #ffffff !important;
	}

	/* Brand block */
	.footer-brand-header {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		margin-bottom: 24px !important;
	}

	.footer-brand-header .wp-block-site-logo img,
	.footer-brand-header img {
		max-height: 52px !important;
		width: auto !important;
		object-fit: contain !important;
	}

	.footer-site-title,
	.footer-site-title a {
		color: #ffffff !important;
		font-size: 20px !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		text-decoration: none !important;
		font-family: 'Outfit', sans-serif !important;
		display: inline-block !important;
	}

	/* Footer Social Icons - Blue Background (#164278) */
	.footer-social,
	footer .wp-block-social-links {
		display: flex !important;
		gap: 10px !important;
		padding: 0 !important;
		margin: 0 !important;
		list-style: none !important;
	}

	.footer-social .wp-social-link,
	footer .wp-block-social-links .wp-social-link {
		background-color: var(--kaizen-blue) !important;
		background: #164278 !important;
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
		border-radius: 50% !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 !important;
		margin: 0 !important;
		transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
	}

	.footer-social .wp-social-link:hover,
	footer .wp-block-social-links .wp-social-link:hover {
		background-color: var(--kaizen-blue-dark) !important;
		background: #0f2e54 !important;
		transform: translateY(-3px) !important;
		box-shadow: 0 4px 12px rgba(22, 66, 120, 0.45) !important;
	}

	.footer-social .wp-social-link a,
	footer .wp-block-social-links .wp-social-link a {
		color: #ffffff !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 100% !important;
		padding: 0 !important;
	}

	.footer-social .wp-social-link svg,
	footer .wp-block-social-links .wp-social-link svg {
		width: 17px !important;
		height: 17px !important;
		fill: #ffffff !important;
		color: #ffffff !important;
	}

	/* Headings with Blue Accent Underline */
	.footer-heading,
	.footer-widgets h2.wp-block-heading,
	.footer-widgets h4.wp-block-heading {
		font-size: 18px !important;
		font-weight: 700 !important;
		color: #ffffff !important;
		margin-top: 0 !important;
		margin-bottom: 22px !important;
		position: relative !important;
		padding-bottom: 10px !important;
		font-family: 'Outfit', sans-serif !important;
	}

	.footer-heading::after,
	.footer-widgets h2.wp-block-heading::after,
	.footer-widgets h4.wp-block-heading::after {
		content: "" !important;
		position: absolute !important;
		left: 0 !important;
		bottom: 0 !important;
		width: 35px !important;
		height: 2.5px !important;
		background: #164278 !important;
		border-radius: 2px !important;
	}

	/* Footer Contact Details & Pure White Icons */
	.footer-contact-item {
		display: flex !important;
		align-items: flex-start !important;
		gap: 12px !important;
		margin-bottom: 16px !important;
		font-size: 13.5px !important;
		line-height: 1.6 !important;
		color: #94a3b8 !important;
	}

	.footer-contact-item.phone-item,
	.footer-contact-item.email-item {
		align-items: center !important;
	}

	.footer-contact-item .footer-icon svg,
	.footer-widgets .footer-icon svg,
	footer .footer-icon svg {
		fill: #ffffff !important;
		color: #ffffff !important;
		width: 16px !important;
		height: 16px !important;
		min-width: 16px !important;
		display: inline-block !important;
		vertical-align: middle !important;
	}

	.footer-contact-item a {
		color: #94a3b8 !important;
		text-decoration: none !important;
		transition: color 0.2s ease !important;
	}

	.footer-contact-item a:hover {
		color: #ffffff !important;
	}

	/* Email MUST NEVER wrap or break */
	.footer-email-link,
	a.footer-email-link,
	a[href^="mailto:kaizeneducationconsultancy@gmail.com"] {
		white-space: nowrap !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
		display: inline-block !important;
	}

	/* Quick Links with Bullets */
	.footer-quick-links,
	.footer-links-list,
	.footer-widgets .wp-block-list {
		list-style-type: disc !important;
		padding-left: 18px !important;
		margin: 0 !important;
		color: #94a3b8 !important;
	}

	.footer-quick-links li,
	.footer-links-list li,
	.footer-widgets .wp-block-list li {
		margin-bottom: 10px !important;
		color: #94a3b8 !important;
		font-size: 14px !important;
		line-height: 1.5 !important;
	}

	.footer-quick-links li::marker,
	.footer-links-list li::marker,
	.footer-widgets .wp-block-list li::marker {
		color: #ffffff !important;
	}

	.footer-quick-links li a,
	.footer-links-list li a,
	.footer-widgets .wp-block-list li a {
		color: #94a3b8 !important;
		text-decoration: none !important;
		transition: color 0.2s ease, padding-left 0.2s ease !important;
	}

	.footer-quick-links li a:hover,
	.footer-links-list li a:hover,
	.footer-widgets .wp-block-list li a:hover {
		color: #ffffff !important;
		padding-left: 3px !important;
	}

	/* Footer Bottom Bar & Terms and Services in Single Row */
	.footer-bottom-divider {
		width: 80% !important;
		max-width: 620px !important;
		margin: 36px auto 22px auto !important;
		height: 1px !important;
		background: rgba(255, 255, 255, 0.12) !important;
		border: none !important;
	}

	.footer-bottom-row,
	.footer-bottom-wrapper {
		width: 100% !important;
		max-width: 1280px !important;
		margin: 0 auto !important;
		text-align: center !important;
		padding: 0 24px 10px 24px !important;
		box-sizing: border-box !important;
	}

	.footer-terms-text,
	.footer-terms-row {
		margin: 0 auto !important;
		font-size: 13.5px !important;
		color: #94a3b8 !important;
		white-space: nowrap !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		flex-wrap: nowrap !important;
	}

	.footer-terms-text a,
	.footer-terms-row a {
		color: #94a3b8 !important;
		text-decoration: none !important;
		transition: color 0.2s ease !important;
	}

	.footer-terms-text a:hover,
	.footer-terms-row a:hover {
		color: #ffffff !important;
		text-decoration: underline !important;
	}

	.footer-brand-highlight,
	.footer-terms-text .footer-brand-highlight,
	.footer-terms-row .footer-brand-highlight {
		color: #ffffff !important;
		font-weight: 600 !important;
	}

	/* Responsive Rules for Footer */
	@media (max-width: 991px) {
		.footer-widgets>.wp-block-columns {
			flex-wrap: wrap !important;
			gap: 30px !important;
		}

		.footer-widgets .footer-col-brand,
		.footer-widgets>.wp-block-columns>.wp-block-column:nth-child(1) {
			flex-basis: 100% !important;
			max-width: 100% !important;
		}

		.footer-widgets .footer-col-contact,
		.footer-widgets>.wp-block-columns>.wp-block-column:nth-child(2) {
			flex-basis: 60% !important;
			min-width: 0 !important;
		}

		.footer-widgets .footer-col-links,
		.footer-widgets>.wp-block-columns>.wp-block-column:nth-child(3) {
			flex-basis: 35% !important;
		}
	}

	@media (max-width: 640px) {
		.footer-widgets>.wp-block-columns {
			flex-direction: column !important;
			gap: 30px !important;
		}

		.footer-widgets .footer-col-contact,
		.footer-widgets>.wp-block-columns>.wp-block-column:nth-child(2),
		.footer-widgets .footer-col-links,
		.footer-widgets>.wp-block-columns>.wp-block-column:nth-child(3) {
			flex-basis: 100% !important;
			width: 100% !important;
			min-width: 0 !important;
		}

		.footer-terms-text,
		.footer-terms-row {
			white-space: normal !important;
			flex-wrap: wrap !important;
			justify-content: center !important;
			text-align: center !important;
			line-height: 1.6 !important;
		}
	}


	/* Scroll To Top Button - Preserving ONLY theme native p.scroll-top in Kaizen Blue */
	.scroll-to-top-btn {
		display: none !important;
	}

	p.scroll-top {
		position: absolute;
	}

	.scroll-top::before {
		font-size: 18px !important;
		cursor: pointer !important;
		background: var(--kaizen-blue) !important;
		color: #ffffff !important;
		font-family: "Font Awesome 5 Free" !important;
		font-weight: 600 !important;
		content: '\f135' !important;
		position: fixed !important;
		bottom: 25px !important;
		right: 25px !important;
		width: 40px !important;
		height: 40px !important;
		transform: rotate(-45deg) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 6px !important;
		box-shadow: 0 4px 12px rgba(22, 66, 120, 0.35) !important;
		z-index: 9998 !important;
		transition: all 0.3s ease-in-out !important;
	}

	.scroll-top:hover::before {
		background: var(--kaizen-blue-dark) !important;
		color: #ffffff !important;
		transform: rotate(-45deg) translateY(-3px) !important;
		box-shadow: 0 6px 16px rgba(22, 66, 120, 0.5) !important;
	}

	/* ==========================================================================
	11. About Us Page Modern Redesign (.kaizen-about-page-wrapper & .page-id-118)
	========================================================================== */
	.page-id-118 main#primary,
	.page-id-118 .entry-content {
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.kaizen-about-page-wrapper {
		width: 100%;
		overflow-x: hidden;
		background: #ffffff;
		color: #334155;
		font-family: 'Outfit', sans-serif;
	}

	.kaizen-about-page-wrapper * {
		box-sizing: border-box;
	}

	.about-container {
		max-width: 1240px;
		margin: 0 auto;
		padding: 0 24px;
		box-sizing: border-box;
	}

	/* --- HERO SECTION --- */
	.about-hero-section {
		background: linear-gradient(135deg, #0b192c 0%, #112d4e 50%, #164278 100%);
		color: #ffffff;
		padding: 85px 0 75px 0;
		text-align: center;
		position: relative;
	}

	.about-hero-badge {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: rgba(255, 255, 255, 0.12);
		border: 1px solid rgba(255, 255, 255, 0.22);
		border-radius: 9999px;
		padding: 6px 18px;
		font-size: 12.5px;
		font-weight: 700;
		letter-spacing: 1.5px;
		color: #93c5fd;
		margin-bottom: 22px;
		text-transform: uppercase;
	}

	.hero-pulse-dot {
		width: 8px;
		height: 8px;
		background: #10b981;
		border-radius: 50%;
		box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.35);
	}

	.about-hero-title {
		font-size: 42px;
		font-weight: 800;
		line-height: 1.25;
		max-width: 900px;
		margin: 0 auto 20px auto;
		color: #ffffff;
	}

	.about-hero-title .highlight-text {
		color: #38bdf8;
		display: inline-block;
	}

	.about-hero-lead {
		font-size: 17px;
		line-height: 1.7;
		max-width: 720px;
		margin: 0 auto 40px auto;
		color: #cbd5e1;
	}

	.about-hero-stats-row {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 20px;
		flex-wrap: wrap;
		margin-top: 25px;
	}

	.hero-stat-pill {
		background: rgba(255, 255, 255, 0.08);
		backdrop-filter: blur(8px);
		border: 1px solid rgba(255, 255, 255, 0.16);
		border-radius: 12px;
		padding: 14px 28px;
		min-width: 150px;
		transition: transform 0.2s ease, background 0.2s ease;
	}

	.hero-stat-pill:hover {
		transform: translateY(-3px);
		background: rgba(255, 255, 255, 0.14);
	}

	.hero-stat-pill strong {
		display: block;
		font-size: 26px;
		font-weight: 800;
		color: #38bdf8;
		line-height: 1.1;
	}

	.hero-stat-pill span {
		font-size: 13px;
		color: #e2e8f0;
		font-weight: 500;
	}

	/* --- SECTION GENERAL STYLES --- */
	.about-section {
		padding: 85px 0;
	}

	.section-tag-wrapper {
		margin-bottom: 8px;
	}

	.section-tag {
		display: inline-block;
		background: #eff6ff;
		color: #164278;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		padding: 5px 14px;
		border-radius: 9999px;
		border: 1px solid #bfdbfe;
	}

	.section-main-heading {
		font-size: 32px;
		font-weight: 800;
		color: #0f172a;
		line-height: 1.3;
		margin: 10px 0 12px 0;
	}

	.section-main-heading.text-center {
		text-align: center;
	}

	.heading-accent-bar {
		width: 55px;
		height: 3.5px;
		background: #164278;
		border-radius: 2px;
		margin-bottom: 24px;
	}

	.heading-accent-bar.center-bar {
		margin-left: auto;
		margin-right: auto;
	}

	.section-subtext {
		font-size: 16px;
		color: #64748b;
		line-height: 1.6;
		max-width: 680px;
		margin-bottom: 45px;
	}

	.section-subtext.text-center {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	/* --- SECTION 1: DIRECTOR PROFILE CARD --- */
	.director-profile-section {
		background: #f8fafc;
		border-bottom: 1px solid #e2e8f0;
	}

	.director-card {
		background: #ffffff;
		border-radius: 20px;
		box-shadow: 0 15px 35px -5px rgba(11, 25, 44, 0.08), 0 0 0 1px rgba(22, 66, 120, 0.06);
		padding: 44px;
		display: grid;
		grid-template-columns: 320px 1fr;
		gap: 44px;
		align-items: flex-start;
		margin-top: 20px;
	}

	.director-img-frame {
		position: relative;
		border-radius: 16px;
		overflow: hidden;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
		width: 100%;
		aspect-ratio: 1 / 1;
		max-height: 380px;
		background: #0f172a;
	}

	.director-photo {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		object-position: center 15%;
		border-radius: 16px;
		transition: transform 0.4s ease;
	}

	.director-img-frame:hover .director-photo {
		transform: scale(1.03);
	}

	.director-experience-badge {
		position: absolute;
		bottom: 12px;
		left: 12px;
		right: 12px;
		background: rgba(11, 25, 44, 0.92);
		backdrop-filter: blur(8px);
		border: 1px solid rgba(255, 255, 255, 0.18);
		border-radius: 10px;
		padding: 10px 14px;
		display: flex;
		align-items: center;
		gap: 10px;
		color: #ffffff;
	}

	.director-experience-badge .badge-num {
		font-size: 22px;
		font-weight: 800;
		color: #38bdf8;
		line-height: 1;
	}

	.director-experience-badge .badge-txt {
		font-size: 12px;
		font-weight: 600;
		line-height: 1.25;
	}

	.director-header {
		margin-bottom: 16px;
	}

	.director-name {
		font-size: 28px;
		font-weight: 800;
		color: #0f172a;
		margin: 0 0 6px 0;
	}

	.director-title {
		font-size: 15px;
		font-weight: 600;
		color: #164278;
		display: inline-block;
	}

	.director-bio-text {
		font-size: 15px;
		line-height: 1.75;
		color: #475569;
		margin: 0 0 24px 0;
	}

	.director-credentials-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 16px;
		margin-bottom: 24px;
	}

	.cred-item {
		display: flex;
		gap: 12px;
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		padding: 14px 16px;
		transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	}

	.cred-item:hover {
		transform: translateY(-2px);
		box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
		border-color: #bfdbfe;
	}

	.cred-icon-box {
		font-size: 22px;
		flex-shrink: 0;
		line-height: 1;
	}

	.cred-details h4 {
		font-size: 14px;
		font-weight: 700;
		color: #0f172a;
		margin: 0 0 4px 0;
	}

	.cred-details p {
		font-size: 12.5px;
		line-height: 1.5;
		color: #64748b;
		margin: 0;
	}

	.director-quote {
		margin: 0 0 26px 0;
		padding: 16px 20px;
		background: #eff6ff;
		border-left: 4px solid #164278;
		border-radius: 0 10px 10px 0;
		font-size: 14.5px;
		line-height: 1.65;
		font-style: italic;
		color: #1e3a8a;
	}

	.director-action-btns {
		display: flex;
		gap: 14px;
		flex-wrap: wrap;
	}

	.btn-director-linkedin {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: #0077b5;
		color: #ffffff !important;
		padding: 11px 20px;
		border-radius: 9999px;
		font-size: 13.5px;
		font-weight: 600;
		text-decoration: none !important;
		transition: background 0.2s ease, transform 0.2s ease;
	}

	.btn-director-linkedin:hover {
		background: #005f93;
		transform: translateY(-2px);
	}

	.btn-director-contact {
		display: inline-flex;
		align-items: center;
		background: #164278;
		color: #ffffff !important;
		padding: 11px 24px;
		border-radius: 9999px;
		font-size: 13.5px;
		font-weight: 700;
		text-decoration: none !important;
		transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
		box-shadow: 0 4px 12px rgba(22, 66, 120, 0.25);
	}

	.btn-director-contact:hover {
		background: #0f2e54;
		transform: translateY(-2px);
		box-shadow: 0 6px 18px rgba(22, 66, 120, 0.35);
	}

	/* --- SECTION 2: COMPANY PROFILE --- */
	.company-profile-section {
		background: #ffffff;
	}

	.about-two-col-grid {
		display: grid;
		grid-template-columns: 1.15fr 0.85fr;
		gap: 52px;
		align-items: center;
	}

	.company-text-col .section-text {
		font-size: 15.5px;
		line-height: 1.8;
		color: #475569;
		margin: 0 0 18px 0;
	}

	.timeline-features {
		margin-top: 26px;
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.timeline-item {
		display: flex;
		gap: 18px;
		align-items: flex-start;
	}

	.timeline-marker {
		background: #164278;
		color: #ffffff;
		font-size: 13px;
		font-weight: 800;
		padding: 5px 12px;
		border-radius: 6px;
		flex-shrink: 0;
		letter-spacing: 0.5px;
	}

	.timeline-content h4 {
		font-size: 15px;
		font-weight: 700;
		color: #0f172a;
		margin: 0 0 4px 0;
	}

	.timeline-content p {
		font-size: 13.5px;
		line-height: 1.55;
		color: #64748b;
		margin: 0;
	}

	.company-graphic-card {
		position: relative;
		border-radius: 18px;
		overflow: hidden;
		box-shadow: 0 14px 32px rgba(0, 0, 0, 0.08);
		border: 1px solid #e2e8f0;
	}

	.company-profile-img {
		width: 100%;
		height: auto;
		display: block;
		transition: transform 0.4s ease;
	}

	.company-graphic-card:hover .company-profile-img {
		transform: scale(1.02);
	}

	.company-card-overlay {
		position: absolute;
		bottom: 16px;
		left: 16px;
		right: 16px;
	}

	.overlay-pill {
		background: rgba(11, 25, 44, 0.9);
		backdrop-filter: blur(8px);
		border: 1px solid rgba(255, 255, 255, 0.18);
		border-radius: 9999px;
		padding: 10px 18px;
		text-align: center;
		color: #ffffff;
		font-size: 13px;
		font-weight: 600;
	}

	/* --- SECTION 3: VISION & MISSION --- */
	.vision-mission-section {
		background: #f8fafc;
		border-top: 1px solid #e2e8f0;
		border-bottom: 1px solid #e2e8f0;
	}

	.vm-cards-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 36px;
	}

	.vm-card {
		background: #ffffff;
		border-radius: 18px;
		overflow: hidden;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
		border: 1px solid #e2e8f0;
		display: flex;
		flex-direction: column;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	.vm-card:hover {
		transform: translateY(-6px);
		box-shadow: 0 18px 40px rgba(22, 66, 120, 0.12);
	}

	.vm-graphic-wrap {
		position: relative;
		height: 230px;
		overflow: hidden;
		background: #0b192c;
	}

	.vm-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transition: transform 0.4s ease;
	}

	.vm-card:hover .vm-img {
		transform: scale(1.04);
	}

	.vm-icon-badge {
		position: absolute;
		bottom: 14px;
		right: 16px;
		width: 44px;
		height: 44px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
	}

	.vision-badge {
		background: #164278;
	}

	.mission-badge {
		background: #16a34a;
	}

	.vm-card-body {
		padding: 32px 30px;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
	}

	.vm-card-title {
		font-size: 24px;
		font-weight: 800;
		color: #0f172a;
		margin: 0 0 10px 0;
	}

	.vm-card-lead {
		font-size: 15px;
		font-weight: 600;
		color: #164278;
		line-height: 1.6;
		margin: 0 0 14px 0;
	}

	.vm-card-desc {
		font-size: 14px;
		line-height: 1.7;
		color: #64748b;
		margin: 0 0 20px 0;
	}

	.vm-bullets {
		list-style: none;
		padding: 0;
		margin: auto 0 0 0;
		display: flex;
		flex-direction: column;
		gap: 9px;
	}

	.vm-bullets li {
		display: flex;
		align-items: flex-start;
		gap: 9px;
		font-size: 13.5px;
		color: #334155;
		font-weight: 500;
	}

	.bullet-check {
		color: #16a34a;
		font-weight: 800;
		flex-shrink: 0;
	}

	/* --- SECTION 4: WHY WE? --- */
	.why-we-section {
		background: #ffffff;
	}

	.why-we-grid {
		display: grid;
		grid-template-columns: 0.95fr 1.05fr;
		gap: 48px;
		align-items: center;
	}

	.why-we-img-frame {
		border-radius: 18px;
		overflow: hidden;
		box-shadow: 0 14px 32px rgba(0, 0, 0, 0.08);
		border: 1px solid #e2e8f0;
	}

	.why-we-img {
		width: 100%;
		height: auto;
		display: block;
		transition: transform 0.4s ease;
	}

	.why-we-img-frame:hover .why-we-img {
		transform: scale(1.02);
	}

	.why-we-pillars-col {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.pillar-box {
		display: flex;
		gap: 18px;
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 14px;
		padding: 20px 22px;
		transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	}

	.pillar-box:hover {
		transform: translateY(-2px);
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
		border-color: #bfdbfe;
	}

	.pillar-icon-wrap {
		width: 52px;
		height: 52px;
		min-width: 52px;
		border-radius: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.pillar-subtitle {
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 1.2px;
		color: #164278;
		text-transform: uppercase;
		display: block;
		margin-bottom: 4px;
	}

	.pillar-title {
		font-size: 16px;
		font-weight: 800;
		color: #0f172a;
		margin: 0 0 6px 0;
		line-height: 1.35;
	}

	.pillar-text p {
		font-size: 13.5px;
		line-height: 1.6;
		color: #64748b;
		margin: 0;
	}

	.pillars-badges-row {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 14px;
		margin-top: 10px;
	}

	.badge-card {
		background: #eff6ff;
		border: 1px solid #bfdbfe;
		border-radius: 12px;
		padding: 14px 10px;
		text-align: center;
		transition: transform 0.2s ease;
	}

	.badge-card:hover {
		transform: translateY(-3px);
	}

	.badge-card .badge-icon {
		font-size: 20px;
		display: block;
		margin-bottom: 4px;
	}

	.badge-card strong {
		display: block;
		font-size: 13.5px;
		font-weight: 800;
		color: #164278;
		letter-spacing: 0.5px;
	}

	.badge-card small {
		font-size: 11.5px;
		color: #64748b;
		font-weight: 500;
	}

	/* --- SECTION 5: OUR WORK & CORE VALUES --- */
	.our-work-section {
		background: #f8fafc;
		border-top: 1px solid #e2e8f0;
	}

	.work-gallery-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 26px;
		margin-bottom: 50px;
	}

	.gallery-card {
		background: #ffffff;
		border-radius: 16px;
		overflow: hidden;
		box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
		border: 1px solid #e2e8f0;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	.gallery-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);
	}

	.gallery-img-wrap {
		height: 220px;
		overflow: hidden;
		background: #0b192c;
	}

	.gallery-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transition: transform 0.4s ease;
	}

	.gallery-card:hover .gallery-img {
		transform: scale(1.05);
	}

	.gallery-info {
		padding: 20px;
	}

	.gallery-info h4 {
		font-size: 16px;
		font-weight: 800;
		color: #0f172a;
		margin: 0 0 6px 0;
	}

	.gallery-info p {
		font-size: 13px;
		line-height: 1.55;
		color: #64748b;
		margin: 0;
	}

	/* Core Values Banner */
	.core-values-banner {
		background: linear-gradient(135deg, #0b192c 0%, #164278 100%);
		border-radius: 20px;
		padding: 44px;
		box-shadow: 0 16px 36px rgba(11, 25, 44, 0.2);
		color: #ffffff;
	}

	.core-values-grid {
		display: grid;
		grid-template-columns: 280px 1fr;
		gap: 40px;
		align-items: center;
	}

	.cv-graphic-img {
		width: 100%;
		height: auto;
		border-radius: 14px;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
		display: block;
	}

	.cv-badge {
		display: inline-block;
		background: rgba(255, 255, 255, 0.12);
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 9999px;
		padding: 5px 14px;
		font-size: 11.5px;
		font-weight: 700;
		letter-spacing: 1.5px;
		color: #38bdf8;
		margin-bottom: 14px;
		text-transform: uppercase;
	}

	.cv-headline {
		font-size: 22px;
		font-weight: 800;
		line-height: 1.4;
		color: #ffffff;
		margin: 0 0 26px 0;
	}

	.cv-features-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}

	.cv-item {
		display: flex;
		gap: 12px;
		align-items: flex-start;
	}

	.cv-num {
		font-size: 18px;
		font-weight: 800;
		color: #38bdf8;
		background: rgba(255, 255, 255, 0.1);
		width: 34px;
		height: 34px;
		min-width: 34px;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
	}

	.cv-item h4 {
		font-size: 14.5px;
		font-weight: 700;
		color: #ffffff;
		margin: 0 0 4px 0;
	}

	.cv-item p {
		font-size: 12.5px;
		line-height: 1.5;
		color: #cbd5e1;
		margin: 0;
	}

	/* --- CTA SECTION --- */
	.about-cta-section {
		padding: 60px 0 85px 0;
		background: #ffffff;
	}

	.cta-inner-card {
		background: linear-gradient(135deg, #164278 0%, #0b192c 100%);
		border-radius: 20px;
		padding: 50px 36px;
		text-align: center;
		color: #ffffff;
		box-shadow: 0 16px 36px rgba(22, 66, 120, 0.25);
	}

	.cta-title {
		font-size: 32px;
		font-weight: 800;
		color: #ffffff;
		margin: 0 0 12px 0;
	}

	.cta-subtitle {
		font-size: 16px;
		color: #cbd5e1;
		max-width: 660px;
		margin: 0 auto 30px auto;
		line-height: 1.6;
	}

	.cta-buttons-wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 16px;
		flex-wrap: wrap;
	}

	.btn-cta-primary {
		background: #38bdf8;
		color: #0b192c !important;
		padding: 13px 30px;
		border-radius: 9999px;
		font-size: 14.5px;
		font-weight: 800;
		text-decoration: none !important;
		transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
		box-shadow: 0 4px 14px rgba(56, 189, 248, 0.35);
	}

	.btn-cta-primary:hover {
		background: #7dd3fc;
		transform: translateY(-2px);
		box-shadow: 0 6px 20px rgba(56, 189, 248, 0.45);
	}

	.btn-cta-secondary {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: rgba(255, 255, 255, 0.12);
		border: 1px solid rgba(255, 255, 255, 0.25);
		color: #ffffff !important;
		padding: 13px 26px;
		border-radius: 9999px;
		font-size: 14.5px;
		font-weight: 700;
		text-decoration: none !important;
		transition: background 0.2s ease, transform 0.2s ease;
	}

	.btn-cta-secondary:hover {
		background: rgba(255, 255, 255, 0.2);
		transform: translateY(-2px);
	}

	/* ==========================================================================
	12. Responsive Design QA (All Breakpoints: Requirements 8, 9, 10)
	========================================================================== */
	@media (max-width: 1024px) {
		.hero-stats-card {
			grid-template-columns: repeat(3, 1fr);
			gap: 15px;
		}

		.hero-stat-item {
			border-right: none;
			border-bottom: 1px solid #f1f5f9;
			padding-bottom: 12px;
		}

		.contact-grid-container {
			gap: 30px;
		}

		.service-cards-grid {
			grid-template-columns: repeat(2, 1fr) !important;
			gap: 18px !important;
		}

		.service-box {
			padding: 36px 28px !important;
		}

		.about-us .about-us-content {
			grid-template-columns: 1fr 1fr !important;
			gap: 32px !important;
		}

		.featured-courses>.wp-block-group>.wp-block-columns,
		.featured-courses>.about-us-container>.wp-block-group>.wp-block-columns,
		.kaizen-about-cards-row,
		.featured-courses .wp-container-core-columns-is-layout-5055d329,
		.popular-courses .wp-block-columns,
		.popular-courses .popular-course-upper {
			grid-template-columns: repeat(2, 1fr) !important;
			gap: 22px !important;
		}

		.page-id-118 .entry-content>.wp-block-columns {
			gap: 32px !important;
		}

		.page-id-118 .about-us-content {
			grid-template-columns: 1fr !important;
		}
	}

	@media (max-width: 768px) {

		html,
		body {
			overflow-x: hidden !important;
			width: 100% !important;
		}

		.inner-upper-header {
			flex-direction: column !important;
			gap: 8px !important;
			text-align: center !important;
			padding: 0 16px !important;
		}

		.top-contact-left,
		.top-contact-right {
			justify-content: center !important;
			flex-wrap: wrap !important;
			gap: 8px !important;
		}

		.inner-menu-header {
			padding: 0 16px !important;
		}

		.banner-image-cover {
			min-height: 560px !important;
			height: 560px !important;
		}

		.banner-image-cover .wp-block-cover__inner-container {
			padding: 40px 18px 40px 58px !important;
		}

		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev {
			left: 10px !important;
		}

		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next {
			right: 10px !important;
		}

		.banner-content {
			max-width: 100% !important;
		}

		.banner-content h1,
		.banner-content h1.wp-block-heading {
			font-size: clamp(1.8rem, 6vw, 2.4rem) !important;
			line-height: 1.22 !important;
		}

		.banner-content h3,
		.banner-content h3.wp-block-heading {
			font-size: clamp(1rem, 3.5vw, 1.2rem) !important;
			line-height: 1.45 !important;
			margin-bottom: 1.2rem !important;
		}

		.banner-content .wp-block-buttons {
			flex-direction: column !important;
			align-items: stretch !important;
			width: 100% !important;
			max-width: 320px !important;
			gap: 10px !important;
		}

		.banner-content .wp-block-buttons .wp-block-button,
		.banner-content .wp-block-buttons .wp-block-button__link {
			width: 100% !important;
			text-align: center !important;
			justify-content: center !important;
			min-height: 44px !important;
		}

		.hero-stats-card-container {
			padding: 0 16px !important;
			margin: -25px auto 30px auto !important;
		}

		.hero-stats-card {
			grid-template-columns: repeat(2, 1fr) !important;
			gap: 12px;
			padding: 16px 12px !important;
		}

		.hero-stat-item {
			border-right: none !important;
			border-bottom: 1px solid #f1f5f9;
			padding: 6px 4px 10px 4px !important;
		}

		.hero-stat-item:nth-last-child(-n+2) {
			border-bottom: none;
		}

		.hero-stat-number {
			font-size: 18px !important;
		}

		.placements-partners-section {
			padding: 15px 16px 30px 16px !important;
		}

		.placements-partners-logos {
			gap: 16px !important;
		}

		.partner-logo-item {
			font-size: 13.5px !important;
		}

		/* About Us Mobile */
		.about-us,
		.wp-block-group.about-us {
			padding: 45px 0 !important;
		}

		.about-us-container {
			padding: 0 16px !important;
		}

		.about-us .about-us-content {
			grid-template-columns: 1fr !important;
			gap: 32px !important;
		}

		.about-us .about-img-box .wp-block-columns {
			grid-template-columns: 1fr 1fr !important;
			gap: 12px !important;
		}

		.about-us .about-highlights {
			grid-template-columns: 1fr !important;
			gap: 12px !important;
		}

		/* Services Mobile */
		.service-section,
		#services.service-section {
			padding: 45px 0 !important;
		}

		.service-section-container {
			padding: 0 16px !important;
		}

		.service-box {
			padding: 28px 18px !important;
		}

		.service-intro-row {
			flex-direction: column !important;
			align-items: flex-start !important;
			gap: 16px !important;
			margin-bottom: 24px !important;
		}

		.service-cards-grid {
			grid-template-columns: 1fr !important;
			gap: 14px !important;
		}

		.service-cards-grid .service-card {
			padding: 18px 16px !important;
			min-height: auto !important;
		}

		/* Contact Mobile */
		.contact-main-wrapper {
			padding: 0 16px !important;
			margin: 30px auto !important;
		}

		.contact-map-header {
			padding: 0 16px !important;
			justify-content: center !important;
		}

		.contact-grid-container {
			grid-template-columns: 1fr !important;
			gap: 35px !important;
		}

		.contact-left-col {
			padding-right: 0 !important;
		}

		.contact-card-box {
			padding: 22px 16px !important;
		}

		.floating-inquiry-tab {
			font-size: 11.5px;
			padding: 10px 4px;
		}

		.featured-courses,
		.wp-block-group.featured-courses,
		.popular-courses,
		.wp-block-group.popular-courses {
			padding: 40px 0 !important;
			margin: 20px auto !important;
		}

		.featured-courses>.wp-block-heading,
		.featured-courses>.section-heading,
		.featured-courses>.featured-text,
		.featured-courses>.wp-block-group,
		.popular-courses,
		.wp-block-group.popular-courses {
			padding-left: 16px !important;
			padding-right: 16px !important;
		}

		.featured-courses>.wp-block-group>.wp-block-columns,
		.featured-courses>.about-us-container>.wp-block-group>.wp-block-columns,
		.kaizen-about-cards-row,
		.featured-courses .wp-container-core-columns-is-layout-5055d329,
		.popular-courses .wp-block-columns,
		.popular-courses .popular-course-upper {
			grid-template-columns: 1fr !important;
			gap: 18px !important;
		}

		.popular-course-box:not(.service-card-item) {
			padding: 22px 18px !important;
		}

		/* About Us Page Tablet & Mobile Layouts */
		.about-section {
			padding: 55px 0 !important;
		}

		.about-hero-title {
			font-size: 30px !important;
		}

		.about-hero-lead {
			font-size: 15px !important;
		}

		.hero-stat-pill {
			min-width: 130px !important;
			padding: 10px 18px !important;
		}

		.hero-stat-pill strong {
			font-size: 22px !important;
		}

		.director-card {
			grid-template-columns: 1fr !important;
			gap: 28px !important;
			padding: 24px 20px !important;
		}

		.director-img-frame {
			max-width: 320px;
			margin: 0 auto;
		}

		.director-credentials-list {
			grid-template-columns: 1fr !important;
			gap: 12px !important;
		}

		.about-two-col-grid,
		.why-we-grid {
			grid-template-columns: 1fr !important;
			gap: 32px !important;
		}

		.vm-cards-grid {
			grid-template-columns: 1fr !important;
			gap: 24px !important;
		}

		.pillars-badges-row {
			grid-template-columns: 1fr !important;
			gap: 10px !important;
		}

		.work-gallery-grid {
			grid-template-columns: 1fr !important;
			gap: 20px !important;
		}

		.core-values-grid {
			grid-template-columns: 1fr !important;
			gap: 24px !important;
		}

		.core-values-banner {
			padding: 28px 20px !important;
		}

		.cv-graphic-img {
			max-width: 260px;
			margin: 0 auto;
		}

		.cv-headline {
			font-size: 18px !important;
		}

		.cv-features-grid {
			grid-template-columns: 1fr !important;
			gap: 14px !important;
		}

		.cta-inner-card {
			padding: 36px 20px !important;
		}

		.cta-title {
			font-size: 24px !important;
		}

		.footer-widgets .wp-block-columns {
			flex-direction: column !important;
			gap: 28px !important;
			padding: 0 16px !important;
		}
	}

	@media (max-width: 480px) {
		.hero-stats-card {
			grid-template-columns: 1fr 1fr !important;
			gap: 8px !important;
		}

		.banner-image-cover {
			min-height: 520px !important;
			height: 520px !important;
		}

		.banner-image-cover .wp-block-cover__inner-container {
			padding: 30px 14px 40px 14px !important;
		}

		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev,
		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next {
			width: 36px !important;
			height: 36px !important;
			margin: -18px 0 0 0 !important;
		}

		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev {
			left: 6px !important;
		}

		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next {
			right: 6px !important;
		}

		.banner-content h1,
		.banner-content h1.wp-block-heading {
			font-size: 1.75rem !important;
			line-height: 1.25 !important;
		}

		.banner-content h3,
		.banner-content h3.wp-block-heading {
			font-size: 0.95rem !important;
		}

		.contact-social-icons {
			gap: 8px;
		}

		.social-circle-btn {
			width: 34px;
			height: 34px;
			font-size: 13px;
		}

		.featured-courses .wp-block-button__link,
		.featured-box-inner .wp-block-button__link,
		.popular-course-box .wp-block-button__link {
			width: 100% !important;
			text-align: center !important;
		}
	}

	/* ==========================================================================
	2026 Upcoming Events Section (Horizontal Auto-Scrolling Marquee)
	========================================================================== */

	.events-section-wrap.kaizen-events-container {
		background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%) !important;
		border-top: 1px solid #e2e8f0;
		border-bottom: 1px solid #e2e8f0;
		position: relative;
		overflow: hidden;
		width: 100%;
		box-sizing: border-box;
	}

	.events-inner-shell {
		max-width: 1320px;
		margin: 0 auto;
		padding: 0 24px;
		box-sizing: border-box;
	}

	/* Compact Section Header */
	.events-section-header {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		gap: 20px;
		margin-bottom: 22px;
		flex-wrap: wrap;
	}

	.events-header-left {
		max-width: 680px;
	}

	.events-kicker-badge {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: #eff6ff;
		border: 1px solid #bfdbfe;
		color: #164278;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 1.2px;
		text-transform: uppercase;
		padding: 4px 12px;
		border-radius: 9999px;
		margin-bottom: 8px;
	}

	.events-badge-dot {
		width: 7px;
		height: 7px;
		background: #2563eb;
		border-radius: 50%;
		display: inline-block;
		box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
		animation: pulseDotBadge 2.4s ease-in-out infinite;
	}

	.events-main-title {
		font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
		font-size: clamp(22px, 2.5vw, 28px) !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		line-height: 1.25 !important;
		margin: 0 0 6px 0 !important;
		letter-spacing: -0.3px;
	}

	.events-subtitle {
		font-size: 13.5px !important;
		color: #64748b !important;
		line-height: 1.5 !important;
		margin: 0 !important;
	}

	.events-header-right {
		display: flex;
		align-items: center;
		gap: 14px;
	}

	.events-nav-controls {
		display: none !important;
	}

	.events-nav-btn {
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: #ffffff;
		border: 1.5px solid #164278 !important;
		color: #164278 !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: all 0.2s ease;
		box-shadow: 0 2px 6px rgba(22, 66, 120, 0.12);
	}

	.events-nav-btn svg {
		stroke: #164278 !important;
		stroke-width: 2.6px !important;
		transition: stroke 0.2s ease;
	}

	.events-nav-btn:hover {
		background: #164278 !important;
		color: #ffffff !important;
		border-color: #164278 !important;
		transform: translateY(-1px);
		box-shadow: 0 4px 12px rgba(22, 66, 120, 0.28);
	}

	.events-nav-btn:hover svg {
		stroke: #ffffff !important;
	}

	.events-view-all-link {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		font-size: 13px;
		font-weight: 700;
		color: #164278;
		text-decoration: none !important;
		padding: 7px 16px;
		background: #ffffff;
		border: 1px solid #bfdbfe;
		border-radius: 9999px;
		transition: all 0.2s ease;
		white-space: nowrap;
	}

	.events-view-all-link:hover {
		background: #eff6ff;
		border-color: #164278;
		transform: translateX(2px);
	}

	.events-view-all-link svg {
		transition: transform 0.2s ease;
	}

	.events-view-all-link:hover svg {
		transform: translateX(3px);
	}

	/* Horizontal Viewport & Infinite Marquee Track */
	.events-carousel-outer {
		position: relative !important;
		width: 100% !important;
	}

	.events-nav-arrow {
		position: absolute !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		width: 44px !important;
		height: 44px !important;
		border-radius: 50% !important;
		background: #ffffff !important;
		border: 1.5px solid #cbd5e1 !important;
		box-shadow: 0 4px 16px rgba(15, 23, 42, 0.18) !important;
		color: #164278 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		z-index: 120 !important;
		transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
	}

	.events-nav-arrow:hover {
		background: #164278 !important;
		color: #ffffff !important;
		border-color: #164278 !important;
		box-shadow: 0 6px 20px rgba(22, 66, 120, 0.35) !important;
		transform: translateY(-50%) scale(1.1) !important;
	}

	.events-nav-arrow.prev-arrow {
		left: 6px !important;
	}

	.events-nav-arrow.next-arrow {
		right: 6px !important;
	}

	.events-header-arrow-btn {
		width: 36px !important;
		height: 36px !important;
		border-radius: 50% !important;
		background: #ffffff !important;
		border: 1.5px solid #cbd5e1 !important;
		color: #164278 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		transition: all 0.2s ease !important;
		box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
		padding: 0 !important;
	}

	.events-header-arrow-btn:hover {
		background: #164278 !important;
		color: #ffffff !important;
		border-color: #164278 !important;
		transform: scale(1.06) !important;
	}

	@media (max-width: 768px) {
		.events-nav-arrow {
			width: 36px !important;
			height: 36px !important;
		}
		.events-nav-arrow.prev-arrow {
			left: 2px !important;
		}
		.events-nav-arrow.next-arrow {
			right: 2px !important;
		}
	}

	.events-carousel-viewport {
		overflow-x: auto;
		overflow-y: hidden;
		position: relative;
		width: 100%;
		border-radius: 14px;
		padding: 4px 2px 14px 2px;
		cursor: grab;
		scroll-behavior: smooth !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
		touch-action: pan-y;
	}

	.events-carousel-viewport::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
	}

	.events-carousel-viewport.is-dragging,
	.events-carousel-viewport:active {
		cursor: grabbing;
		user-select: none;
	}

	.events-carousel-track {
		display: flex;
		gap: 20px;
		align-items: stretch;
		width: max-content;
		will-change: scroll-position;
	}

	/* Event Card Item */
	.event-card-item {
		flex: 0 0 380px;
		max-width: 380px;
		background: #ffffff;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		box-shadow: 0 3px 12px rgba(15, 23, 42, 0.05);
		transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease, border-color 0.28s ease;
		position: relative;
		overflow: hidden;
		user-select: none;
		box-sizing: border-box;
	}

	.event-card-item:hover {
		transform: translateY(-4px);
		box-shadow: 0 12px 24px -4px rgba(22, 66, 120, 0.14);
		border-color: #93c5fd;
	}

	.event-card-inner {
		display: flex;
		align-items: stretch;
		height: 100%;
		min-height: 142px;
	}

	/* Card Media / Thumbnail */
	.event-card-media {
		flex: 0 0 115px;
		width: 115px;
		position: relative;
		overflow: hidden;
		background: #0f172a;
	}

	.event-card-media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transition: transform 0.4s ease;
	}

	.event-card-item:hover .event-card-media img {
		transform: scale(1.08);
	}

	.event-cat-pill {
		position: absolute;
		top: 8px;
		left: 8px;
		font-size: 9.5px;
		font-weight: 800;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		padding: 2px 7px;
		border-radius: 4px;
		color: #ffffff;
		backdrop-filter: blur(4px);
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	}

	.event-cat-pill.expo {
		background: rgba(22, 66, 120, 0.92);
	}

	.event-cat-pill.seminar {
		background: rgba(37, 99, 235, 0.92);
	}

	.event-cat-pill.spot {
		background: rgba(14, 116, 144, 0.92);
	}

	.event-cat-pill.openhouse {
		background: rgba(109, 40, 217, 0.92);
	}

	.event-cat-pill.contest {
		background: rgba(180, 83, 9, 0.92);
	}

	/* Card Content Area */
	.event-card-content {
		flex: 1 1 auto;
		padding: 12px 14px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		overflow: hidden;
		box-sizing: border-box;
	}

	.event-meta-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 6px;
		margin-bottom: 6px;
	}

	.event-date-chip {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		font-size: 11.5px;
		font-weight: 700;
		color: #164278;
	}

	.event-time-chip {
		font-size: 10.5px;
		color: #64748b;
		font-weight: 500;
		white-space: nowrap;
	}

	.event-title {
		font-size: 13.5px !important;
		font-weight: 700 !important;
		color: #0f172a !important;
		line-height: 1.35 !important;
		margin: 0 0 6px 0 !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.event-location-row {
		display: flex;
		align-items: center;
		gap: 4px;
		font-size: 11.5px;
		color: #64748b;
		margin-bottom: 8px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.event-card-actions {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		margin-top: auto;
		padding-top: 6px;
		border-top: 1px solid #f1f5f9;
	}

	.event-know-more-btn {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		font-size: 12px;
		font-weight: 700;
		color: #164278;
		text-decoration: none !important;
		transition: all 0.2s ease;
	}

	.event-know-more-btn:hover {
		color: #2563eb;
		transform: translateX(2px);
	}

	.event-book-mini-btn {
		background: #164278;
		color: #ffffff !important;
		font-size: 11px;
		font-weight: 600;
		padding: 4px 12px;
		border-radius: 9999px;
		text-decoration: none !important;
		transition: all 0.2s ease;
		box-shadow: 0 2px 5px rgba(22, 66, 120, 0.25);
		white-space: nowrap;
	}

	.event-book-mini-btn:hover {
		background: #1e5296;
		transform: scale(1.04);
	}

	/* Empty State */
	.events-empty-state {
		text-align: center;
		padding: 38px 24px;
		background: #ffffff;
		border: 1px dashed #cbd5e1;
		border-radius: 12px;
		max-width: 520px;
		margin: 10px auto 0 auto;
	}

	.empty-state-icon {
		font-size: 36px;
		margin-bottom: 8px;
	}

	.empty-state-title {
		font-size: 18px;
		font-weight: 700;
		color: #0f172a;
		margin: 0 0 6px 0;
	}

	.empty-state-desc {
		font-size: 13.5px;
		color: #64748b;
		line-height: 1.5;
		margin: 0 0 16px 0;
	}

	.empty-state-cta {
		display: inline-block;
		background: #164278;
		color: #ffffff !important;
		font-size: 13px;
		font-weight: 600;
		padding: 8px 20px;
		border-radius: 9999px;
		text-decoration: none !important;
	}

	/* ==========================================================================
	2026 Dedicated Events Page (/events/)
	========================================================================== */

	.kaizen-events-page-wrap {
		width: 100%;
		background: #ffffff;
	}

	.events-hero-section {
		background: linear-gradient(135deg, #0a192f 0%, #164278 60%, #1e5296 100%);
		color: #ffffff;
		padding: 70px 24px 60px 24px;
		text-align: center;
		position: relative;
		overflow: hidden;
	}

	.events-hero-shell {
		max-width: 980px;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}

	.events-hero-badge {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: rgba(255, 255, 255, 0.12);
		border: 1px solid rgba(255, 255, 255, 0.25);
		backdrop-filter: blur(8px);
		color: #93c5fd;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		padding: 6px 18px;
		border-radius: 9999px;
		margin-bottom: 16px;
	}

	.hero-badge-pulse {
		width: 8px;
		height: 8px;
		background: #38bdf8;
		border-radius: 50%;
		display: inline-block;
		box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.35);
		animation: pulseDotBadge 2s infinite;
	}

	.events-hero-title {
		font-family: 'Outfit', sans-serif !important;
		font-size: clamp(28px, 4vw, 42px) !important;
		font-weight: 800 !important;
		color: #ffffff !important;
		line-height: 1.2 !important;
		margin: 0 0 16px 0 !important;
	}

	.events-hero-desc {
		font-size: clamp(15px, 1.8vw, 17px) !important;
		color: #cbd5e1 !important;
		line-height: 1.65 !important;
		max-width: 780px;
		margin: 0 auto 30px auto !important;
	}

	.events-hero-stats {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 14px;
		flex-wrap: wrap;
	}

	.hero-stat-pill {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: rgba(255, 255, 255, 0.08);
		border: 1px solid rgba(255, 255, 255, 0.15);
		border-radius: 9999px;
		padding: 7px 18px;
		font-size: 13px;
		color: #f1f5f9;
	}

	.hero-stat-pill strong {
		color: #ffffff;
	}

	/* Events Main Section */
	.events-main-section {
		padding: 50px 24px 80px 24px;
		background: #f8fafc;
	}

	.events-main-shell {
		max-width: 1240px;
		margin: 0 auto;
	}

	/* Category Filter Bar */
	.events-filter-bar {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 18px;
		margin-bottom: 34px;
		flex-wrap: wrap;
		background: #ffffff;
		padding: 14px 20px;
		border-radius: 12px;
		border: 1px solid #e2e8f0;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
	}

	.filter-pills-wrap {
		display: flex;
		gap: 8px;
		flex-wrap: wrap;
	}

	.filter-pill-btn {
		background: #f1f5f9;
		border: 1px solid #e2e8f0;
		color: #475569;
		font-size: 13px;
		font-weight: 600;
		padding: 6px 14px;
		border-radius: 9999px;
		cursor: pointer;
		transition: all 0.2s ease;
		display: inline-flex;
		align-items: center;
		gap: 6px;
	}

	.filter-pill-btn:hover {
		background: #e2e8f0;
		color: #0f172a;
	}

	.filter-pill-btn.active {
		background: #164278;
		border-color: #164278;
		color: #ffffff;
		box-shadow: 0 2px 8px rgba(22, 66, 120, 0.25);
	}

	.pill-count {
		font-size: 11px;
		background: rgba(0, 0, 0, 0.08);
		padding: 1px 6px;
		border-radius: 9999px;
	}

	.filter-pill-btn.active .pill-count {
		background: rgba(255, 255, 255, 0.25);
	}

	.events-search-box {
		position: relative;
		min-width: 240px;
	}

	.events-search-box input {
		width: 100%;
		padding: 8px 14px 8px 34px !important;
		border: 1px solid #cbd5e1 !important;
		border-radius: 9999px !important;
		font-size: 13px !important;
		outline: none !important;
		background: #ffffff !important;
		box-sizing: border-box !important;
	}

	.events-search-box input:focus {
		border-color: #164278 !important;
		box-shadow: 0 0 0 3px rgba(22, 66, 120, 0.15) !important;
	}

	.search-icon {
		position: absolute;
		left: 12px;
		top: 50%;
		transform: translateY(-50%);
		color: #94a3b8;
		display: flex;
	}

	/* Detailed Grid */
	.events-detail-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
		align-items: start;
		margin-bottom: 50px;
	}

	@media (max-width: 900px) {
		.events-detail-grid {
			grid-template-columns: 1fr;
			gap: 20px;
		}
	}

	.event-detail-card {
		background: #ffffff;
		border: 1px solid #e2e8f0;
		border-radius: 14px;
		overflow: hidden;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
		transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
		display: flex;
		flex-direction: column;
		scroll-margin-top: 110px;
		height: auto;
	}

	.event-detail-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 14px 30px -6px rgba(22, 66, 120, 0.14);
		border-color: #bfdbfe;
	}

	.detail-card-media-shell {
		position: relative;
		height: 200px;
		overflow: hidden;
		background: #0f172a;
	}

	.detail-card-media-shell img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transition: transform 0.5s ease;
	}

	.event-detail-card:hover .detail-card-media-shell img {
		transform: scale(1.05);
	}

	.media-overlay-badges {
		position: absolute;
		top: 12px;
		left: 12px;
		right: 12px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		pointer-events: none;
		gap: 8px;
	}

	.detail-category-badge {
		font-size: 10.5px;
		font-weight: 800;
		letter-spacing: 0.6px;
		text-transform: uppercase;
		padding: 3px 10px;
		border-radius: 9999px;
		color: #ffffff;
		background: rgba(22, 66, 120, 0.92);
		backdrop-filter: blur(6px);
	}

	.detail-status-badge {
		font-size: 10.5px;
		font-weight: 700;
		padding: 3px 9px;
		border-radius: 9999px;
		background: rgba(16, 185, 129, 0.92);
		color: #ffffff;
	}

	.detail-card-body {
		padding: 18px 20px;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}

	.detail-meta-header {
		display: flex;
		gap: 14px;
		align-items: flex-start;
		margin-bottom: 12px;
	}

	.detail-calendar-block {
		flex: 0 0 54px;
		background: #eff6ff;
		border: 1px solid #bfdbfe;
		border-radius: 8px;
		padding: 5px 3px;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.cal-month {
		font-size: 10.5px;
		font-weight: 800;
		color: #164278;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}

	.cal-day {
		font-size: 20px;
		font-weight: 900;
		color: #0f172a;
		line-height: 1.1;
	}

	.cal-year {
		font-size: 9.5px;
		color: #64748b;
		font-weight: 600;
	}

	.detail-info-block {
		flex: 1 1 auto;
	}

	.detail-event-title {
		font-size: 17.5px !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		line-height: 1.3 !important;
		margin: 0 0 6px 0 !important;
	}

	.detail-meta-row {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		font-size: 12px;
		color: #64748b;
	}

	.meta-item {
		display: inline-flex;
		align-items: center;
		gap: 4px;
	}

	.meta-item svg {
		color: #164278;
	}

	.detail-event-summary {
		font-size: 13.5px !important;
		line-height: 1.55 !important;
		color: #475569 !important;
		margin: 0 0 14px 0 !important;
	}

	.detail-highlights-box {
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 8px;
		padding: 12px 14px;
		margin-bottom: 14px;
	}

	.highlights-title {
		font-size: 12.5px !important;
		font-weight: 700 !important;
		color: #0f172a !important;
		margin: 0 0 6px 0 !important;
	}

	.highlights-list {
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.highlights-list li {
		font-size: 12px !important;
		color: #334155 !important;
		line-height: 1.4 !important;
		display: flex;
		align-items: flex-start;
		gap: 6px;
	}

	.check-icon {
		color: #2563eb;
		font-weight: 800;
	}

	/* Event Action Button Group (Requirements 6, 7, 8, 9, 13) */
	.detail-card-actions {
		display: flex;
		align-items: center;
		gap: 8px;
		margin-top: 14px;
		flex-wrap: wrap;
	}

	.btn-event-action {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		height: 38px;
		line-height: 38px;
		padding: 0 14px;
		font-size: 12.5px;
		font-weight: 700;
		border-radius: 8px;
		text-decoration: none !important;
		box-sizing: border-box;
		transition: all 0.2s ease;
		white-space: nowrap;
		cursor: pointer;
		vertical-align: middle;
	}

	.btn-event-action svg {
		width: 15px;
		height: 15px;
		flex-shrink: 0;
		display: block;
	}

	/* Download Brochure Button */
	.btn-download-brochure {
		background: #164278;
		color: #ffffff !important;
		border: 1px solid #164278;
		box-shadow: 0 2px 6px rgba(22, 66, 120, 0.2);
	}

	.btn-download-brochure:hover {
		background: #1e5296;
		border-color: #1e5296;
		color: #ffffff !important;
		transform: translateY(-1px);
		box-shadow: 0 4px 10px rgba(22, 66, 120, 0.3);
	}

	/* WhatsApp Inquiry Button */
	.btn-whatsapp-inquiry {
		background: #f0fdf4;
		border: 1px solid #bbf7d0;
		color: #15803d !important;
	}

	.btn-whatsapp-inquiry:hover {
		background: #22c55e;
		border-color: #22c55e;
		color: #ffffff !important;
		transform: translateY(-1px);
		box-shadow: 0 4px 10px rgba(34, 197, 94, 0.25);
	}

	/* Show Photos Button */
	.btn-show-photos {
		background: #f8fafc;
		border: 1px solid #cbd5e1;
		color: #334155 !important;
	}

	.btn-show-photos:hover {
		background: #164278;
		border-color: #164278;
		color: #ffffff !important;
		transform: translateY(-1px);
		box-shadow: 0 4px 10px rgba(22, 66, 120, 0.25);
	}

	@media (max-width: 600px) {
		.detail-card-actions {
			gap: 6px;
		}

		.btn-event-action {
			font-size: 11.5px;
			padding: 0 10px;
			height: 36px;
			line-height: 36px;
		}
	}

	/* FAQ Shell */
	.events-faq-shell {
		background: #ffffff;
		border: 1px solid #e2e8f0;
		border-radius: 16px;
		padding: 40px 34px;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
	}

	.events-faq-title {
		font-size: 22px !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		text-align: center;
		margin: 0 0 28px 0 !important;
	}

	.events-faq-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}

	.faq-item {
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 10px;
		padding: 18px 20px;
	}

	.faq-question {
		font-size: 15px !important;
		font-weight: 700 !important;
		color: #164278 !important;
		margin: 0 0 8px 0 !important;
	}

	.faq-answer {
		font-size: 13.5px !important;
		color: #475569 !important;
		line-height: 1.55 !important;
		margin: 0 !important;
	}

	/* Event Booking Notice on Contact Page */
	.contact-event-notice-box {
		background: #eff6ff;
		border: 1px solid #bfdbfe;
		border-left: 4px solid #164278;
		padding: 12px 18px;
		border-radius: 6px;
		margin-bottom: 20px;
		display: flex;
		align-items: center;
		gap: 10px;
		font-size: 13.5px;
		color: #1e3a8a;
	}

	/* Responsive Rules for Events Section & Page */
	@media (max-width: 1024px) {
		.event-card-item {
			flex: 0 0 340px;
			max-width: 340px;
		}

		.events-detail-grid {
			grid-template-columns: 1fr;
			gap: 24px;
		}

		.events-faq-grid {
			grid-template-columns: 1fr;
		}
	}

	@media (max-width: 768px) {
		.events-section-header {
			flex-direction: column;
			align-items: flex-start;
			gap: 14px;
		}

		.events-header-right {
			width: 100%;
			justify-content: space-between;
		}

		.event-card-item {
			flex: 0 0 320px;
			max-width: 320px;
		}

		.events-filter-bar {
			flex-direction: column;
			align-items: stretch;
		}

		.events-search-box {
			width: 100%;
		}

		.events-hero-section {
			padding: 50px 18px 40px 18px;
		}

		.events-main-section {
			padding: 30px 16px 50px 16px;
		}

		.detail-meta-header {
			flex-direction: column;
			gap: 10px;
		}

		.detail-calendar-block {
			flex-direction: row;
			gap: 6px;
			width: auto;
			padding: 4px 10px;
		}
	}

	@media (max-width: 480px) {
		.event-card-item {
			flex: 0 0 86vw;
			max-width: 86vw;
		}

		.event-card-inner {
			min-height: 130px;
		}

		.event-card-media {
			flex: 0 0 95px;
			width: 95px;
		}

		.event-title {
			font-size: 13px !important;
		}

		.event-card-actions {
			gap: 4px;
		}

		.event-book-mini-btn {
			padding: 4px 8px;
			font-size: 10.5px;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.events-carousel-viewport {
			overflow-x: auto;
			scroll-behavior: auto;
		}

		*,
		::before,
		::after {
			animation-duration: 0.01ms !important;
			animation-iteration-count: 1 !important;
			transition-duration: 0.01ms !important;
			scroll-behavior: auto !important;
		}
	}

	/* ==========================================================================
	2026 KAIZEN EDUCATION CONSULTANCY - ENHANCED SERVICES & FOOTER DESIGN SYSTEM
	========================================================================== */

	/* --------------------------------------------------------------------------
	1. All 16 Service Cards - Compact, Wider, Perfectly Aligned Grid
	-------------------------------------------------------------------------- */
	/* Remove unwanted old service sections to eliminate extra space */
	.service-section:not(.popular-courses):not(.service-section-wrapper),
	.service-box,
	.service-intro-row,
	.service-cards-grid {
		display: none !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	/* Eliminate excessive gap between Events and Services */
	.events-section-wrap.kaizen-events-container {
		padding-top: 40px !important;
		padding-bottom: 25px !important;
		margin-bottom: 0 !important;
	}

	.popular-courses.service-section-wrapper,
	#services.service-section-wrapper {
		width: 100% !important;
		max-width: 100% !important;
		padding: 35px 0 60px 0 !important;
		margin-top: 0 !important;
		background: #ffffff !important;
		box-sizing: border-box !important;
	}

	.services-main-container {
		max-width: 1320px !important;
		margin: 0 auto !important;
		padding: 0 24px !important;
		box-sizing: border-box !important;
		width: 100% !important;
	}

	.services-header-box {
		text-align: center;
		margin-bottom: 35px;
	}

	.services-kicker-pill {
		display: inline-block;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		color: #164278;
		background: #eff6ff;
		padding: 5px 16px;
		border-radius: 9999px;
		margin-bottom: 12px;
		border: 1px solid #bfdbfe;
	}

	.services-header-box .section-heading {
		font-size: clamp(28px, 3.5vw, 40px) !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		margin: 0 0 12px 0 !important;
		letter-spacing: -0.5px !important;
		font-family: 'Outfit', sans-serif !important;
	}

	.services-header-box .section-subtext {
		font-size: 15px;
		color: #64748b;
		max-width: 720px;
		margin: 0 auto;
		line-height: 1.6;
	}

	/* 16 Cards Responsive Grid */
	.services-16-grid {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 22px !important;
		width: 100% !important;
		margin: 0 auto !important;
		box-sizing: border-box !important;
		align-items: stretch !important;
	}

	@media (max-width: 1100px) {
		.services-16-grid {
			grid-template-columns: repeat(2, 1fr) !important;
			gap: 20px !important;
		}
	}

	@media (max-width: 600px) {
		.services-16-grid {
			grid-template-columns: 1fr !important;
			gap: 18px !important;
		}
	}

	/* Modern Compact Service Card - Entire Card Clickable with Interactive States */
	.service-card-item,
	.service-card-item.popular-course-box,
	.popular-course-box {
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-top: 3.5px solid #164278 !important;
		border-radius: 14px !important;
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
		overflow: hidden !important;
		box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
		transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
		box-sizing: border-box !important;
		padding: 0 !important;
		margin: 0 !important;
		text-align: center !important;
		cursor: pointer !important;
		position: relative !important;
	}

	.service-card-item:hover,
	.popular-course-box:hover,
	.service-card-item:focus-within,
	.popular-course-box:focus-within {
		transform: translateY(-6px) !important;
		box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(243, 112, 33, 0.1) !important;
		border-color: #cbd5e1 !important;
		border-top-color: #f37021 !important;
	}

	.service-card-item:focus-visible,
	.popular-course-box:focus-visible {
		outline: 2px solid #f37021 !important;
		outline-offset: 3px !important;
	}

	/* Card Thumbnail - 220px Prominent Height, Edge-to-Edge, Zero Grey Background */
	.card-thumb-wrap,
	.service-card-item .card-thumb-wrap,
	.popular-course-box .card-thumb-wrap,
	div.card-thumb-wrap {
		height: 220px !important;
		min-height: 220px !important;
		max-height: 220px !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		overflow: hidden !important;
		background: transparent !important;
		position: relative !important;
		border: none !important;
		border-bottom: 1px solid #e2e8f0 !important;
		border-radius: 13px 13px 0 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		display: block !important;
	}

	.card-thumb-img,
	.card-thumb-wrap img,
	.service-card-item .card-thumb-wrap img,
	.popular-course-box .card-thumb-wrap img,
	.popular-course-box img.card-thumb-img,
	div.service-card-item img {
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
		min-height: 220px !important;
		max-height: 220px !important;
		object-fit: cover !important;
		object-position: center center !important;
		display: block !important;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		border-radius: 13px 13px 0 0 !important;
	}

	.service-card-item:hover .card-thumb-img,
	.popular-course-box:hover .card-thumb-wrap img,
	.service-card-item:hover .card-thumb-wrap img {
		transform: scale(1.04) !important;
	}

	/* Remove Any Badge Pill on Image */
	.card-season-pill {
		display: none !important;
	}

	/* Card Body Content */
	.card-body-content {
		padding: 16px 18px 20px 18px !important;
		display: flex !important;
		flex-direction: column !important;
		flex-grow: 1 !important;
		align-items: center !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}

	/* Card Title (Comfortable 2-line clamp, clean font) */
	.card-title-text,
	.service-card-item h5,
	.popular-course-box h5 {
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1.4 !important;
		color: #0f172a !important;
		margin: 0 0 10px 0 !important;
		min-height: 42px !important;
		height: 42px !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		text-align: center !important;
		font-family: 'Outfit', sans-serif !important;
	}

	/* Card Description - Expanded to 4 lines with increased height so sub-description shows properly */
	.card-desc-text,
	.service-card-item p,
	.popular-course-box p {
		font-size: 13px !important;
		line-height: 1.55 !important;
		color: #475569 !important;
		margin: 0 0 16px 0 !important;
		min-height: 82px !important;
		height: 82px !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 4 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		text-align: center !important;
	}

	/* Card Button Wrap & View More Button */
	.card-btn-wrap {
		margin-top: auto !important;
		width: 100% !important;
		display: flex !important;
		justify-content: center !important;
		padding-top: 4px !important;
	}

	.service-view-btn,
	.service-card-item .wp-block-button__link,
	.popular-course-box .wp-block-button__link {
		background: #164278 !important;
		color: #ffffff !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		padding: 8px 24px !important;
		border-radius: 9999px !important;
		text-decoration: none !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		box-shadow: 0 2px 8px rgba(22, 66, 120, 0.22) !important;
		transition: background-color 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s ease, color 0.28s ease !important;
		border: none !important;
		cursor: pointer !important;
	}

	.service-view-btn:hover,
	.service-view-btn:active,
	.service-view-btn:focus,
	.service-card-item:hover .service-view-btn,
	.popular-course-box:hover .service-view-btn,
	.service-card-item .wp-block-button__link:hover,
	.popular-course-box .wp-block-button__link:hover,
	.service-card-item .wp-block-button__link:active,
	.popular-course-box .wp-block-button__link:active {
		background: #f37021 !important;
		background-color: #f37021 !important;
		box-shadow: 0 4px 16px rgba(243, 112, 33, 0.45) !important;
		transform: translateY(-2px) !important;
		color: #ffffff !important;
	}

	/* Service Target Scroll Margins for Sticky Header Offset */
	#service-1,
	#service-2,
	#service-3,
	#service-4,
	#service-5,
	#service-6,
	#service-7,
	#service-8,
	#service-9,
	#service-10,
	#service-11,
	#service-12,
	#service-13,
	#service-14,
	#service-15,
	#service-16,
	[id^="service-"],
	.service-card-item {
		scroll-margin-top: 96px !important;
	}

	@media (max-width: 999px) {

		#service-1,
		#service-2,
		#service-3,
		#service-4,
		#service-5,
		#service-6,
		#service-7,
		#service-8,
		#service-9,
		#service-10,
		#service-11,
		#service-12,
		#service-13,
		#service-14,
		#service-15,
		#service-16,
		[id^="service-"],
		.service-card-item {
			scroll-margin-top: 82px !important;
		}
	}

	/* Service Card Targeted Glow & Highlight Pulse Animation */
	.service-card-item.service-card-targeted,
	.popular-course-box.service-card-targeted,
	[id^="service-"]:target {
		outline: 3px solid #f37021 !important;
		outline-offset: 4px !important;
		box-shadow: 0 0 0 6px rgba(243, 112, 33, 0.3), 0 20px 38px rgba(15, 23, 42, 0.18) !important;
		animation: serviceTargetGlowPulse 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
	}

	@keyframes serviceTargetGlowPulse {
		0% {
			transform: scale(0.97);
			box-shadow: 0 0 0 0 rgba(243, 112, 33, 0.8), 0 10px 25px rgba(15, 23, 42, 0.12);
		}

		35% {
			transform: scale(1.03);
			box-shadow: 0 0 0 14px rgba(243, 112, 33, 0.35), 0 24px 44px rgba(243, 112, 33, 0.25);
		}

		70% {
			transform: scale(1.01);
			box-shadow: 0 0 0 8px rgba(243, 112, 33, 0.2), 0 16px 32px rgba(15, 23, 42, 0.14);
		}

		100% {
			transform: scale(1);
			box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
		}
	}

	/* Prevent Horizontal Overflow / Viewport Spillage */
	html,
	body {
		overflow-x: clip !important;
		max-width: 100% !important;
	}

	/* Ensure strictly only ONE Contact Us tab is displayed in header navigation */
	.wp-block-navigation__container>.header-nav-contact-item~.header-nav-contact-item,
	.wp-block-navigation__container>li:has(a[href*="/contact/"])~li:has(a[href*="/contact/"]) {
		display: none !important;
	}

	/* Hide stray gallery items if ever rendered directly as top-level navbar items */
	.wp-block-navigation__container>li:not(.has-child):has(a[href*="1-to-1"]),
	.wp-block-navigation__container>li:not(.has-child):has(a[href*="open-house"]),
	.wp-block-navigation__container>li:not(.has-child):has(a[href*="school-college-seminar"]),
	.wp-block-navigation__container>li:not(.has-child):has(a[href*="talent-hunt"]),
	.wp-block-navigation__container>li:not(.has-child):has(a[href*="career-fair"]),
	.wp-block-navigation__container>.wp-block-navigation-item:not(.has-child):has(a[href*="1-to-1"]),
	.wp-block-navigation__container>.wp-block-navigation-item:not(.has-child):has(a[href*="open-house"]),
	.wp-block-navigation__container>.wp-block-navigation-item:not(.has-child):has(a[href*="school-college-seminar"]),
	.wp-block-navigation__container>.wp-block-navigation-item:not(.has-child):has(a[href*="talent-hunt"]),
	.wp-block-navigation__container>.wp-block-navigation-item:not(.has-child):has(a[href*="career-fair"]) {
		display: none !important;
	}

	/* --------------------------------------------------------------------------
	2. Footer Improvements - White Icons, Equal Columns & Clean Alignment
	-------------------------------------------------------------------------- */
	footer.home-footer-class,
	.footer-widgets {
		background-color: #0f172a !important;
		color: #ffffff !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.footer-inner-container {
		max-width: 1280px !important;
		margin: 0 auto !important;
		padding: 0 24px !important;
		box-sizing: border-box !important;
		width: 100% !important;
	}

	/* Turn any orange icons in footer to pure crisp white #ffffff */
	.footer-widgets img,
	.home-footer-class img,
	.footer-white-icon-badge img,
	.footer-contact-row img,
	footer img[src*="location"],
	footer img[src*="call"],
	footer img[src*="telephone"],
	footer img[src*="mail"],
	.wp-block-image img[src*="location"],
	.wp-block-image img[src*="call"],
	.wp-block-image img[src*="telephone"],
	.wp-block-image img[src*="mail"] {
		filter: brightness(0) invert(1) !important;
		opacity: 1 !important;
		display: inline-block !important;
		vertical-align: middle !important;
	}

	/* White SVG Icon Badges in Footer */
	.footer-icon svg,
	.footer-white-icon-badge svg,
	.footer-contact-row svg {
		fill: #ffffff !important;
		color: #ffffff !important;
	}

	.footer-white-icon-badge {
		width: 32px !important;
		height: 32px !important;
		border-radius: 8px !important;
		background: rgba(255, 255, 255, 0.08) !important;
		border: 1px solid rgba(255, 255, 255, 0.14) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: #ffffff !important;
		flex-shrink: 0 !important;
		transition: all 0.2s ease !important;
	}

	.footer-contact-row:hover .footer-white-icon-badge {
		background: #164278 !important;
		border-color: #3b82f6 !important;
		transform: translateY(-2px) !important;
		box-shadow: 0 4px 10px rgba(59, 130, 246, 0.3) !important;
	}

	.footer-social-badge {
		width: 34px !important;
		height: 34px !important;
		border-radius: 50% !important;
		background: rgba(255, 255, 255, 0.08) !important;
		border: 1px solid rgba(255, 255, 255, 0.12) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: #ffffff !important;
		transition: all 0.25s ease !important;
		text-decoration: none !important;
	}

	.footer-social-badge:hover {
		background: #164278 !important;
		border-color: #3b82f6 !important;
		transform: translateY(-3px) !important;
		box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4) !important;
	}

	.footer-columns-grid {
		display: grid !important;
		grid-template-columns: 30% 44% 26% !important;
		gap: 36px !important;
		align-items: start !important;
		width: 100% !important;
	}

	@media (max-width: 920px) {
		.footer-columns-grid {
			grid-template-columns: 1fr 1fr !important;
			gap: 28px !important;
		}

		.footer-col-brand {
			grid-column: 1 / -1 !important;
		}
	}

	@media (max-width: 600px) {
		.footer-columns-grid {
			grid-template-columns: 1fr !important;
			gap: 24px !important;
		}
	}

	.footer-nav-link:hover {
		color: #ffffff !important;
		transform: translateX(4px) !important;
	}

	.footer-legal-text a:hover {
		color: #ffffff !important;
		text-decoration: underline !important;
	}

	/* --------------------------------------------------------------------------
	3. All 16 Service Detail Pages - Consistent Premium Styling
	-------------------------------------------------------------------------- */
	body.kaizen-service-page .page-title,
	body.kaizen-service-page .entry-header,
	body.kaizen-service-page .inner-banner,
	body.kaizen-service-page .inner-cover-img,
	body.kaizen-service-page .wp-block-cover.inner-cover-img,
	body.kaizen-clean-header-page .page-title,
	body.kaizen-clean-header-page .entry-header,
	body.kaizen-clean-header-page .inner-banner,
	body.kaizen-clean-header-page .inner-cover-img,
	body.kaizen-clean-header-page .wp-block-cover.inner-cover-img,
	body.kaizen-clean-header-page .without-cover-img,
	body:has(.kaizen-about-page-wrapper) .page-title,
	body:has(.kaizen-about-page-wrapper) .inner-banner,
	body:has(.kaizen-about-page-wrapper) .inner-cover-img,
	body:has(.kaizen-about-page-wrapper) .wp-block-cover.inner-cover-img,
	body:has(.kaizen-about-page-wrapper) .without-cover-img,
	body:has(.kaizen-events-page-wrap) .page-title,
	body:has(.kaizen-events-page-wrap) .inner-banner,
	body:has(.kaizen-events-page-wrap) .inner-cover-img,
	body:has(.kaizen-events-page-wrap) .wp-block-cover.inner-cover-img,
	body:has(.kaizen-events-page-wrap) .without-cover-img,
	body:has(.contact-section-wrapper) .page-title,
	body:has(.contact-section-wrapper) .inner-banner,
	body:has(.contact-section-wrapper) .inner-cover-img,
	body:has(.contact-section-wrapper) .wp-block-cover.inner-cover-img,
	body:has(.contact-section-wrapper) .without-cover-img,
	body:has(.kaizen-service-detail-wrapper) .inner-cover-img,
	body:has(.kaizen-service-detail-wrapper) .wp-block-cover.inner-cover-img {
		display: none !important;
	}

	body.kaizen-service-page main#primary,
	body.kaizen-service-page .wp-block-group.alignwide,
	body.kaizen-service-page .entry-content,
	body.kaizen-clean-header-page main#primary,
	body.kaizen-clean-header-page .wp-block-group.alignwide,
	body.kaizen-clean-header-page .entry-content,
	body:has(.kaizen-about-page-wrapper) main#primary,
	body:has(.kaizen-about-page-wrapper) .wp-block-group.alignwide,
	body:has(.kaizen-about-page-wrapper) .entry-content,
	body:has(.kaizen-events-page-wrap) main#primary,
	body:has(.kaizen-events-page-wrap) .wp-block-group.alignwide,
	body:has(.kaizen-events-page-wrap) .entry-content,
	body:has(.contact-section-wrapper) main#primary,
	body:has(.contact-section-wrapper) .wp-block-group.alignwide,
	body:has(.contact-section-wrapper) .entry-content {
		padding-top: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-top: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	/* Header Strict Singleton Enforcement */
	.upper-header~.upper-header,
	.upper-header+.upper-header,
	header .upper-header:not(:first-of-type),
	body>.upper-header~header .upper-header {
		display: none !important;
	}

	.menu-header~.menu-header,
	header .menu-header:not(:first-of-type) {
		display: none !important;
	}

	.kaizen-service-detail-wrapper {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		background: radial-gradient(circle at 15% 15%, rgba(22, 66, 120, 0.035) 0%, transparent 45%), radial-gradient(circle at 85% 85%, rgba(243, 112, 33, 0.035) 0%, transparent 45%), #f8fafc !important;
		font-family: 'Roboto', sans-serif !important;
		color: #334155 !important;
	}

	/* Service Hero Banner (Clean 2026 Layout - Inquiry & Phone removed from Hero) */
	.service-detail-hero {
		background: linear-gradient(135deg, #091c36 0%, #164278 60%, #1e5296 100%) !important;
		padding: 50px 24px 55px 24px !important;
		color: #ffffff !important;
		position: relative !important;
		overflow: hidden !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.service-detail-hero::before {
		content: "" !important;
		position: absolute !important;
		top: -50% !important;
		right: -10% !important;
		width: 500px !important;
		height: 500px !important;
		border-radius: 50% !important;
		background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%) !important;
		pointer-events: none !important;
	}

	.service-hero-inner {
		max-width: 1200px !important;
		margin: 0 auto !important;
		position: relative !important;
		z-index: 2 !important;
	}

	.service-breadcrumb {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		font-size: 13px !important;
		color: #94a3b8 !important;
		margin-bottom: 16px !important;
		flex-wrap: wrap !important;
	}

	.service-breadcrumb a {
		color: #cbd5e1 !important;
		text-decoration: none !important;
		transition: color 0.2s ease !important;
	}

	.service-breadcrumb a:hover {
		color: #ffffff !important;
	}

	.service-breadcrumb .sep {
		color: #64748b !important;
		font-size: 11px !important;
	}

	.service-breadcrumb .current {
		color: #93c5fd !important;
		font-weight: 500 !important;
	}

	/* Service Hero 2-Column Balanced Grid */
	.service-hero-grid {
		display: grid !important;
		grid-template-columns: 1.15fr 0.85fr !important;
		gap: 40px !important;
		align-items: center !important;
		width: 100% !important;
	}

	@media (max-width: 960px) {
		.service-hero-grid {
			grid-template-columns: 1fr !important;
			gap: 28px !important;
		}
	}

	.service-hero-left {
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
	}

	.service-hero-right {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}

	.service-hero-image-card {
		width: 100% !important;
		max-width: 480px !important;
		aspect-ratio: 16 / 10 !important;
		border-radius: 16px !important;
		overflow: hidden !important;
		position: relative !important;
		box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35) !important;
		border: 2px solid rgba(255, 255, 255, 0.18) !important;
		background: #0f172a !important;
	}

	.service-hero-featured-img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
		transition: transform 0.4s ease !important;
	}

	.service-hero-image-card:hover .service-hero-featured-img {
		transform: scale(1.04) !important;
	}

	.hero-image-overlay-badge {
		position: absolute !important;
		bottom: 12px !important;
		right: 12px !important;
		background: rgba(15, 23, 42, 0.85) !important;
		backdrop-filter: blur(6px) !important;
		-webkit-backdrop-filter: blur(6px) !important;
		color: #ffffff !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		padding: 5px 12px !important;
		border-radius: 9999px !important;
		border: 1px solid rgba(255, 255, 255, 0.25) !important;
		letter-spacing: 0.5px !important;
		text-transform: uppercase !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
	}

	.service-badge-pill {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		letter-spacing: 1px !important;
		text-transform: uppercase !important;
		color: #bfdbfe !important;
		background: rgba(255, 255, 255, 0.1) !important;
		padding: 5px 14px !important;
		border-radius: 9999px !important;
		border: 1px solid rgba(255, 255, 255, 0.18) !important;
		margin-bottom: 14px !important;
		width: fit-content !important;
	}

	.service-badge-pill .badge-dot {
		width: 7px !important;
		height: 7px !important;
		border-radius: 50% !important;
		background: #60a5fa !important;
		box-shadow: 0 0 8px #60a5fa !important;
	}

	.service-detail-title {
		font-size: clamp(24px, 3.4vw, 36px) !important;
		font-weight: 800 !important;
		line-height: 1.25 !important;
		color: #ffffff !important;
		margin: 0 0 14px 0 !important;
		letter-spacing: -0.4px !important;
		font-family: 'Outfit', sans-serif !important;
		max-width: 850px !important;
	}

	.service-detail-tagline {
		font-size: 15px !important;
		line-height: 1.65 !important;
		color: #cbd5e1 !important;
		max-width: 750px !important;
		margin: 0 !important;
	}

	/* Strictly suppress Inquiry Now and Phone buttons in Hero Header on all 16 service detail pages */
	.service-detail-hero .service-hero-actions,
	.service-detail-hero .service-cta-btn,
	.service-hero-actions,
	.service-detail-hero a[href*="contact"],
	.service-detail-hero a[href*="tel:"] {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		height: 0 !important;
		width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Service Highlights Strip */
	.service-highlights-strip {
		background: #ffffff !important;
		border-bottom: 1px solid #e2e8f0 !important;
		padding: 16px 24px !important;
		box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.service-highlights-container {
		max-width: 1200px !important;
		margin: 0 auto !important;
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 20px !important;
	}

	@media (max-width: 820px) {
		.service-highlights-container {
			grid-template-columns: repeat(2, 1fr) !important;
			gap: 16px !important;
		}
	}

	@media (max-width: 480px) {
		.service-highlights-container {
			grid-template-columns: 1fr !important;
			gap: 12px !important;
		}
	}

	.highlight-item {
		display: flex !important;
		flex-direction: column !important;
		gap: 3px !important;
	}

	.highlight-label {
		font-size: 11.5px !important;
		font-weight: 700 !important;
		color: #64748b !important;
		text-transform: uppercase !important;
		letter-spacing: 0.5px !important;
	}

	.highlight-value {
		font-size: 14.5px !important;
		font-weight: 700 !important;
		color: #0f172a !important;
	}

	/* Service Detail Body Container (Professional 1200px Max-Width per Requirement 19) */
	.service-detail-body-container {
		max-width: 1200px !important;
		margin: 0 auto !important;
		padding: 45px 24px 65px 24px !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 48px !important;
		box-sizing: border-box !important;
		width: 100% !important;
	}

	.service-section-block {
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.section-heading-wrap {
		margin-bottom: 26px !important;
	}

	.section-kicker {
		display: inline-block !important;
		font-size: 11.5px !important;
		font-weight: 700 !important;
		letter-spacing: 1.5px !important;
		text-transform: uppercase !important;
		color: #164278 !important;
		margin-bottom: 6px !important;
	}

	.section-title {
		font-size: clamp(22px, 3vw, 28px) !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		margin: 0 0 8px 0 !important;
		letter-spacing: -0.3px !important;
		font-family: 'Outfit', sans-serif !important;
	}

	.section-subtitle {
		font-size: 14.5px !important;
		color: #64748b !important;
		margin: 0 !important;
		line-height: 1.6 !important;
		max-width: 820px !important;
	}

	/* Editorial Interleaved Media & Content Split Grids (Requirements 4 & 5) */
	.editorial-split-grid {
		display: grid !important;
		gap: 36px !important;
		align-items: center !important;
		width: 100% !important;
	}

	.editorial-split-grid.layout-content-left {
		grid-template-columns: 1.18fr 0.82fr !important;
	}

	.editorial-split-grid.layout-media-left {
		grid-template-columns: 0.82fr 1.18fr !important;
	}

	@media (max-width: 920px) {

		.editorial-split-grid.layout-content-left,
		.editorial-split-grid.layout-media-left {
			grid-template-columns: 1fr !important;
			gap: 28px !important;
		}
	}

	.editorial-media-frame {
		width: 100% !important;
		aspect-ratio: 16 / 10 !important;
		border-radius: 16px !important;
		overflow: hidden !important;
		position: relative !important;
		box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
		border: 1.5px solid #e2e8f0 !important;
		background: #ffffff !important;
	}

	.editorial-img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
		display: block !important;
		transition: transform 0.4s ease !important;
	}

	.editorial-media-frame:hover .editorial-img {
		transform: scale(1.04) !important;
	}

	.editorial-media-badge {
		position: absolute !important;
		bottom: 12px !important;
		right: 12px !important;
		background: rgba(15, 23, 42, 0.85) !important;
		backdrop-filter: blur(6px) !important;
		color: #ffffff !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		padding: 5px 12px !important;
		border-radius: 9999px !important;
		letter-spacing: 0.5px !important;
		text-transform: uppercase !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
	}

	/* Concept Cards */
	.concept-card {
		background: #ffffff !important;
		border: 1.5px solid #bfdbfe !important;
		border-left: 5px solid #164278 !important;
		border-radius: 14px !important;
		padding: 28px 32px !important;
		box-shadow: 0 4px 16px rgba(22, 66, 120, 0.05) !important;
		box-sizing: border-box !important;
	}

	.card-header-badge {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		font-size: 12.5px !important;
		font-weight: 700 !important;
		letter-spacing: 0.5px !important;
		text-transform: uppercase !important;
		color: #164278 !important;
		margin-bottom: 14px !important;
	}

	.concept-content-text p {
		font-size: 15px !important;
		line-height: 1.7 !important;
		color: #1e293b !important;
		margin: 0 0 12px 0 !important;
	}

	.concept-content-text p:last-child {
		margin-bottom: 0 !important;
	}

	/* ==================================================
	ORGANIZATION PROGRESS SECTION - MODERN COMPACT ILLUSTRATED MILESTONE PROGRESSION
	(Distinctive visual structure, cartoon vignette visuals, subtle background pattern, compact footprint)
	================================================== */
	.org-progress-section,
	.process-timeline-section {
		width: 100% !important;
		position: relative !important;
		padding: 32px 0 16px 0 !important;
		overflow: hidden !important;
	}

	/* Subtle Thematic Background Accent & Geometry */
	.org-progress-bg-pattern {
		position: absolute !important;
		inset: 0 !important;
		pointer-events: none !important;
		z-index: 0 !important;
		background-image:
			radial-gradient(rgba(22, 66, 120, 0.05) 1.5px, transparent 1.5px),
			radial-gradient(circle at 10% 20%, rgba(22, 66, 120, 0.035) 0%, transparent 45%),
			radial-gradient(circle at 90% 80%, rgba(243, 112, 33, 0.035) 0%, transparent 45%) !important;
		background-size: 28px 28px, 100% 100%, 100% 100% !important;
		opacity: 0.9 !important;
	}

	.org-progress-bg-pattern .bg-orb {
		position: absolute !important;
		border-radius: 50% !important;
		filter: blur(50px) !important;
		pointer-events: none !important;
	}

	.org-progress-bg-pattern .orb-1 {
		top: 5% !important;
		right: -40px !important;
		width: 280px !important;
		height: 280px !important;
		background: rgba(59, 130, 246, 0.08) !important;
	}

	.org-progress-bg-pattern .orb-2 {
		bottom: 10% !important;
		left: -50px !important;
		width: 260px !important;
		height: 260px !important;
		background: rgba(243, 112, 33, 0.07) !important;
	}

	.heading-badge-pill {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		background: rgba(22, 66, 120, 0.08) !important;
		border: 1px solid rgba(22, 66, 120, 0.16) !important;
		color: #164278 !important;
		font-size: 12px !important;
		font-weight: 800 !important;
		letter-spacing: 1.2px !important;
		text-transform: uppercase !important;
		padding: 6px 16px !important;
		border-radius: 9999px !important;
		margin-bottom: 12px !important;
	}

	.heading-badge-pill.orange-pill {
		background: rgba(243, 112, 33, 0.09) !important;
		border-color: rgba(243, 112, 33, 0.22) !important;
		color: #d95d12 !important;
	}

	.badge-pulse-dot {
		width: 7px !important;
		height: 7px !important;
		border-radius: 50% !important;
		background: #f37021 !important;
		box-shadow: 0 0 0 0 rgba(243, 112, 33, 0.7) !important;
		animation: kaizenPulse 2s infinite !important;
	}

	@keyframes kaizenPulse {
		0% {
			transform: scale(0.95);
			box-shadow: 0 0 0 0 rgba(243, 112, 33, 0.7);
		}

		70% {
			transform: scale(1);
			box-shadow: 0 0 0 6px rgba(243, 112, 33, 0);
		}

		100% {
			transform: scale(0.95);
			box-shadow: 0 0 0 0 rgba(243, 112, 33, 0);
		}
	}

	/* Modern Milestone Progression Flow */
	.org-milestone-flow,
	.modern-process-timeline {
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 20px 0 14px 0 !important;
		padding: 6px 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 14px !important;
		z-index: 2 !important;
	}

	/* Vertical Progressive Track Rail */
	.org-central-stem,
	.timeline-central-track {
		position: absolute !important;
		top: 24px !important;
		bottom: 30px !important;
		left: 21px !important;
		width: 3px !important;
		background: linear-gradient(to bottom, #164278 0%, #2563eb 50%, #f37021 100%) !important;
		border-radius: 9999px !important;
		z-index: 1 !important;
		pointer-events: none !important;
	}

	/* Milestone Row: Spans full width, compact, highly structured */
	.org-milestone-row,
	.timeline-step-row {
		display: flex !important;
		align-items: stretch !important;
		gap: 18px !important;
		position: relative !important;
		width: 100% !important;
		margin-bottom: 0 !important;
		z-index: 2 !important;
		animation: kaizenFadeSlideIn 0.4s ease-out both !important;
		animation-delay: calc(var(--step-idx, 0) * 0.05s) !important;
	}

	@keyframes kaizenFadeSlideIn {
		from {
			opacity: 0;
			transform: translateY(12px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	@media (prefers-reduced-motion: reduce) {

		.org-milestone-row,
		.timeline-step-row {
			animation: none !important;
		}
	}

	/* Glowing 3D Node Circle */
	.org-milestone-node,
	.timeline-node {
		flex-shrink: 0 !important;
		width: 44px !important;
		display: flex !important;
		justify-content: center !important;
		position: relative !important;
		z-index: 3 !important;
	}

	.org-node-circle,
	.timeline-badge-circle {
		width: 44px !important;
		height: 44px !important;
		border-radius: 50% !important;
		background: linear-gradient(135deg, #091c36 0%, #164278 100%) !important;
		border: 2.5px solid #ffffff !important;
		color: #ffffff !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-family: 'Outfit', sans-serif !important;
		font-weight: 800 !important;
		font-size: 14px !important;
		box-shadow: 0 4px 16px rgba(22, 66, 120, 0.35) !important;
		transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease !important;
		position: relative !important;
	}

	.node-pulse-ring {
		position: absolute !important;
		inset: -5px !important;
		border-radius: 50% !important;
		border: 1.5px solid rgba(243, 112, 33, 0.4) !important;
		opacity: 0 !important;
		transform: scale(0.9) !important;
		transition: opacity 0.25s ease, transform 0.25s ease !important;
	}

	.org-milestone-row:hover .org-node-circle,
	.timeline-step-row:hover .timeline-badge-circle {
		transform: scale(1.08) !important;
		background: linear-gradient(135deg, #f37021 0%, #ff833b 100%) !important;
		box-shadow: 0 6px 20px rgba(243, 112, 33, 0.4) !important;
	}

	.org-milestone-row:hover .node-pulse-ring {
		opacity: 1 !important;
		transform: scale(1.15) !important;
	}

	/* Compact Premium Milestone Card */
	.org-milestone-card,
	.timeline-step-card {
		flex-grow: 1 !important;
		width: calc(100% - 74px) !important;
		background: #ffffff !important;
		border: 1.5px solid #e2e8f0 !important;
		border-left: 4.5px solid #164278 !important;
		border-radius: 12px !important;
		padding: 14px 18px !important;
		box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04) !important;
		transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-left-color 0.25s ease !important;
		box-sizing: border-box !important;
		position: relative !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
	}

	.org-milestone-card:hover,
	.timeline-step-card:hover {
		transform: translateY(-2px) translateX(2px) !important;
		box-shadow: 0 8px 22px rgba(22, 66, 120, 0.1) !important;
		border-left-color: #f37021 !important;
	}

	/* Theme accent border variants */
	.org-milestone-card.theme-orange,
	.timeline-step-card.theme-orange {
		border-left-color: #f37021 !important;
	}

	.org-milestone-card.theme-blue,
	.timeline-step-card.theme-blue {
		border-left-color: #2563eb !important;
	}

	.org-milestone-card.theme-navy,
	.timeline-step-card.theme-navy {
		border-left-color: #164278 !important;
	}

	.org-milestone-card.theme-green,
	.timeline-step-card.theme-green {
		border-left-color: #059669 !important;
	}

	.org-milestone-card.theme-purple,
	.timeline-step-card.theme-purple {
		border-left-color: #7c3aed !important;
	}

	/* Hide top and bottom clutter per request */
	.org-header-meta,
	.org-card-footer,
	.picture-caption-tag,
	.vignette-caption-tag {
		display: none !important;
	}

	.org-step-headline,
	.step-headline-text {
		font-family: 'Outfit', sans-serif !important;
		font-size: 16.5px !important;
		font-weight: 800 !important;
		color: #071527 !important;
		line-height: 1.35 !important;
		margin: 0 0 6px 0 !important;
	}

	/* Compact Card Body Wrap: Text + Given Picture Thumbnail */
	.org-card-body-wrap {
		display: grid !important;
		grid-template-columns: 1fr 180px !important;
		gap: 16px !important;
		align-items: center !important;
		width: 100% !important;
	}

	@media (max-width: 860px) {
		.org-card-body-wrap {
			grid-template-columns: 1fr !important;
			gap: 12px !important;
		}
	}

	.org-card-text-col {
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
	}

	.org-step-text,
	.step-full-description {
		font-size: 13.8px !important;
		line-height: 1.55 !important;
		color: #334155 !important;
		margin: 0 !important;
		font-weight: 400 !important;
	}

	/* Picture Frame: Compact Given Kaizen Authentic Event Photo */
	.org-card-picture-col,
	.org-card-cartoon-col {
		width: 100% !important;
		display: flex !important;
		justify-content: center !important;
	}

	.step-picture-frame,
	.cartoon-vignette-frame {
		width: 100% !important;
		max-width: 180px !important;
		height: 110px !important;
		border-radius: 10px !important;
		overflow: hidden !important;
		position: relative !important;
		border: 1.5px solid #bfdbfe !important;
		box-shadow: 0 3px 10px rgba(22, 66, 120, 0.08) !important;
		background: #0f2e54 !important;
	}

	@media (max-width: 860px) {

		.step-picture-frame,
		.cartoon-vignette-frame {
			max-width: 100% !important;
			height: 160px !important;
		}
	}

	.step-picture-img,
	.cartoon-vignette-img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		transition: transform 0.35s ease !important;
		display: block !important;
	}

	.org-milestone-row:hover .step-picture-img,
	.org-milestone-row:hover .cartoon-vignette-img {
		transform: scale(1.06) !important;
	}

	/* Spotlight icon for steps without custom scene image */
	.cartoon-icon-spotlight {
		width: 58px !important;
		height: 58px !important;
		border-radius: 14px !important;
		background: linear-gradient(135deg, rgba(22, 66, 120, 0.08) 0%, rgba(243, 112, 33, 0.1) 100%) !important;
		border: 1.5px solid #bfdbfe !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: relative !important;
		color: #164278 !important;
		transition: transform 0.25s ease, background 0.25s ease !important;
	}

	.org-milestone-row:hover .cartoon-icon-spotlight {
		transform: scale(1.08) rotate(4deg) !important;
		background: linear-gradient(135deg, rgba(243, 112, 33, 0.15) 0%, rgba(22, 66, 120, 0.12) 100%) !important;
		color: #f37021 !important;
	}

	/* ==================================================
	PROGRESS-TO-USP TRANSITION BRIDGE BANNER
	================================================== */
	.milestone-usp-bridge-banner {
		width: 100% !important;
		margin: 28px 0 16px 0 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		position: relative !important;
	}

	.bridge-decor-line {
		width: 100% !important;
		height: 1px !important;
		background: linear-gradient(to right, transparent 0%, #cbd5e1 30%, #f37021 50%, #cbd5e1 70%, transparent 100%) !important;
		position: absolute !important;
		top: 50% !important;
		z-index: 1 !important;
	}

	.bridge-pill {
		position: relative !important;
		z-index: 2 !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		background: #ffffff !important;
		border: 1.5px solid #bfdbfe !important;
		padding: 7px 22px !important;
		border-radius: 9999px !important;
		box-shadow: 0 4px 14px rgba(22, 66, 120, 0.08) !important;
	}

	.bridge-pulse {
		width: 6px !important;
		height: 6px !important;
		border-radius: 50% !important;
		background: #2563eb !important;
		box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2) !important;
	}

	.bridge-text {
		font-size: 11px !important;
		font-weight: 800 !important;
		letter-spacing: 1px !important;
		text-transform: uppercase !important;
		color: #164278 !important;
	}

	/* ==================================================
	ADAPTIVE USP SECTION - DYNAMIC BALANCED LAYOUT (4, 5, 6 Items)
	(Compact, scannable, visually attractive, zero awkward space)
	================================================== */
	.usp-block {
		width: 100% !important;
		position: relative !important;
		padding: 24px 0 10px 0 !important;
	}

	.usp-bg-decor {
		position: absolute !important;
		inset: 0 !important;
		pointer-events: none !important;
		background-image: radial-gradient(rgba(243, 112, 33, 0.04) 1px, transparent 1px) !important;
		background-size: 20px 20px !important;
		opacity: 0.7 !important;
		z-index: 0 !important;
	}

	.usp-cards-adaptive-container {
		display: grid !important;
		gap: 18px !important;
		width: 100% !important;
		position: relative !important;
		z-index: 2 !important;
		margin-top: 22px !important;
	}

	/* 4 USP Items: Balanced 4-column layout on desktop, 2x2 on tablet */
	.usp-cards-adaptive-container.usp-count-4 {
		grid-template-columns: repeat(4, 1fr) !important;
	}

	@media (max-width: 992px) {
		.usp-cards-adaptive-container.usp-count-4 {
			grid-template-columns: repeat(2, 1fr) !important;
		}
	}

	@media (max-width: 600px) {
		.usp-cards-adaptive-container.usp-count-4 {
			grid-template-columns: 1fr !important;
		}
	}

	/* 5 USP Items: Perfectly balanced 5-item arrangement! 3 top row, 2 centered bottom row! */
	.usp-cards-adaptive-container.usp-count-5 {
		grid-template-columns: repeat(6, 1fr) !important;
	}

	.usp-cards-adaptive-container.usp-count-5 .usp-adaptive-card:nth-child(1),
	.usp-cards-adaptive-container.usp-count-5 .usp-adaptive-card:nth-child(2),
	.usp-cards-adaptive-container.usp-count-5 .usp-adaptive-card:nth-child(3) {
		grid-column: span 2 !important;
	}

	.usp-cards-adaptive-container.usp-count-5 .usp-adaptive-card:nth-child(4) {
		grid-column: 2 / span 2 !important;
	}

	.usp-cards-adaptive-container.usp-count-5 .usp-adaptive-card:nth-child(5) {
		grid-column: 4 / span 2 !important;
	}

	@media (max-width: 992px) {
		.usp-cards-adaptive-container.usp-count-5 {
			grid-template-columns: repeat(4, 1fr) !important;
		}

		.usp-cards-adaptive-container.usp-count-5 .usp-adaptive-card:nth-child(1),
		.usp-cards-adaptive-container.usp-count-5 .usp-adaptive-card:nth-child(2) {
			grid-column: span 2 !important;
		}

		.usp-cards-adaptive-container.usp-count-5 .usp-adaptive-card:nth-child(3),
		.usp-cards-adaptive-container.usp-count-5 .usp-adaptive-card:nth-child(4) {
			grid-column: span 2 !important;
		}

		.usp-cards-adaptive-container.usp-count-5 .usp-adaptive-card:nth-child(5) {
			grid-column: 2 / span 2 !important;
		}
	}

	@media (max-width: 600px) {
		.usp-cards-adaptive-container.usp-count-5 {
			grid-template-columns: 1fr !important;
		}

		.usp-cards-adaptive-container.usp-count-5 .usp-adaptive-card {
			grid-column: span 1 !important;
		}
	}

	/* 6 USP Items: Balanced 3x2 grid */
	.usp-cards-adaptive-container.usp-count-6 {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	@media (max-width: 992px) {
		.usp-cards-adaptive-container.usp-count-6 {
			grid-template-columns: repeat(2, 1fr) !important;
		}
	}

	@media (max-width: 600px) {
		.usp-cards-adaptive-container.usp-count-6 {
			grid-template-columns: 1fr !important;
		}
	}

	/* 3 USP Items: 3 columns */
	.usp-cards-adaptive-container.usp-count-3 {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	@media (max-width: 768px) {
		.usp-cards-adaptive-container.usp-count-3 {
			grid-template-columns: 1fr !important;
		}
	}

	/* 2 USP Items: 2 columns */
	.usp-cards-adaptive-container.usp-count-2 {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	@media (max-width: 600px) {
		.usp-cards-adaptive-container.usp-count-2 {
			grid-template-columns: 1fr !important;
		}
	}

	/* 1 USP Item: Centered card */
	.usp-cards-adaptive-container.usp-count-1 {
		grid-template-columns: 1fr !important;
		max-width: 720px !important;
		margin: 0 auto !important;
	}

	/* USP Adaptive Card Styling (Clean, well-set, no top image, compact & professional) */
	.usp-adaptive-card {
		background: #ffffff !important;
		border: 1.5px solid #e2e8f0 !important;
		border-radius: 14px !important;
		padding: 22px 22px 24px 22px !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04) !important;
		transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease !important;
		position: relative !important;
		overflow: hidden !important;
	}

	.usp-adaptive-card:hover {
		transform: translateY(-4px) !important;
		box-shadow: 0 12px 26px rgba(22, 66, 120, 0.1) !important;
		border-color: #bfdbfe !important;
	}

	/* Hide any top media frame on USP cards */
	.usp-card-media-frame {
		display: none !important;
	}

	/* Bottom Accent line on card */
	.usp-card-bottom-line {
		position: absolute !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		height: 3px !important;
		background: linear-gradient(90deg, #164278 0%, #3b82f6 100%) !important;
		opacity: 0.85 !important;
		transition: opacity 0.25s ease, height 0.25s ease !important;
		z-index: 3 !important;
	}

	.usp-adaptive-card:hover .usp-card-bottom-line {
		opacity: 1 !important;
		height: 5px !important;
		background: linear-gradient(90deg, #f37021 0%, #ff833b 100%) !important;
	}

	.usp-adaptive-card.usp-theme-gold .usp-card-bottom-line {
		background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%) !important;
	}

	.usp-adaptive-card.usp-theme-blue .usp-card-bottom-line {
		background: linear-gradient(90deg, #2563eb 0%, #60a5fa 100%) !important;
	}

	.usp-adaptive-card.usp-theme-orange .usp-card-bottom-line {
		background: linear-gradient(90deg, #f37021 0%, #fb923c 100%) !important;
	}

	.usp-adaptive-card.usp-theme-navy .usp-card-bottom-line {
		background: linear-gradient(90deg, #0f2e54 0%, #164278 100%) !important;
	}

	.usp-adaptive-card.usp-theme-cyan .usp-card-bottom-line {
		background: linear-gradient(90deg, #0284c7 0%, #38bdf8 100%) !important;
	}

	.usp-adaptive-card.usp-theme-purple .usp-card-bottom-line {
		background: linear-gradient(90deg, #7c3aed 0%, #a78bfa 100%) !important;
	}

	.usp-card-topbar {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		margin-bottom: 12px !important;
	}

	.usp-icon-box {
		width: 40px !important;
		height: 40px !important;
		border-radius: 10px !important;
		background: #eff6ff !important;
		color: #164278 !important;
		border: 1.5px solid #bfdbfe !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-shrink: 0 !important;
		transition: transform 0.25s ease, background 0.25s ease !important;
	}

	.usp-adaptive-card:hover .usp-icon-box {
		transform: scale(1.1) !important;
		background: #f37021 !important;
		color: #ffffff !important;
		border-color: #f37021 !important;
	}

	.usp-card-kicker {
		font-size: 10px !important;
		font-weight: 800 !important;
		letter-spacing: 0.8px !important;
		text-transform: uppercase !important;
		color: #64748b !important;
		background: #f8fafc !important;
		padding: 3px 8px !important;
		border-radius: 9999px !important;
		border: 1px solid #e2e8f0 !important;
	}

	.usp-card-body {
		flex-grow: 1 !important;
	}

	.usp-card-title {
		font-family: 'Outfit', sans-serif !important;
		font-size: 15.5px !important;
		font-weight: 800 !important;
		color: #071527 !important;
		margin: 0 0 6px 0 !important;
		line-height: 1.35 !important;
	}

	.usp-card-desc {
		font-size: 13.5px !important;
		line-height: 1.55 !important;
		color: #334155 !important;
		margin: 0 !important;
		font-weight: 450 !important;
	}

	/* Backward compatibility aliases */
	.usp-cards-grid {
		display: grid !important;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
		gap: 16px !important;
		width: 100% !important;
	}

	.usp-card-item {
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 12px !important;
		padding: 18px 20px !important;
		display: flex !important;
		gap: 14px !important;
		align-items: flex-start !important;
		box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
	}

	.usp-check-badge {
		width: 30px !important;
		height: 30px !important;
		border-radius: 8px !important;
		background: #eff6ff !important;
		color: #164278 !important;
		border: 1.5px solid #bfdbfe !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-shrink: 0 !important;
	}

	.usp-text p {
		font-size: 13.5px !important;
		line-height: 1.55 !important;
		color: #1e293b !important;
		margin: 0 !important;
		font-weight: 500 !important;
	}

	/* Tablet & Mobile Responsiveness for Organization Progress */
	@media (max-width: 900px) {
		.org-card-body-wrap {
			grid-template-columns: 1fr !important;
			gap: 14px !important;
		}

		.org-card-cartoon-col {
			order: -1 !important;
			justify-content: flex-start !important;
		}

		.cartoon-vignette-frame {
			max-width: 100% !important;
			height: 160px !important;
		}

		.org-card-cartoon-col.icon-badge-col {
			display: none !important;
		}
	}

	@media (max-width: 768px) {

		.org-central-stem,
		.timeline-central-track {
			left: 20px !important;
		}

		.org-milestone-node,
		.timeline-node {
			width: 42px !important;
		}

		.org-node-circle,
		.timeline-badge-circle {
			width: 42px !important;
			height: 42px !important;
			font-size: 13.5px !important;
		}

		.org-milestone-row,
		.timeline-step-row {
			gap: 16px !important;
		}

		.org-milestone-card,
		.timeline-step-card {
			width: calc(100% - 58px) !important;
			padding: 16px 18px !important;
		}

		.org-step-headline,
		.step-headline-text {
			font-size: 16px !important;
		}

		.cartoon-vignette-frame {
			height: 140px !important;
		}
	}

	@media (max-width: 480px) {

		.org-central-stem,
		.timeline-central-track {
			left: 17px !important;
		}

		.org-milestone-node,
		.timeline-node {
			width: 34px !important;
		}

		.org-node-circle,
		.timeline-badge-circle {
			width: 34px !important;
			height: 34px !important;
			font-size: 12px !important;
		}

		.org-milestone-row,
		.timeline-step-row {
			gap: 12px !important;
		}

		.org-milestone-card,
		.timeline-step-card {
			width: calc(100% - 46px) !important;
			padding: 14px 15px !important;
		}

		.org-step-headline,
		.step-headline-text {
			font-size: 15px !important;
		}

		.cartoon-vignette-frame {
			height: 130px !important;
		}
	}

	/* Special Grids (Competitions, Tour Types, Outsourcing) */
	.competitions-grid {
		display: grid !important;
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
		gap: 14px !important;
	}

	.competition-card {
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 10px !important;
		padding: 14px 18px !important;
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		box-shadow: 0 2px 6px rgba(15, 23, 42, 0.03) !important;
		transition: transform 0.2s ease !important;
	}

	.competition-card:hover {
		transform: translateY(-2px) !important;
		border-color: #bfdbfe !important;
	}

	.comp-icon {
		font-size: 20px !important;
	}

	.comp-name {
		font-size: 13.5px !important;
		font-weight: 600 !important;
		color: #0f172a !important;
	}

	.tour-types-grid {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 22px !important;
	}

	@media (max-width: 720px) {
		.tour-types-grid {
			grid-template-columns: 1fr !important;
		}
	}

	.tour-type-card {
		background: #ffffff !important;
		border: 1.5px solid #bfdbfe !important;
		border-radius: 12px !important;
		padding: 24px 26px !important;
		box-shadow: 0 4px 14px rgba(22, 66, 120, 0.05) !important;
	}

	.tour-type-badge {
		display: inline-block !important;
		font-size: 11px !important;
		font-weight: 800 !important;
		letter-spacing: 1px !important;
		text-transform: uppercase !important;
		color: #ffffff !important;
		background: #164278 !important;
		padding: 4px 12px !important;
		border-radius: 9999px !important;
		margin-bottom: 12px !important;
	}

	.tour-type-card h3 {
		font-size: 17.5px !important;
		font-weight: 700 !important;
		color: #0f172a !important;
		margin: 0 0 10px 0 !important;
	}

	.tour-type-card p {
		font-size: 14px !important;
		line-height: 1.6 !important;
		color: #475569 !important;
		margin: 0 !important;
	}

	.outsourcing-cards-grid {
		display: grid !important;
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
		gap: 16px !important;
	}

	.outsourcing-card {
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 10px !important;
		padding: 16px 20px !important;
		display: flex !important;
		align-items: center !important;
		gap: 14px !important;
		box-shadow: 0 2px 6px rgba(15, 23, 42, 0.03) !important;
	}

	.out-icon {
		font-size: 24px !important;
	}

	.out-text {
		font-size: 14px !important;
		font-weight: 600 !important;
		color: #0f172a !important;
	}

	/* ==================================================
	SERVICE-SPECIFIC DATE-WISE GALLERY (Requirements 6, 7, 8, 9, 11)
	================================================== */
	.service-gallery-section {
		width: 100% !important;
		position: relative !important;
	}

	/* Date Selection Navigation Cards / Tabs */
	.gallery-date-nav {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 16px !important;
		margin-bottom: 26px !important;
	}

	.gallery-date-card {
		background: #ffffff !important;
		border: 1.5px solid #e2e8f0 !important;
		border-radius: 14px !important;
		padding: 14px 20px !important;
		display: flex !important;
		align-items: center !important;
		gap: 16px !important;
		cursor: pointer !important;
		box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
		transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
		text-align: left !important;
		font-family: inherit !important;
		min-width: 250px !important;
		position: relative !important;
	}

	.gallery-date-card:hover {
		transform: translateY(-2px) !important;
		border-color: #93c5fd !important;
		box-shadow: 0 8px 20px rgba(22, 66, 120, 0.08) !important;
	}

	.gallery-date-card.active {
		background: linear-gradient(135deg, #091c36 0%, #164278 100%) !important;
		border-color: #164278 !important;
		color: #ffffff !important;
		box-shadow: 0 8px 24px rgba(22, 66, 120, 0.24) !important;
	}

	.date-card-badge {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		background: #eff6ff !important;
		border: 1.5px solid #bfdbfe !important;
		border-radius: 10px !important;
		padding: 6px 10px !important;
		min-width: 44px !important;
		flex-shrink: 0 !important;
	}

	.gallery-date-card.active .date-card-badge {
		background: rgba(255, 255, 255, 0.15) !important;
		border-color: rgba(255, 255, 255, 0.3) !important;
		color: #ffffff !important;
	}

	.date-card-day {
		font-size: 18px !important;
		font-weight: 800 !important;
		color: #164278 !important;
		line-height: 1.1 !important;
		font-family: 'Outfit', sans-serif !important;
	}

	.gallery-date-card.active .date-card-day {
		color: #ffffff !important;
	}

	.date-card-month {
		font-size: 10px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.5px !important;
		color: #64748b !important;
	}

	.gallery-date-card.active .date-card-month {
		color: #bfdbfe !important;
	}

	.date-card-meta {
		display: flex !important;
		flex-direction: column !important;
		gap: 2px !important;
		flex-grow: 1 !important;
	}

	.date-card-event-name {
		font-size: 11px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.5px !important;
		color: #f37021 !important;
	}

	.gallery-date-card.active .date-card-event-name {
		color: #fb923c !important;
	}

	.date-card-title {
		font-size: 14.5px !important;
		font-weight: 700 !important;
		color: #0f172a !important;
		margin: 0 !important;
		line-height: 1.25 !important;
	}

	.gallery-date-card.active .date-card-title {
		color: #ffffff !important;
	}

	.date-card-count {
		font-size: 11.5px !important;
		color: #64748b !important;
	}

	.gallery-date-card.active .date-card-count {
		color: #cbd5e1 !important;
	}

	.date-card-action {
		font-size: 12px !important;
		font-weight: 700 !important;
		color: #164278 !important;
		flex-shrink: 0 !important;
	}

	.gallery-date-card.active .date-card-action {
		color: #ffffff !important;
	}

	/* Date Photo Panels */
	.gallery-date-panels-container {
		width: 100% !important;
	}

	.gallery-date-panel {
		display: none !important;
		animation: kaizenFadeIn 0.3s ease-out !important;
	}

	.gallery-date-panel.active {
		display: block !important;
	}

	@keyframes kaizenFadeIn {
		from {
			opacity: 0;
			transform: translateY(6px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.panel-header-bar {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		margin-bottom: 18px !important;
		padding-bottom: 10px !important;
		border-bottom: 1px solid #e2e8f0 !important;
	}

	.panel-session-tag {
		font-size: 13.5px !important;
		font-weight: 700 !important;
		color: #164278 !important;
	}

	.panel-counter-text {
		font-size: 12.5px !important;
		color: #64748b !important;
		font-weight: 500 !important;
	}

	/* Gallery Photo Frames */
	.gallery-photos-grid {
		display: grid !important;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
		gap: 20px !important;
	}

	.gallery-photo-item {
		cursor: pointer !important;
		border-radius: 14px !important;
		overflow: hidden !important;
	}

	.gallery-photo-frame {
		position: relative !important;
		aspect-ratio: 4 / 3 !important;
		border-radius: 14px !important;
		overflow: hidden !important;
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
	}

	.gallery-photo-frame img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
		transition: transform 0.4s ease !important;
	}

	.gallery-photo-item:hover .gallery-photo-frame img {
		transform: scale(1.05) !important;
	}

	.gallery-photo-overlay {
		position: absolute !important;
		inset: 0 !important;
		background: rgba(9, 28, 54, 0.6) !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		opacity: 0 !important;
		transition: opacity 0.25s ease !important;
		color: #ffffff !important;
		backdrop-filter: blur(2px) !important;
	}

	.gallery-photo-item:hover .gallery-photo-overlay {
		opacity: 1 !important;
	}

	.overlay-zoom-circle {
		width: 44px !important;
		height: 44px !important;
		border-radius: 50% !important;
		background: rgba(255, 255, 255, 0.2) !important;
		border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.overlay-text {
		font-size: 12px !important;
		font-weight: 700 !important;
		letter-spacing: 0.5px !important;
		text-transform: uppercase !important;
	}

	/* ==================================================
	LIGHTBOX MODAL VIEWER (Requirement 10)
	================================================== */
	.kaizen-lightbox-modal {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		z-index: 999999 !important;
		display: none !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
	}

	.kaizen-lightbox-modal.active {
		display: flex !important;
	}

	.lightbox-overlay {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background: rgba(9, 18, 30, 0.94) !important;
		backdrop-filter: blur(12px) !important;
		-webkit-backdrop-filter: blur(12px) !important;
		cursor: pointer !important;
	}

	.lightbox-container {
		position: relative !important;
		z-index: 2 !important;
		width: 95vw !important;
		max-width: 1200px !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
		max-height: 96vh !important;
		margin: 0 auto !important;
	}

	.lightbox-header {
		display: grid !important;
		grid-template-columns: 140px 1fr 140px !important;
		align-items: center !important;
		color: #ffffff !important;
		padding: 4px 6px !important;
		width: 100% !important;
		box-sizing: border-box !important;
		min-height: 52px !important;
	}

	.lightbox-counter {
		justify-self: start !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		background: rgba(255, 255, 255, 0.16) !important;
		backdrop-filter: blur(10px) !important;
		-webkit-backdrop-filter: blur(10px) !important;
		padding: 7px 18px !important;
		border-radius: 9999px !important;
		border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
		color: #ffffff !important;
		letter-spacing: 0.5px !important;
		line-height: 1 !important;
		display: inline-flex !important;
		align-items: center !important;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
	}

	.lightbox-caption {
		justify-self: center !important;
		text-align: center !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		color: #ffffff !important;
		letter-spacing: 0.5px !important;
		text-transform: uppercase !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		max-width: 100% !important;
		text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75) !important;
	}

	.lightbox-close-btn {
		justify-self: end !important;
		background: rgba(255, 255, 255, 0.18) !important;
		backdrop-filter: blur(10px) !important;
		-webkit-backdrop-filter: blur(10px) !important;
		border: 2px solid rgba(255, 255, 255, 0.45) !important;
		color: #ffffff !important;
		width: 48px !important;
		height: 48px !important;
		border-radius: 50% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		padding: 0 !important;
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
		transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
	}

	.lightbox-close-btn:hover {
		background: #f37021 !important;
		border-color: #f37021 !important;
		transform: scale(1.1) !important;
		box-shadow: 0 8px 24px rgba(243, 112, 33, 0.5) !important;
	}

	.lightbox-close-btn svg {
		width: 26px !important;
		height: 26px !important;
		stroke: #ffffff !important;
		stroke-width: 3px !important;
		stroke-linecap: round !important;
		stroke-linejoin: round !important;
		display: block !important;
		margin: auto !important;
		filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.4)) !important;
	}

	.lightbox-media-wrap {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
	}

	.lightbox-image-stage {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		max-height: 80vh !important;
		max-width: 100% !important;
	}

	#kaizen-lightbox-image {
		max-height: 78vh !important;
		max-width: 88vw !important;
		object-fit: contain !important;
		border-radius: 14px !important;
		box-shadow: 0 24px 60px rgba(0, 0, 0, 0.75) !important;
		border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
	}

	.lightbox-nav-btn {
		position: absolute !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		width: 58px !important;
		height: 58px !important;
		border-radius: 50% !important;
		background: rgba(15, 23, 42, 0.85) !important;
		backdrop-filter: blur(10px) !important;
		-webkit-backdrop-filter: blur(10px) !important;
		border: 2px solid rgba(255, 255, 255, 0.45) !important;
		color: #ffffff !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		padding: 0 !important;
		box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6) !important;
		transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
		z-index: 10 !important;
	}

	.lightbox-nav-btn:hover {
		background: #f37021 !important;
		border-color: #f37021 !important;
		box-shadow: 0 10px 30px rgba(243, 112, 33, 0.55) !important;
		transform: translateY(-50%) scale(1.12) !important;
	}

	.lightbox-nav-btn:active {
		transform: translateY(-50%) scale(0.96) !important;
	}

	.lightbox-nav-btn svg {
		width: 32px !important;
		height: 32px !important;
		stroke: #ffffff !important;
		stroke-width: 3.2px !important;
		stroke-linecap: round !important;
		stroke-linejoin: round !important;
		fill: none !important;
		display: block !important;
		margin: auto !important;
		filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.4)) !important;
	}

	.lightbox-nav-btn.prev-btn {
		left: 10px !important;
	}

	.lightbox-nav-btn.next-btn {
		right: 10px !important;
	}

	@media (max-width: 768px) {
		.lightbox-header {
			grid-template-columns: auto 1fr auto !important;
			gap: 8px !important;
			padding: 0 2px !important;
			min-height: 44px !important;
		}

		.lightbox-counter {
			font-size: 12px !important;
			padding: 4px 10px !important;
		}

		.lightbox-caption {
			font-size: 13px !important;
		}

		.lightbox-close-btn {
			width: 42px !important;
			height: 42px !important;
		}

		.lightbox-close-btn svg {
			width: 22px !important;
			height: 22px !important;
			stroke-width: 2.8px !important;
		}

		.lightbox-nav-btn {
			width: 48px !important;
			height: 48px !important;
		}

		.lightbox-nav-btn svg {
			width: 26px !important;
			height: 26px !important;
			stroke-width: 2.8px !important;
		}

		.lightbox-nav-btn.prev-btn {
			left: 4px !important;
		}

		.lightbox-nav-btn.next-btn {
			right: 4px !important;
		}

		#kaizen-lightbox-image {
			max-height: 72vh !important;
			max-width: 94vw !important;
			border-radius: 10px !important;
		}
	}

	/* High-Converting CTA Banner */
	.service-inquiry-cta-banner {
		background: linear-gradient(135deg, #0a1e38 0%, #164278 60%, #1e5296 100%) !important;
		border-radius: 18px !important;
		padding: 48px 36px !important;
		text-align: center !important;
		color: #ffffff !important;
		box-shadow: 0 12px 32px rgba(22, 66, 120, 0.22) !important;
		position: relative !important;
		overflow: hidden !important;
	}

	.cta-kicker {
		display: inline-block !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		letter-spacing: 1.5px !important;
		text-transform: uppercase !important;
		color: #93c5fd !important;
		margin-bottom: 10px !important;
	}

	.cta-title {
		font-size: clamp(22px, 3.2vw, 32px) !important;
		font-weight: 800 !important;
		color: #ffffff !important;
		margin: 0 auto 14px auto !important;
		max-width: 780px !important;
		font-family: 'Outfit', sans-serif !important;
		letter-spacing: -0.3px !important;
	}

	.cta-desc {
		font-size: 15px !important;
		line-height: 1.6 !important;
		color: #cbd5e1 !important;
		max-width: 680px !important;
		margin: 0 auto 28px auto !important;
	}

	.cta-buttons-group {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 16px !important;
		flex-wrap: wrap !important;
	}

	.inquiry-cta-btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		padding: 13px 32px !important;
		font-size: 14.5px !important;
		font-weight: 700 !important;
		border-radius: 9999px !important;
		text-decoration: none !important;
		transition: all 0.25s ease !important;
		cursor: pointer !important;
	}

	.inquiry-cta-btn.primary-cta {
		background: #ffffff !important;
		color: #164278 !important;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
	}

	.inquiry-cta-btn.primary-cta:hover {
		background: #eff6ff !important;
		transform: translateY(-2px) !important;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28) !important;
	}

	.inquiry-cta-btn.secondary-cta {
		background: rgba(255, 255, 255, 0.12) !important;
		color: #ffffff !important;
		border: 1px solid rgba(255, 255, 255, 0.28) !important;
	}

	.inquiry-cta-btn.secondary-cta:hover {
		background: rgba(255, 255, 255, 0.22) !important;
		transform: translateY(-2px) !important;
	}

	/* Related Services Navigation */
	.service-related-section {
		width: 100% !important;
		margin-top: 10px !important;
	}

	.related-header {
		margin-bottom: 22px !important;
		text-align: center !important;
	}

	.related-kicker {
		display: inline-block !important;
		font-size: 11.5px !important;
		font-weight: 700 !important;
		letter-spacing: 1.5px !important;
		text-transform: uppercase !important;
		color: #164278 !important;
		margin-bottom: 6px !important;
	}

	.related-title {
		font-size: 22px !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		margin: 0 !important;
		font-family: 'Outfit', sans-serif !important;
	}

	.related-services-grid {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 20px !important;
	}

	@media (max-width: 820px) {
		.related-services-grid {
			grid-template-columns: 1fr !important;
		}
	}

	.related-card-item {
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 12px !important;
		overflow: hidden !important;
		display: flex !important;
		flex-direction: column !important;
		box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
		transition: transform 0.2s ease, box-shadow 0.2s ease !important;
	}

	.related-card-item:hover {
		transform: translateY(-4px) !important;
		box-shadow: 0 8px 22px rgba(22, 66, 120, 0.1) !important;
	}

	.related-card-img {
		height: 120px !important;
		background: #f8fafc !important;
		overflow: hidden !important;
	}

	.related-card-img img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
		transition: transform 0.3s ease !important;
	}

	.related-card-item:hover .related-card-img img {
		transform: scale(1.05) !important;
	}

	.related-card-body {
		padding: 16px 18px !important;
		display: flex !important;
		flex-direction: column !important;
		flex-grow: 1 !important;
	}

	.related-card-tag {
		font-size: 11px !important;
		font-weight: 700 !important;
		color: #3b82f6 !important;
		text-transform: uppercase !important;
		margin-bottom: 6px !important;
	}

	.related-card-title {
		font-size: 14.5px !important;
		font-weight: 700 !important;
		line-height: 1.35 !important;
		color: #0f172a !important;
		margin: 0 0 12px 0 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}

	.related-card-link {
		margin-top: auto !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		color: #164278 !important;
		text-decoration: none !important;
		transition: color 0.2s ease, gap 0.2s ease !important;
	}

	.related-card-link:hover {
		color: #3b82f6 !important;
		gap: 9px !important;
	}

	/* ==========================================================================
	HEADER NAVIGATION: GALLERY & QUICK ACCESS DROPDOWN (Requirement 1)
	Subtle White Downward Chevron, Zero-Badge, Smooth Rotation & Perfect Parity
	========================================================================== */

	/* Completely hide any standalone submenu toggle button generated by WordPress core block navigation */
	.wp-block-navigation-submenu__toggle,
	button.wp-block-navigation-submenu__toggle,
	.wp-block-navigation .wp-block-navigation-submenu__toggle,
	.menu-header button.wp-block-navigation-submenu__toggle {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		width: 0 !important;
		height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		background: transparent !important;
		box-shadow: none !important;
		pointer-events: none !important;
	}

	/* Submenu Arrow / Downward Chevron Container: Zero Badge, Zero Background */
	.wp-block-navigation-submenu .wp-block-navigation__submenu-icon,
	.wp-block-navigation-submenu__toggle .wp-block-navigation__submenu-icon,
	.header-nav-chevron-wrap,
	.nav-chevron-icon-holder {
		background: transparent !important;
		background-color: transparent !important;
		border: none !important;
		box-shadow: none !important;
		outline: none !important;
		padding: 0 !important;
		margin: 0 0 0 6px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		vertical-align: middle !important;
		line-height: 1 !important;
	}

	/* Subtle Downward Arrow (⌄ / chevron) */
	.nav-chevron-white,
	.nav-chevron-svg,
	.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
		width: 10px !important;
		height: 6px !important;
		min-width: 10px !important;
		stroke: currentColor !important;
		color: inherit !important;
		fill: none !important;
		background: transparent !important;
		transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
		filter: drop-shadow(0 1px 1.5px rgba(15, 23, 42, 0.35));
	}

	.upper-header .nav-chevron-svg,
	.has-primary-background-color .nav-chevron-svg {
		stroke: #ffffff !important;
		color: #ffffff !important;
	}

	/* Chevron Rotation on Hover / Focus / Open */
	.wp-block-navigation-submenu:hover .wp-block-navigation__submenu-icon svg,
	.wp-block-navigation-submenu:hover .nav-chevron-svg,
	.wp-block-navigation-submenu.is-menu-open .wp-block-navigation__submenu-icon svg,
	.wp-block-navigation-submenu.is-menu-open .nav-chevron-svg,
	.wp-block-navigation-submenu:focus-within .wp-block-navigation__submenu-icon svg,
	.wp-block-navigation-submenu:focus-within .nav-chevron-svg,
	.header-nav-quick-access-item:hover .nav-chevron-svg,
	.header-nav-quick-access-item.is-menu-open .nav-chevron-svg,
	.header-nav-quick-access-item:focus-within .nav-chevron-svg {
		transform: rotate(180deg) !important;
	}

	/* Top-Level Quick Access Item Formatting Parity with Home, Services, Gallery, Contact Us */
	.wp-block-navigation>.wp-block-navigation__container>.header-nav-quick-access-item {
		display: inline-flex !important;
		align-items: center !important;
		position: relative !important;
		border: none !important;
		outline: none !important;
		box-shadow: none !important;
		background: transparent !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.wp-block-navigation>.wp-block-navigation__container>.header-nav-quick-access-item>a,
	.wp-block-navigation>.wp-block-navigation__container>.header-nav-quick-access-item>.wp-block-navigation-item__content {
		font-family: inherit !important;
		font-weight: 600 !important;
		font-size: 14.5px !important;
		color: #1e293b !important;
		padding: 7px 12px !important;
		border-radius: 6px !important;
		border: none !important;
		outline: none !important;
		box-shadow: none !important;
		background: transparent !important;
		text-decoration: none !important;
		display: inline-flex !important;
		align-items: center !important;
		cursor: pointer !important;
		transition: color 0.2s ease, background 0.2s ease !important;
	}

	.header-nav-quick-access-item:hover>a,
	.header-nav-quick-access-item.is-menu-open>a,
	.header-nav-quick-access-item:focus-within>a,
	.header-nav-quick-access-item:hover>.wp-block-navigation-item__content,
	.header-nav-quick-access-item.is-menu-open>.wp-block-navigation-item__content {
		color: var(--kaizen-blue) !important;
		background: var(--kaizen-blue-light) !important;
	}

	/* Submenu dropdown container consistency for Quick Access */
	.header-nav-quick-access-item .wp-block-navigation__submenu-container,
	.wp-block-navigation-submenu:has(a[href*="members-login"]) .wp-block-navigation__submenu-container {
		min-width: 250px !important;
	}

	/* ==========================================================================
	MEMBERS LOGIN PAGE STYLING (Requirements 3, 4, 5, 6, 7, 8, 9)
	- Visual Consistency with Kaizen Education Theme
	- Animated Modern Popup/Modal-Inspired Visual Treatment
	- Password Assistance Note & Orange Accent Focus States
	========================================================================== */

	.members-login-page-wrapper {
		width: 100%;
		min-height: 80vh;
		display: flex;
		flex-direction: column;
		background-color: #f8fafc;
	}

	/* Hero Section */
	.members-login-hero-section {
		background: linear-gradient(135deg, #071527 0%, #0f2e54 45%, #164278 100%) !important;
		color: #ffffff !important;
		padding: 44px 24px 48px 24px !important;
		position: relative;
		overflow: hidden;
		box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);
	}

	.members-login-hero-section::before {
		content: "";
		position: absolute;
		top: -50%;
		right: -20%;
		width: 600px;
		height: 600px;
		background: radial-gradient(circle, rgba(243, 112, 33, 0.12) 0%, rgba(22, 66, 120, 0) 70%);
		pointer-events: none;
	}

	.members-login-hero-inner {
		max-width: 1100px;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}

	.members-login-breadcrumb {
		display: flex;
		align-items: center;
		gap: 8px;
		font-size: 13px;
		color: #cbd5e1;
		margin-bottom: 20px;
		font-weight: 500;
	}

	.members-login-breadcrumb a {
		color: #94a3b8 !important;
		text-decoration: none !important;
		transition: color 0.2s ease !important;
	}

	.members-login-breadcrumb a:hover {
		color: #ffffff !important;
	}

	.members-login-breadcrumb .sep {
		color: #64748b;
	}

	.members-login-breadcrumb .current {
		color: #ffffff;
		font-weight: 600;
	}

	.members-badge-pill {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: rgba(243, 112, 33, 0.12);
		border: 1px solid rgba(243, 112, 33, 0.35);
		color: #ff9d5c;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.8px;
		text-transform: uppercase;
		padding: 5px 14px;
		border-radius: 9999px;
		margin-bottom: 14px;
	}

	.members-login-hero-title {
		font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
		font-size: 38px !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		color: #ffffff !important;
		margin: 0 0 14px 0 !important;
		letter-spacing: -0.5px;
	}

	.members-login-hero-title .highlight-text {
		display: block;
		font-size: 21px !important;
		font-weight: 500 !important;
		color: #93c5fd !important;
		margin-top: 4px;
	}

	.members-login-hero-lead {
		font-size: 15px !important;
		line-height: 1.65 !important;
		color: #e2e8f0 !important;
		max-width: 760px;
		margin: 0;
	}

	/* Main Login Container Section */
	.members-login-main-section {
		padding: 50px 20px 80px 20px;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		background: #f8fafc;
		min-height: 520px;
	}

	.members-login-container {
		width: 100%;
		max-width: 540px;
		margin: 0 auto;
	}

	/* Modern Animated Card Treatment */
	.members-login-card {
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-top: 4px solid #164278 !important;
		border-radius: 16px !important;
		box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.12), 0 8px 18px -4px rgba(15, 23, 42, 0.06) !important;
		padding: 38px 34px !important;
		box-sizing: border-box !important;
		position: relative !important;
		animation: loginCardEntrance 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
		transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
	}

	.members-login-card:hover {
		box-shadow: 0 24px 52px -12px rgba(15, 23, 42, 0.16), 0 12px 24px -4px rgba(243, 112, 33, 0.07) !important;
	}

	/* Card Header */
	.login-card-header {
		text-align: center;
		margin-bottom: 28px;
	}

	.card-icon-badge {
		width: 52px;
		height: 52px;
		border-radius: 14px;
		background: rgba(22, 66, 120, 0.08);
		border: 1px solid rgba(22, 66, 120, 0.15);
		color: #164278;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 14px;
		transition: transform 0.25s ease, background-color 0.25s ease;
	}

	.members-login-card:hover .card-icon-badge {
		transform: scale(1.05);
		background: rgba(243, 112, 33, 0.1);
		color: #f37021;
		border-color: rgba(243, 112, 33, 0.25);
	}

	.card-heading-title {
		font-family: 'Outfit', sans-serif !important;
		font-size: 24px !important;
		font-weight: 700 !important;
		color: #0f172a !important;
		margin: 0 0 8px 0 !important;
		letter-spacing: -0.3px;
	}

	.card-subtext {
		font-size: 13.5px !important;
		line-height: 1.55 !important;
		color: #64748b !important;
		margin: 0 !important;
	}

	/* Form Groups & Inputs */
	.members-login-form {
		display: flex;
		flex-direction: column;
		gap: 18px;
	}

	.member-form-group {
		display: flex;
		flex-direction: column;
		position: relative;
	}

	.member-form-label {
		font-size: 13.5px !important;
		font-weight: 600 !important;
		color: #1e293b !important;
		margin-bottom: 6px !important;
		display: flex !important;
		align-items: center !important;
		gap: 4px !important;
	}

	.member-form-label .required-star {
		color: #ef4444 !important;
		font-weight: 700;
	}

	.member-input-wrapper {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
	}

	.input-inline-icon {
		position: absolute;
		left: 14px;
		color: #94a3b8;
		pointer-events: none;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		transition: color 0.2s ease;
		z-index: 2;
	}

	.member-form-input {
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 12px 14px 12px 42px !important;
		font-size: 14px !important;
		font-family: inherit !important;
		color: #0f172a !important;
		background: #ffffff !important;
		border: 1.5px solid #cbd5e1 !important;
		border-radius: 9px !important;
		outline: none !important;
		transition: border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease !important;
		line-height: 1.4 !important;
	}

	.member-form-input::placeholder {
		color: #94a3b8 !important;
		font-size: 13.5px !important;
	}

	/* Orange Accent Focus State (Requirement 6 & 7) */
	.member-form-input:focus {
		border-color: #f37021 !important;
		box-shadow: 0 0 0 3.5px rgba(243, 112, 33, 0.16) !important;
		background: #ffffff !important;
	}

	.member-form-input:focus~.input-inline-icon,
	.member-input-wrapper:focus-within .input-inline-icon {
		color: #f37021 !important;
	}

	/* Validation Feedback States */
	.member-form-input.is-invalid {
		border-color: #ef4444 !important;
		background-color: #fef2f2 !important;
		box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
	}

	.member-form-input.is-invalid~.input-inline-icon {
		color: #ef4444 !important;
	}

	.member-form-input.is-valid {
		border-color: #10b981 !important;
	}

	.member-form-input.is-valid~.input-inline-icon {
		color: #10b981 !important;
	}

	/* Error Message Banner */
	.member-field-error {
		display: none;
		align-items: center;
		gap: 6px;
		color: #dc2626 !important;
		font-size: 12px !important;
		font-weight: 500 !important;
		margin-top: 5px !important;
		animation: errorSlideDown 0.2s cubic-bezier(0.16, 1, 0.3, 1) both;
		line-height: 1.35 !important;
	}

	.member-field-error svg {
		flex-shrink: 0;
	}

	/* Password Toggle Button */
	.password-input-wrapper .password-field-input {
		padding-right: 48px !important;
	}

	.btn-toggle-password {
		position: absolute;
		right: 10px;
		background: transparent !important;
		border: none !important;
		color: #64748b !important;
		padding: 6px 8px !important;
		cursor: pointer !important;
		border-radius: 6px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		transition: color 0.2s ease, background-color 0.2s ease !important;
		z-index: 3;
	}

	.btn-toggle-password:hover,
	.btn-toggle-password:focus {
		color: #f37021 !important;
		background: rgba(243, 112, 33, 0.08) !important;
		outline: none !important;
	}

	/* ==========================================================================
	PASSWORD ASSISTANCE NOTE (Requirement 5)
	- Secondary styling, not visually dominant
	- Exact contact number: 9824586561
	- Clickable tel: link & message action
	========================================================================== */
	.password-assistance-note {
		background: #f1f5f9 !important;
		border: 1px solid #e2e8f0 !important;
		border-left: 3.5px solid #164278 !important;
		border-radius: 8px !important;
		padding: 10px 14px !important;
		margin-top: 4px !important;
		display: flex !important;
		align-items: flex-start !important;
		gap: 9px !important;
		transition: border-left-color 0.25s ease !important;
	}

	.members-login-card:hover .password-assistance-note {
		border-left-color: #f37021 !important;
	}

	.password-assistance-note .assistance-icon {
		color: #164278;
		flex-shrink: 0;
		margin-top: 2px;
		display: inline-flex;
	}

	.password-assistance-note .assistance-text {
		font-size: 12.5px !important;
		line-height: 1.5 !important;
		color: #475569 !important;
		margin: 0 !important;
	}

	.password-assistance-note .assistance-phone-link {
		color: #164278 !important;
		font-weight: 700 !important;
		text-decoration: underline !important;
		transition: color 0.2s ease !important;
	}

	.password-assistance-note .assistance-phone-link:hover,
	.password-assistance-note .assistance-phone-link:focus {
		color: #f37021 !important;
	}

	.password-assistance-note .assistance-msg-link {
		color: #f37021 !important;
		font-weight: 600 !important;
		text-decoration: underline !important;
		transition: color 0.2s ease !important;
	}

	.password-assistance-note .assistance-msg-link:hover,
	.password-assistance-note .assistance-msg-link:focus {
		color: #d95d12 !important;
	}

	/* Remember Session Checkbox */
	.member-form-options {
		display: flex;
		align-items: center;
		margin-top: 2px;
	}

	.remember-session-label {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		font-size: 13px;
		color: #475569;
		cursor: pointer;
		user-select: none;
	}

	.remember-checkbox {
		width: 16px;
		height: 16px;
		accent-color: #164278;
		cursor: pointer;
		border-radius: 4px;
	}

	/* Submit Button with Orange Hover & Focus States (Requirements 6 & 7) */
	.member-submit-group {
		margin-top: 8px;
	}

	.member-login-submit-btn {
		width: 100% !important;
		background: #164278 !important;
		color: #ffffff !important;
		border: none !important;
		border-radius: 9999px !important;
		padding: 13px 26px !important;
		font-size: 14.5px !important;
		font-weight: 700 !important;
		letter-spacing: 0.3px !important;
		font-family: inherit !important;
		cursor: pointer !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px !important;
		box-shadow: 0 4px 14px rgba(22, 66, 120, 0.28) !important;
		transition: background-color 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s ease !important;
		position: relative !important;
		outline: none !important;
	}

	.member-login-submit-btn:hover,
	.member-login-submit-btn:focus-visible {
		background: #f37021 !important;
		background-color: #f37021 !important;
		box-shadow: 0 6px 20px rgba(243, 112, 33, 0.42) !important;
		transform: translateY(-2px) !important;
		color: #ffffff !important;
	}

	.member-login-submit-btn:active {
		transform: translateY(0) !important;
		box-shadow: 0 2px 8px rgba(243, 112, 33, 0.35) !important;
	}

	/* Spinner Icon */
	.btn-spinner-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.spin-svg {
		animation: spinRotate 0.8s linear infinite;
	}

	@keyframes spinRotate {
		from {
			transform: rotate(0deg);
		}

		to {
			transform: rotate(360deg);
		}
	}

	/* Security Badge */
	.card-security-badge {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		margin-top: 18px;
		font-size: 12px;
		color: #64748b;
		text-align: center;
	}

	/* Card Error Shake Animation */
	.card-error-shake {
		animation: cardErrorShake 0.42s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
	}

	@keyframes cardErrorShake {

		10%,
		90% {
			transform: translate3d(-2px, 0, 0);
		}

		20%,
		80% {
			transform: translate3d(3px, 0, 0);
		}

		30%,
		50%,
		70% {
			transform: translate3d(-3px, 0, 0);
		}

		40%,
		60% {
			transform: translate3d(3px, 0, 0);
		}
	}

	/* Card Entrance Animation */
	@keyframes loginCardEntrance {
		0% {
			opacity: 0;
			transform: translateY(22px) scale(0.98);
		}

		100% {
			opacity: 1;
			transform: translateY(0) scale(1);
		}
	}

	@keyframes errorSlideDown {
		0% {
			opacity: 0;
			transform: translateY(-4px);
		}

		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/* Success State Screen */
	.login-success-state {
		text-align: center;
		padding: 24px 10px;
	}

	.login-success-state.animate-fade-scale {
		animation: successFadeScale 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
	}

	@keyframes successFadeScale {
		0% {
			opacity: 0;
			transform: scale(0.94);
		}

		100% {
			opacity: 1;
			transform: scale(1);
		}
	}

	.success-icon-wrap {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background: #ecfdf5;
		border: 2px solid #10b981;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 16px;
	}

	.success-title {
		font-family: 'Outfit', sans-serif !important;
		font-size: 22px !important;
		font-weight: 700 !important;
		color: #0f172a !important;
		margin: 0 0 10px 0 !important;
	}

	.success-desc {
		font-size: 14px !important;
		line-height: 1.6 !important;
		color: #475569 !important;
		margin: 0 0 20px 0 !important;
	}

	.success-spinner-wrap {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		padding: 8px 18px;
		background: #eff6ff;
		border-radius: 9999px;
		color: #164278;
		font-size: 13px;
		font-weight: 600;
	}

	.auth-spinner {
		width: 14px;
		height: 14px;
		border: 2px solid rgba(22, 66, 120, 0.25);
		border-top-color: #164278;
		border-radius: 50%;
		animation: spinRotate 0.75s linear infinite;
		display: inline-block;
	}

	/* ==========================================================================
	RESPONSIVENESS (Requirement 8)
	Desktop, Laptop, Tablet, Mobile Breakpoints
	========================================================================== */

	@media screen and (max-width: 768px) {
		.members-login-hero-title {
			font-size: 28px !important;
		}

		.members-login-hero-title .highlight-text {
			font-size: 17px !important;
		}

		.members-login-hero-section {
			padding: 32px 18px 36px 18px !important;
		}

		.members-login-main-section {
			padding: 32px 16px 50px 16px !important;
		}

		.members-login-card {
			padding: 28px 20px !important;
			border-radius: 14px !important;
		}

		.card-heading-title {
			font-size: 21px !important;
		}

		.member-form-input {
			font-size: 14px !important;
			padding-top: 11px !important;
			padding-bottom: 11px !important;
		}

		.member-login-submit-btn {
			font-size: 14px !important;
			padding: 12px 20px !important;
		}
	}

	@media (prefers-reduced-motion: reduce) {

		.members-login-card,
		.member-login-submit-btn,
		.nav-chevron-svg,
		.service-view-btn,
		.service-card-item {
			animation: none !important;
			transition: none !important;
		}
	}

	/* ==================================================
	KAIZEN DEDICATED GALLERY PAGE & LIGHTBOX STYLES
	================================================== */
	.kaizen-gallery-page-wrap {
		width: 100%;
		background: #f8fafc;
		min-height: 80vh;
		font-family: inherit;
	}

	.gallery-hero-header {
		background: linear-gradient(135deg, #091c36 0%, #164278 100%);
		padding: 56px 20px 60px 20px;
		color: #ffffff;
		position: relative;
		overflow: hidden;
	}

	.gallery-hero-header::before {
		content: '';
		position: absolute;
		top: -50%;
		right: -20%;
		width: 600px;
		height: 600px;
		background: radial-gradient(circle, rgba(243, 112, 33, 0.15) 0%, rgba(22, 66, 120, 0) 70%);
		pointer-events: none;
	}

	.gallery-hero-inner {
		max-width: 1240px;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}

	.gallery-breadcrumb {
		display: flex;
		align-items: center;
		gap: 8px;
		font-size: 13px;
		color: #94a3b8;
		margin-bottom: 18px;
	}

	.gallery-breadcrumb a {
		color: #cbd5e1;
		text-decoration: none;
		transition: color 0.2s ease;
	}

	.gallery-breadcrumb a:hover {
		color: #f37021;
	}

	.gallery-breadcrumb .sep {
		color: #64748b;
	}

	.gallery-breadcrumb .current {
		color: #f37021;
		font-weight: 600;
	}

	.gallery-hero-badge {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: rgba(255, 255, 255, 0.1);
		border: 1px solid rgba(255, 255, 255, 0.2);
		backdrop-filter: blur(8px);
		padding: 6px 14px;
		border-radius: 9999px;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.05em;
		color: #f8fafc;
		margin-bottom: 14px;
	}

	.gallery-hero-badge .pulse-dot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #f37021;
		box-shadow: 0 0 0 0 rgba(243, 112, 33, 0.7);
		animation: pulse-orange 2s infinite;
	}

	@keyframes pulse-orange {
		0% {
			transform: scale(0.95);
			box-shadow: 0 0 0 0 rgba(243, 112, 33, 0.7);
		}

		70% {
			transform: scale(1);
			box-shadow: 0 0 0 8px rgba(243, 112, 33, 0);
		}

		100% {
			transform: scale(0.95);
			box-shadow: 0 0 0 0 rgba(243, 112, 33, 0);
		}
	}

	.gallery-hero-title {
		font-size: 36px;
		font-weight: 800;
		letter-spacing: -0.02em;
		margin: 0 0 12px 0;
		color: #ffffff;
	}

	.gallery-hero-desc {
		font-size: 16px;
		line-height: 1.6;
		color: #cbd5e1;
		max-width: 680px;
		margin: 0;
	}

	/* Gallery Container */
	.gallery-container {
		max-width: 1240px;
		margin: 0 auto;
		padding: 36px 20px 60px 20px;
	}

	/* Category Filter Bar */
	.gallery-filter-bar {
		margin-bottom: 28px;
	}

	.gallery-filter-scroll {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		align-items: center;
	}

	.gallery-filter-btn {
		background: #ffffff;
		border: 1.5px solid #e2e8f0;
		color: #475569;
		font-size: 13.5px;
		font-weight: 600;
		padding: 8px 18px;
		border-radius: 9999px;
		cursor: pointer;
		transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
		box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
	}

	.gallery-filter-btn:hover {
		background: #f1f5f9;
		color: #0f172a;
		border-color: #cbd5e1;
		transform: translateY(-1px);
	}

	.gallery-filter-btn.active {
		background: #164278;
		color: #ffffff;
		border-color: #164278;
		box-shadow: 0 4px 12px rgba(22, 66, 120, 0.25);
	}

	/* Category Filter Notice */
	.gallery-category-notice {
		display: flex;
		align-items: center;
		gap: 14px;
		background: #eff6ff;
		border: 1px solid #bfdbfe;
		border-radius: 12px;
		padding: 12px 18px;
		margin-bottom: 28px;
		color: #1e3a8a;
		font-size: 14px;
	}

	.gallery-category-notice .notice-icon {
		font-size: 20px;
		flex-shrink: 0;
	}

	.gallery-category-notice .notice-text {
		flex: 1;
	}

	.gallery-category-notice .notice-kicker {
		font-size: 11px;
		font-weight: 800;
		letter-spacing: 0.05em;
		background: #dbeafe;
		color: #1d4ed8;
		padding: 2px 8px;
		border-radius: 4px;
		margin-right: 6px;
	}

	.gallery-category-notice .btn-clear-filter {
		background: transparent;
		border: 1px solid #93c5fd;
		color: #1d4ed8;
		font-size: 12.5px;
		font-weight: 600;
		padding: 5px 12px;
		border-radius: 6px;
		cursor: pointer;
		transition: all 0.2s ease;
	}

	.gallery-category-notice .btn-clear-filter:hover {
		background: #dbeafe;
	}

	/* Gallery Cards Grid */
	.gallery-cards-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
		margin-bottom: 48px;
	}

	.gallery-item-card {
		background: #ffffff;
		border-radius: 14px;
		border: 1.5px solid #e2e8f0;
		overflow: hidden;
		box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
		transition: transform 0.25s ease, box-shadow 0.25s ease;
		display: flex;
		flex-direction: column;
	}

	.gallery-item-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 12px 24px rgba(22, 66, 120, 0.09);
		border-color: #cbd5e1;
	}

	.gallery-item-media {
		height: 220px;
		position: relative;
		overflow: hidden;
		background: #0f172a;
		cursor: pointer;
	}

	.gallery-item-media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.gallery-item-card:hover .gallery-item-media img {
		transform: scale(1.06);
	}

	.gallery-media-overlay {
		position: absolute;
		inset: 0;
		background: rgba(15, 23, 42, 0.45);
		backdrop-filter: blur(2px);
		opacity: 0;
		transition: opacity 0.25s ease;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.gallery-item-card:hover .gallery-media-overlay {
		opacity: 1;
	}

	.gallery-zoom-badge {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		background: rgba(255, 255, 255, 0.95);
		color: #0f172a;
		font-size: 13px;
		font-weight: 700;
		padding: 8px 16px;
		border-radius: 9999px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	}

	.gallery-pill-tag {
		position: absolute;
		top: 12px;
		left: 12px;
		background: rgba(15, 23, 42, 0.85);
		color: #ffffff;
		font-size: 11px;
		font-weight: 700;
		padding: 4px 10px;
		border-radius: 9999px;
		letter-spacing: 0.03em;
		backdrop-filter: blur(4px);
	}

	.gallery-item-info {
		padding: 16px 18px 20px 18px;
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.gallery-meta-row {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 8px;
		font-size: 12px;
		color: #64748b;
	}

	.gallery-item-title {
		font-size: 16px;
		font-weight: 700;
		color: #0f172a;
		margin: 0 0 6px 0;
		line-height: 1.35;
	}

	.gallery-item-caption {
		font-size: 13px;
		line-height: 1.5;
		color: #64748b;
		margin: 0;
		flex: 1;
	}

	/* Empty State */
	.gallery-empty-state {
		text-align: center;
		background: #ffffff;
		border: 1.5px dashed #cbd5e1;
		border-radius: 16px;
		padding: 48px 24px;
		margin-bottom: 40px;
	}

	.gallery-empty-state .empty-icon {
		font-size: 42px;
		margin-bottom: 12px;
	}

	.gallery-empty-state h3 {
		font-size: 20px;
		font-weight: 700;
		color: #0f172a;
		margin: 0 0 8px 0;
	}

	.gallery-empty-state p {
		font-size: 14px;
		color: #64748b;
		max-width: 520px;
		margin: 0 auto 20px auto;
		line-height: 1.5;
	}

	.gallery-reset-btn {
		background: #164278;
		color: #ffffff;
		border: none;
		padding: 10px 22px;
		font-size: 13.5px;
		font-weight: 700;
		border-radius: 8px;
		cursor: pointer;
		transition: background 0.2s ease;
	}

	.gallery-reset-btn:hover {
		background: #0f2e56;
	}

	/* Bottom CTA Card */
	.gallery-cta-card {
		background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
		border: 1.5px solid #e2e8f0;
		border-radius: 16px;
		padding: 28px 32px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 24px;
		box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
	}

	.gallery-cta-card .cta-content h3 {
		font-size: 20px;
		font-weight: 800;
		color: #0f172a;
		margin: 0 0 6px 0;
	}

	.gallery-cta-card .cta-content p {
		font-size: 14px;
		color: #64748b;
		margin: 0;
		line-height: 1.5;
	}

	.gallery-cta-card .cta-actions {
		display: flex;
		align-items: center;
		gap: 12px;
		flex-shrink: 0;
	}

	.btn-cta-events {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: #164278;
		color: #ffffff;
		text-decoration: none;
		font-size: 13.5px;
		font-weight: 700;
		padding: 10px 20px;
		border-radius: 8px;
		transition: background 0.2s ease;
	}

	.btn-cta-events:hover {
		background: #0f2e56;
	}

	.btn-cta-whatsapp {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: #25D366;
		color: #ffffff;
		text-decoration: none;
		font-size: 13.5px;
		font-weight: 700;
		padding: 10px 20px;
		border-radius: 8px;
		transition: background 0.2s ease;
	}

	.btn-cta-whatsapp:hover {
		background: #1ea952;
	}

	/* Lightbox Modal */
	.kaizen-gallery-modal {
		position: fixed;
		inset: 0;
		z-index: 999999;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.kaizen-gallery-modal .modal-backdrop {
		position: absolute;
		inset: 0;
		background: rgba(10, 15, 29, 0.88);
		backdrop-filter: blur(8px);
	}

	.modal-content-shell {
		position: relative;
		z-index: 2;
		max-width: 90vw;
		max-height: 90vh;
		display: flex;
		flex-direction: column;
		background: #0f172a;
		border-radius: 16px;
		overflow: hidden;
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
		border: 1px solid rgba(255, 255, 255, 0.1);
	}

	.modal-close-btn {
		position: absolute;
		top: 14px;
		right: 14px;
		z-index: 10;
		background: rgba(15, 23, 42, 0.7);
		color: #ffffff;
		border: none;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		font-size: 22px;
		line-height: 1;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background 0.2s ease;
	}

	.modal-close-btn:hover {
		background: #ef4444;
	}

	.modal-nav-btn {
		position: absolute;
		top: 45%;
		z-index: 10;
		background: rgba(15, 23, 42, 0.7);
		color: #ffffff;
		border: none;
		width: 44px;
		height: 44px;
		border-radius: 50%;
		font-size: 20px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background 0.2s ease, transform 0.15s ease;
	}

	.modal-nav-btn.prev {
		left: 14px;
	}

	.modal-nav-btn.next {
		right: 14px;
	}

	.modal-nav-btn:hover {
		background: #164278;
		transform: scale(1.08);
	}

	.modal-img-container {
		display: flex;
		align-items: center;
		justify-content: center;
		max-height: 68vh;
		background: #020617;
		overflow: hidden;
	}

	.modal-img-container img {
		max-width: 100%;
		max-height: 68vh;
		object-fit: contain;
		display: block;
	}

	.modal-caption-bar {
		padding: 14px 20px;
		background: #0f172a;
		color: #ffffff;
		position: relative;
	}

	.modal-caption-bar .caption-cat {
		display: inline-block;
		font-size: 11px;
		font-weight: 700;
		color: #f37021;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		margin-bottom: 4px;
	}

	.modal-caption-bar .caption-title {
		font-size: 16px;
		font-weight: 700;
		color: #ffffff;
		margin: 0 0 4px 0;
	}

	.modal-caption-bar .caption-desc {
		font-size: 13px;
		color: #94a3b8;
		margin: 0;
		line-height: 1.45;
		max-width: 80%;
	}

	.modal-caption-bar .caption-counter {
		position: absolute;
		right: 20px;
		bottom: 16px;
		font-size: 12px;
		color: #64748b;
		font-weight: 600;
	}

	/* Responsive Queries for Gallery */
	@media (max-width: 1024px) {
		.gallery-cards-grid {
			grid-template-columns: repeat(2, 1fr);
		}

		.gallery-cta-card {
			flex-direction: column;
			text-align: center;
		}

		.gallery-cta-card .cta-actions {
			justify-content: center;
		}
	}

	@media (max-width: 640px) {
		.gallery-hero-header {
			padding: 38px 16px 42px 16px;
		}

		.gallery-hero-title {
			font-size: 26px;
		}

		.gallery-hero-desc {
			font-size: 14px;
		}

		.gallery-cards-grid {
			grid-template-columns: 1fr;
			gap: 18px;
		}

		.gallery-item-media {
			height: 200px;
		}

		.gallery-cta-card .cta-actions {
			flex-direction: column;
			width: 100%;
		}

		.btn-cta-events,
		.btn-cta-whatsapp {
			width: 100%;
			justify-content: center;
		}

		.modal-nav-btn {
			width: 36px;
			height: 36px;
			font-size: 16px;
		}

		.modal-caption-bar .caption-desc {
			max-width: 100%;
			font-size: 12px;
		}

		.modal-caption-bar .caption-counter {
			position: static;
			margin-top: 6px;
			display: block;
		}
	}

	/* ==========================================================================
	COMPLETE MOBILE RESPONSIVENESS SYSTEM (max-width: 999px, 767px, 480px)
	Strictly scoped to mobile/tablet — Desktop (>=1000px) remains untouched.
	========================================================================== */

	@media screen and (max-width: 999px) {

		/* Prevent horizontal page overflow */
		html,
		body {
			overflow-x: hidden !important;
			max-width: 100vw !important;
			width: 100% !important;
			position: relative !important;
		}

		*,
		*::before,
		*::after {
			box-sizing: border-box !important;
		}

		.wp-site-blocks,
		main#primary,
		.wp-block-group {
			max-width: 100% !important;
		}

		/* Sticky Header & Logo Scaling */
		.inner-menu-header {
			padding: 6px 16px !important;
		}

		.inner-menu-header .wp-block-columns {
			display: flex !important;
			flex-direction: row !important;
			align-items: center !important;
			justify-content: space-between !important;
			flex-wrap: nowrap !important;
			width: 100% !important;
			margin: 0 !important;
		}

		.inner-menu-header .logo-block {
			flex: 1 1 auto !important;
			max-width: calc(100% - 56px) !important;
		}

		.inner-menu-header .logo-block .wp-block-group {
			display: flex !important;
			align-items: center !important;
			gap: 10px !important;
			flex-wrap: nowrap !important;
		}

		.inner-menu-header .logo-block img {
			max-height: 42px !important;
			width: auto !important;
			flex-shrink: 0 !important;
		}

		.inner-menu-header .wp-block-site-title,
		.inner-menu-header .wp-block-site-title a {
			font-size: 16px !important;
			line-height: 1.25 !important;
			white-space: normal !important;
			display: -webkit-box !important;
			-webkit-line-clamp: 2 !important;
			-webkit-box-orient: vertical !important;
			overflow: hidden !important;
		}

		.inner-menu-header .nav-block-right {
			flex: 0 0 auto !important;
			margin-left: auto !important;
		}
	}

	@media screen and (max-width: 767px) {

		/* Top Header */
		.upper-header {
			padding: 6px 0 !important;
		}

		.inner-upper-header {
			flex-direction: row !important;
			flex-wrap: wrap !important;
			justify-content: center !important;
			align-items: center !important;
			gap: 6px 14px !important;
			padding: 0 12px !important;
			text-align: center !important;
		}

		.top-contact-left,
		.top-contact-right {
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			gap: 8px !important;
			flex-wrap: wrap !important;
		}

		.top-contact-left a,
		.top-contact-right a,
		.top-contact-right div {
			font-size: 12px !important;
		}

		/* Hero Banner Cover */
		.banner-image-cover {
			min-height: 500px !important;
			height: auto !important;
			max-height: none !important;
			padding: 24px 0 !important;
		}

		.banner-image-cover .wp-block-cover__inner-container {
			padding: 30px 18px !important;
			align-items: center !important;
			text-align: center !important;
		}

		.banner-content {
			text-align: center !important;
			margin: 0 auto !important;
			max-width: 100% !important;
		}

		.banner-content>.wp-block-group {
			text-align: center !important;
			align-items: center !important;
		}

		.banner-badge {
			margin: 0 auto 12px auto !important;
			font-size: 11.5px !important;
			padding: 4px 14px !important;
		}

		.banner-content h1,
		.banner-content h1.wp-block-heading {
			font-size: clamp(22px, 6vw, 28px) !important;
			line-height: 1.25 !important;
			text-align: center !important;
			margin: 0 0 10px 0 !important;
		}

		.banner-content h3,
		.banner-content h3.wp-block-heading {
			font-size: 14.5px !important;
			line-height: 1.4 !important;
			text-align: center !important;
			margin: 0 0 12px 0 !important;
		}

		.banner-content p.banner-desc,
		.banner-content p {
			font-size: 13.5px !important;
			line-height: 1.55 !important;
			text-align: center !important;
			margin: 0 auto 18px auto !important;
		}

		.banner-content .wp-block-buttons {
			flex-direction: column !important;
			align-items: center !important;
			justify-content: center !important;
			width: 100% !important;
			max-width: 290px !important;
			margin: 0 auto !important;
			gap: 10px !important;
		}

		.banner-content .wp-block-buttons .wp-block-button,
		.banner-content .wp-block-buttons .wp-block-button__link {
			width: 100% !important;
			text-align: center !important;
			justify-content: center !important;
			padding: 10px 20px !important;
			font-size: 14px !important;
		}

		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev,
		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next {
			width: 34px !important;
			height: 34px !important;
			margin-top: -17px !important;
			opacity: 0.75 !important;
		}

		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-prev {
			left: 6px !important;
		}

		.wp-block-group.educational-blocks-swiper .educational-blocks-swiper-button-next {
			right: 6px !important;
		}

		/* Upcoming Events Marquee on Mobile */
		.events-section-wrap.kaizen-events-container {
			padding: 35px 0 !important;
		}

		.events-inner-shell {
			padding: 0 16px !important;
		}

		.events-section-header {
			flex-direction: column !important;
			align-items: flex-start !important;
			gap: 14px !important;
			margin-bottom: 20px !important;
		}

		.events-main-title {
			font-size: 24px !important;
		}

		.events-subtitle {
			font-size: 13.5px !important;
		}

		.event-card-item {
			flex: 0 0 min(330px, 84vw) !important;
			max-width: 84vw !important;
		}

		.event-card-media {
			flex: 0 0 95px !important;
			width: 95px !important;
		}

		.event-title {
			font-size: 12.5px !important;
		}

		/* 16 Service Cards Grid on Mobile */
		.popular-courses.service-section-wrapper,
		#services.service-section-wrapper {
			padding: 35px 0 50px 0 !important;
		}

		.services-main-container {
			padding: 0 16px !important;
		}

		.services-header-box {
			margin-bottom: 24px !important;
		}

		.services-header-box .section-heading {
			font-size: 26px !important;
		}

		.services-header-box .section-subtext {
			font-size: 13.5px !important;
		}

		.services-16-grid {
			grid-template-columns: 1fr !important;
			gap: 18px !important;
		}

		.service-card-item,
		.popular-course-box {
			max-width: 100% !important;
			width: 100% !important;
		}

		.card-thumb-wrap,
		.service-card-item .card-thumb-wrap,
		.popular-course-box .card-thumb-wrap,
		.card-thumb-img {
			height: 200px !important;
			min-height: 200px !important;
			max-height: 200px !important;
		}

		.card-body-content {
			padding: 16px 18px !important;
		}

		.card-title-text,
		.service-card-item h5,
		.popular-course-box h5 {
			font-size: 14.5px !important;
			height: auto !important;
			min-height: auto !important;
			margin-bottom: 8px !important;
			-webkit-line-clamp: 3 !important;
		}

		.card-desc-text,
		.service-card-item p,
		.popular-course-box p {
			font-size: 13px !important;
			height: auto !important;
			min-height: auto !important;
			margin-bottom: 14px !important;
			-webkit-line-clamp: 4 !important;
		}

		.card-btn-wrap {
			width: 100% !important;
		}

		.service-view-btn {
			width: 100% !important;
			justify-content: center !important;
			text-align: center !important;
			padding: 9px 20px !important;
		}

		/* About Us & Testimonials */
		.featured-courses,
		.about-us,
		.wp-block-group.about-us {
			padding: 40px 0 !important;
		}

		.about-us-container {
			padding: 0 16px !important;
		}

		.about-us .about-us-content {
			grid-template-columns: 1fr !important;
			gap: 28px !important;
		}

		.about-us .about-img-box .wp-block-columns {
			grid-template-columns: 1fr 1fr !important;
			gap: 12px !important;
		}

		.testimonial-section,
		.wp-block-group.testimonial-section {
			padding: 35px 16px !important;
		}

		.testimonial-section .wp-block-columns {
			flex-direction: column !important;
			gap: 20px !important;
		}

		/* Footer on Mobile */
		.site-footer,
		.home-footer-class,
		footer.wp-block-template-part {
			padding: 40px 16px 24px 16px !important;
		}

		.footer-widgets .wp-block-columns {
			flex-direction: column !important;
			gap: 28px !important;
		}

		.footer-widgets .wp-block-column {
			width: 100% !important;
			flex-basis: 100% !important;
		}

		.floating-inquiry-tab {
			font-size: 11px !important;
			padding: 8px 3px !important;
		}
	}

	@media screen and (max-width: 480px) {
		.inner-upper-header {
			gap: 4px 10px !important;
		}

		.top-contact-right div span.top-email-icon+a {
			max-width: 210px !important;
			overflow: hidden !important;
			text-overflow: ellipsis !important;
			white-space: nowrap !important;
			display: inline-block !important;
			vertical-align: middle !important;
		}

		.inner-menu-header .logo-block img {
			max-height: 36px !important;
		}

		.inner-menu-header .wp-block-site-title,
		.inner-menu-header .wp-block-site-title a {
			font-size: 13.5px !important;
		}

		.events-main-title {
			font-size: 21px !important;
		}

		.services-header-box .section-heading {
			font-size: 23px !important;
		}
	}

	/* --- Global Floating Inquiry Tab & Header Consistency --- */
	.floating-inquiry-tab {
		position: fixed !important;
		right: 0 !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 99999 !important;
		background: #164278 !important;
		color: #ffffff !important;
		padding: 16px 7px !important;
		border-radius: 6px 0 0 6px !important;
		writing-mode: vertical-rl !important;
		text-orientation: mixed !important;
		font-weight: 700 !important;
		font-size: 13.5px !important;
		letter-spacing: 1px !important;
		box-shadow: -3px 4px 15px rgba(22, 66, 120, 0.4) !important;
		text-decoration: none !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		transition: background-color 0.25s ease, transform 0.25s ease !important;
	}

	.floating-inquiry-tab:hover,
	.floating-inquiry-tab:focus {
		background: #0d2a4d !important;
		color: #ffffff !important;
		transform: translateY(-50%) translateX(-2px) !important;
	}

	/* Strict de-duplication: never render more than one floating inquiry tab */
	.floating-inquiry-tab ~ .floating-inquiry-tab {
		display: none !important;
	}

	/* Global Header Consistency across All Pages */
	header.site-header,
	header.wp-block-template-part,
	.home-header-class {
		display: block !important;
		width: 100% !important;
		position: relative !important;
		z-index: 9999 !important;
		background: #ffffff !important;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
	}

	.inner-menu-header {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.inner-menu-header .logo-block {
		display: flex !important;
		align-items: center !important;
		flex-shrink: 0 !important;
	}

	.inner-menu-header .logo-block img,
	.custom-logo-link img.site-header-logo-img {
		max-height: 48px !important;
		width: auto !important;
		height: auto !important;
		display: block !important;
		object-fit: contain !important;
	}

	/* ==========================================================================
	KAIZEN LOGO MARQUEE & DYNAMIC FEEDBACK CAROUSEL STYLES (GLOBAL)
	========================================================================== */

	/* --- A. LOGO MARQUEE STYLES --- */
	.kaizen-logo-marquee-container {
		max-width: 1320px !important;
		margin: 0 auto 48px auto !important;
		padding: 0 24px !important;
		box-sizing: border-box !important;
	}

	.kaizen-marquee-viewport {
		position: relative !important;
		width: 100% !important;
		overflow: hidden !important;
		padding: 10px 0 !important;
		mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent) !important;
		-webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent) !important;
	}

	.kaizen-logo-track-anim {
		display: flex !important;
		width: max-content !important;
		will-change: transform !important;
	}

	/* Upper line: scroll left to right (moves rightward) */
	.kaizen-logo-track-anim.scroll-left-to-right,
	.kaizen-logo-track-anim.scroll-right {
		animation: kaizenMarqueeSlideRight 36s linear infinite !important;
	}

	/* Bottom line: scroll right to left (moves leftward) */
	.kaizen-logo-track-anim.scroll-right-to-left,
	.kaizen-logo-track-anim.scroll-left {
		animation: kaizenMarqueeSlideLeft 36s linear infinite !important;
	}

	.kaizen-logo-track-anim:hover,
	.kaizen-logo-track-anim:focus-within {
		animation-play-state: paused !important;
	}

	.logo-track-set {
		display: flex !important;
		align-items: center !important;
		gap: 20px !important;
		flex-shrink: 0 !important;
		padding-right: 20px !important;
	}

	.kaizen-logo-pill-card {
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 10px !important;
		height: 52px !important;
		padding: 6px 18px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04) !important;
		transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
		flex-shrink: 0 !important;
		box-sizing: border-box !important;
	}

	.kaizen-logo-pill-card:hover {
		transform: translateY(-2px) !important;
		box-shadow: 0 4px 12px rgba(22, 66, 120, 0.1) !important;
		border-color: #bfdbfe !important;
	}

	.logo-card-inner {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-decoration: none !important;
		color: inherit !important;
		height: 100% !important;
	}

	.partner-logo-img {
		max-height: 38px !important;
		max-width: 130px !important;
		width: auto !important;
		height: auto !important;
		object-fit: contain !important;
		display: block !important;
		transition: transform 0.25s ease !important;
	}

	.kaizen-logo-pill-card:hover .partner-logo-img {
		transform: scale(1.04) !important;
	}

	.partner-emblem-badge {
		display: inline-flex !important;
		align-items: center !important;
		font-weight: 800 !important;
		font-size: 13px !important;
		color: #0f2e54 !important;
		letter-spacing: 0.5px !important;
	}

	.partner-sub-text {
		font-size: 11px !important;
		font-weight: 600 !important;
		color: #64748b !important;
		background: #f1f5f9 !important;
		padding: 2px 8px !important;
		border-radius: 9999px !important;
		margin-left: 6px !important;
	}

	@keyframes kaizenMarqueeSlideRight {
		0% {
			transform: translate3d(-50%, 0, 0);
		}
		100% {
			transform: translate3d(0, 0, 0);
		}
	}

	@keyframes kaizenMarqueeSlideLeft {
		0% {
			transform: translate3d(0, 0, 0);
		}
		100% {
			transform: translate3d(-50%, 0, 0);
		}
	}

	/* --- B. FEEDBACK CAROUSEL STYLES (~4 CARDS DESKTOP, 2 TABLET, 1 MOBILE) --- */
	.kaizen-feedback-section-wrap {
		display: block !important;
		width: 100% !important;
		background: #f8fafc !important;
		position: relative !important;
		overflow: hidden !important;
	}

	.kaizen-feedback-main-container {
		max-width: 1380px !important;
		margin: 0 auto !important;
		padding: 0 24px !important;
		box-sizing: border-box !important;
	}

	.kaizen-feedback-carousel-viewport {
		position: relative !important;
		width: 100% !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-behavior: smooth !important;
		scrollbar-width: none !important;
		-ms-overflow-style: none !important;
		padding: 12px 0 20px 0 !important;
		mask-image: linear-gradient(to right, transparent 0%, black 3%, black 97%, transparent 100%) !important;
		-webkit-mask-image: linear-gradient(to right, transparent 0%, black 3%, black 97%, transparent 100%) !important;
		cursor: grab !important;
		user-select: none !important;
	}

	.kaizen-feedback-carousel-viewport::-webkit-scrollbar {
		display: none !important;
	}

	.kaizen-feedback-carousel-viewport:active {
		cursor: grabbing !important;
	}

	/* Floating Prev/Next Arrow Buttons (Left & Right Sides) */
	.feedback-floating-arrow {
		position: absolute !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		width: 48px !important;
		height: 48px !important;
		min-width: 48px !important;
		border-radius: 50% !important;
		background: #ffffff !important;
		border: 1.5px solid #cbd5e1 !important;
		box-shadow: 0 4px 18px rgba(15, 23, 42, 0.16) !important;
		color: #164278 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		z-index: 50 !important;
		transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
		padding: 0 !important;
		outline: none !important;
		user-select: none !important;
	}

	.feedback-floating-arrow:hover:not(:disabled):not(.is-disabled) {
		background: #164278 !important;
		color: #ffffff !important;
		border-color: #164278 !important;
		box-shadow: 0 6px 22px rgba(22, 66, 120, 0.35) !important;
		transform: translateY(-50%) scale(1.08) !important;
	}

	.feedback-floating-arrow:active:not(:disabled):not(.is-disabled) {
		transform: translateY(-50%) scale(0.96) !important;
	}

	/* Disabled Boundary State (beginning or end of carousel) */
	.feedback-floating-arrow:disabled,
	.feedback-floating-arrow[disabled],
	.feedback-floating-arrow.is-disabled {
		opacity: 0.28 !important;
		cursor: not-allowed !important;
		pointer-events: none !important;
		transform: translateY(-50%) !important;
		box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
		background: #ffffff !important;
		border-color: #cbd5e1 !important;
		color: #94a3b8 !important;
	}

	.feedback-floating-arrow.prev-arrow {
		left: -20px !important;
	}

	.feedback-floating-arrow.next-arrow {
		right: -20px !important;
	}

	@media (max-width: 1024px) {
		.feedback-floating-arrow.prev-arrow {
			left: -8px !important;
		}
		.feedback-floating-arrow.next-arrow {
			right: -8px !important;
		}
	}

	@media (max-width: 768px) {
		.feedback-floating-arrow {
			width: 40px !important;
			height: 40px !important;
			min-width: 40px !important;
		}
		.feedback-floating-arrow.prev-arrow {
			left: 4px !important;
		}
		.feedback-floating-arrow.next-arrow {
			right: 4px !important;
		}
	}

	.kaizen-feedback-track-anim {
		display: flex !important;
		width: max-content !important;
		will-change: transform !important;
		animation: kaizenFeedbackSlide 42s linear infinite !important;
	}

	.kaizen-feedback-track-anim:hover,
	.kaizen-feedback-track-anim:focus-within {
		animation-play-state: paused !important;
	}

	.feedback-track-set {
		display: flex !important;
		gap: 24px !important;
		flex-shrink: 0 !important;
		padding-right: 24px !important;
	}

	/* Individual Feedback Card: ~4 visible on standard desktop screens (width ~305px each) */
	.kaizen-feedback-card-item {
		width: 305px !important;
		min-width: 305px !important;
		max-width: 305px !important;
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 18px !important;
		padding: 26px 24px !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05) !important;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
		flex-shrink: 0 !important;
	}

	.kaizen-feedback-card-item:hover {
		transform: translateY(-6px) !important;
		box-shadow: 0 14px 30px rgba(22, 66, 120, 0.12) !important;
		border-color: #bfdbfe !important;
	}

	.fb-card-top-row {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		margin-bottom: 14px !important;
	}

	.fb-rating-stars {
		color: #f59e0b !important;
		font-size: 16px !important;
		letter-spacing: 2px !important;
		line-height: 1 !important;
	}

	.fb-quote-mark {
		font-size: 32px !important;
		line-height: 1 !important;
		color: #cbd5e1 !important;
		font-family: Georgia, serif !important;
		font-weight: 700 !important;
	}

	.fb-card-body-text {
		font-size: 14px !important;
		line-height: 1.65 !important;
		color: #334155 !important;
		margin: 0 0 20px 0 !important;
		flex-grow: 1 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 5 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.fb-card-profile-footer {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		padding-top: 14px !important;
		border-top: 1px solid #f1f5f9 !important;
	}

	.fb-profile-avatar-wrap {
		width: 48px !important;
		height: 48px !important;
		min-width: 48px !important;
		border-radius: 50% !important;
		overflow: hidden !important;
		background: #e2e8f0 !important;
	}

	.fb-profile-avatar {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
	}

	.fb-profile-avatar-initial {
		width: 100% !important;
		height: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: #164278 !important;
		color: #ffffff !important;
		font-size: 18px !important;
		font-weight: 700 !important;
	}

	.fb-profile-meta {
		overflow: hidden !important;
	}

	.fb-profile-name {
		font-size: 15px !important;
		font-weight: 700 !important;
		color: #0f172a !important;
		margin: 0 0 2px 0 !important;
		line-height: 1.25 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.fb-profile-role {
		font-size: 12.5px !important;
		font-weight: 600 !important;
		color: #164278 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		line-height: 1.2 !important;
	}

	.fb-profile-company {
		font-size: 11.5px !important;
		color: #64748b !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		line-height: 1.2 !important;
		margin-top: 2px !important;
	}

	@keyframes kaizenFeedbackSlide {
		0% {
			transform: translate3d(0, 0, 0);
		}
		100% {
			transform: translate3d(-50%, 0, 0);
		}
	}

	/* --- C. RESPONSIVE BREAKPOINTS (~2 CARDS TABLET, 1 CARD MOBILE) --- */
	@media (max-width: 1024px) {
		.kaizen-feedback-card-item {
			width: 290px !important;
			min-width: 290px !important;
			max-width: 290px !important;
			padding: 22px 20px !important;
		}
		.feedback-track-set {
			gap: 18px !important;
			padding-right: 18px !important;
		}
	}

	@media (max-width: 768px) {
		.kaizen-feedback-section-wrap {
			padding-top: 36px !important;
			padding-bottom: 45px !important;
		}
		.kaizen-feedback-card-item {
			width: 275px !important;
			min-width: 275px !important;
			max-width: 275px !important;
			padding: 20px 18px !important;
		}
		.feedback-heading-box h2 {
			font-size: 26px !important;
		}
	}

	@media (max-width: 480px) {
		.kaizen-feedback-card-item {
			width: 260px !important;
			min-width: 260px !important;
			max-width: 260px !important;
			padding: 18px 16px !important;
		}
		.fb-card-body-text {
			font-size: 13.5px !important;
			-webkit-line-clamp: 6 !important;
		}
	}

	/* ==========================================================================
	   GLOBAL RESPONSIVE OPTIMIZATIONS (REQUIREMENTS 3, 4, 14, 15, 18, 19, 20)
	   ========================================================================== */

	/* 1. Global Viewport & Overflow Containment */
	html, body {
		max-width: 100vw !important;
		overflow-x: hidden !important;
	}

	.wp-site-blocks {
		width: 100% !important;
		max-width: 100vw !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}

	/* 2. Consistent Title & Heading Alignment (Requirement 18) */
	.kaizen-inner-page-header .wp-block-post-title,
	.service-detail-title,
	.gallery-hero-title,
	.events-main-title {
		text-align: left !important;
		font-family: Outfit, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
		letter-spacing: -0.02em !important;
		line-height: 1.22 !important;
		word-break: break-word !important;
	}

	/* 3. Image Grid & Aspect Ratio Consistency (Requirement 19) */
	.gallery-grid-card img,
	.event-card-img img,
	.service-hero-featured-img,
	.related-card-img img {
		width: 100% !important;
		object-fit: cover !important;
		display: block !important;
		transition: transform 0.3s ease !important;
	}

	/* 4. Tablet Spacing Optimization (max-width: 1024px) */
	@media (max-width: 1024px) {
		.inner-upper-header,
		.inner-menu-header,
		.about-us-container,
		.kaizen-feedback-main-container,
		.service-detail-container,
		.contact-section-container {
			padding-left: 20px !important;
			padding-right: 20px !important;
			box-sizing: border-box !important;
		}
	}

	/* 5. Mobile Spacing Optimization (max-width: 768px) - Requirement 4 */
	@media (max-width: 768px) {
		/* Reduce unnecessary horizontal padding/margins to use available screen width efficiently */
		.inner-upper-header,
		.inner-menu-header,
		.about-us-container,
		.kaizen-feedback-main-container,
		.hero-stats-card-container,
		.service-detail-container,
		.service-detail-body-container,
		.service-highlights-container,
		.contact-section-container,
		.events-container,
		.gallery-container,
		.kaizen-inner-page-header,
		.wp-block-cover__inner-container,
		.wp-block-group.has-global-padding {
			padding-left: 14px !important;
			padding-right: 14px !important;
			box-sizing: border-box !important;
			width: 100% !important;
			max-width: 100% !important;
		}

		/* Cards use full available width without awkward touching or excessive gutters */
		.kaizen-about-cards-row > .wp-block-column,
		.featured-box-inner,
		.related-card-item,
		.outsourcing-card,
		.contact-item-content {
			width: 100% !important;
			max-width: 100% !important;
			box-sizing: border-box !important;
		}

		/* Titles responsive sizing & alignment on mobile */
		.kaizen-inner-page-header .wp-block-post-title {
			font-size: 26px !important;
			line-height: 1.25 !important;
		}
		.service-detail-title {
			font-size: 24px !important;
			line-height: 1.25 !important;
		}
		.gallery-hero-title {
			font-size: 26px !important;
		}
		.feedback-heading-box h2 {
			font-size: 24px !important;
		}
		.section-title {
			font-size: 22px !important;
		}

		/* Mobile Services Dropdown Scrollable per Requirement 14 & 15 */
		.services-dropdown-menu {
			max-height: 380px !important;
			overflow-y: auto !important;
			-webkit-overflow-scrolling: touch !important;
		}
	}

	/* 6. Small Mobile Spacing Optimization (max-width: 480px) - Requirement 4 */
	@media (max-width: 480px) {
		.inner-upper-header,
		.inner-menu-header,
		.about-us-container,
		.kaizen-feedback-main-container,
		.hero-stats-card-container,
		.service-detail-container,
		.service-detail-body-container,
		.service-highlights-container,
		.contact-section-container,
		.events-container,
		.gallery-container,
		.kaizen-inner-page-header {
			padding-left: 10px !important;
			padding-right: 10px !important;
		}

		/* Header quick links on small screens */
		.top-contact-right a[href*="/contact/"] {
			display: none !important;
		}
		.inner-upper-header {
			justify-content: center !important;
			gap: 8px !important;
		}
		.top-contact-left {
			font-size: 12px !important;
		}

		/* Hero stats card compact padding */
		.hero-stats-card {
			padding: 12px 10px !important;
			gap: 8px !important;
		}
		.hero-stat-number {
			font-size: 20px !important;
		}
		.hero-stat-label {
			font-size: 11px !important;
		}

		/* Small mobile title font size */
		.kaizen-inner-page-header .wp-block-post-title {
			font-size: 22px !important;
		}
		.service-detail-title {
			font-size: 21px !important;
		}
	}

	/* ==========================================================================
	   HEADER LOGO HEIGHT & SITE TITLE SUPPRESSION (ON EVERY PAGE)
	   ========================================================================== */
	.site-header-logo-img,
	.custom-logo-link img,
	.wp-block-site-logo img,
	.site-logo img,
	.logo-block img {
		height: 52px !important;
		max-height: 52px !important;
		width: auto !important;
		object-fit: contain !important;
		display: block !important;
	}

	.site-header .wp-block-site-title,
	.site-header .site-title,
	.menu-header .wp-block-site-title,
	.menu-header .site-title,
	.header-logo-group .wp-block-site-title,
	.site-brand-title {
		display: none !important;
	}

	/* ==========================================================================
	   SERVICES DROPDOWN MENU & MOBILE/DESKTOP SCROLL CONTROLS
	   ========================================================================== */
	.services-dropdown-menu {
		max-height: 380px !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		scrollbar-width: thin !important;
		scrollbar-color: #cbd5e1 transparent !important;
		scroll-behavior: smooth !important;
		position: relative !important;
		list-style: none !important;
		padding: 6px 0 0 0 !important;
		margin: 0 !important;
	}

	.services-dropdown-menu::-webkit-scrollbar {
		width: 5px !important;
	}
	.services-dropdown-menu::-webkit-scrollbar-thumb {
		background: #cbd5e1 !important;
		border-radius: 4px !important;
	}

	.services-dropdown-scroll-controls {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px !important;
		padding: 10px 14px !important;
		background: #f8fafc !important;
		border-top: 1px solid #e2e8f0 !important;
		position: sticky !important;
		bottom: 0 !important;
		z-index: 20 !important;
		list-style: none !important;
		box-shadow: 0 -4px 12px rgba(15, 23, 42, 0.05) !important;
	}

	.services-scroll-btn {
		width: 28px !important;
		height: 28px !important;
		border-radius: 50% !important;
		background: #ffffff !important;
		border: 1px solid #cbd5e1 !important;
		color: #164278 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		padding: 0 !important;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
		transition: all 0.2s ease !important;
	}

	.services-scroll-btn:hover {
		background: #164278 !important;
		color: #ffffff !important;
		border-color: #164278 !important;
		transform: scale(1.08) !important;
	}

	.services-scroll-hint-bar {
		flex: 1 !important;
		height: 3px !important;
		background: #e2e8f0 !important;
		border-radius: 9999px !important;
		max-width: 60px !important;
		overflow: hidden !important;
	}

	.services-scroll-hint-bar .scroll-bar-indicator {
		display: block !important;
		width: 50% !important;
		height: 100% !important;
		background: #94a3b8 !important;
		border-radius: 9999px !important;
	}

	/* ==========================================================================
	   10. LEGAL PAGES REDESIGN 2026 (TERMS & CONDITIONS & PRIVACY POLICY)
	   ========================================================================== */
	
	/* Layout resets for legal pages */
	body.kaizen-legal-page main#primary,
	body.page-id-166 main#primary,
	body.page-id-167 main#primary,
	body[class*="terms-and-services"] main#primary,
	body[class*="privecy-policy"] main#primary {
		padding: 0 !important;
		margin: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	body.kaizen-legal-page main#primary > .alignwide,
	body.page-id-166 main#primary > .alignwide,
	body.page-id-167 main#primary > .alignwide,
	body[class*="terms-and-services"] main#primary > .alignwide,
	body[class*="privecy-policy"] main#primary > .alignwide {
		padding: 0 !important;
		margin: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	/* Legal Hero Section */
	.legal-hero-section {
		background: linear-gradient(135deg, #071527 0%, #0f2e54 48%, #164278 100%) !important;
		color: #ffffff !important;
		padding: 56px 24px 64px 24px !important;
		position: relative !important;
		overflow: hidden !important;
		box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08), 0 10px 30px -10px rgba(7, 21, 39, 0.3) !important;
	}

	.legal-hero-bg-glow {
		position: absolute;
		top: -30%;
		right: -10%;
		width: 600px;
		height: 600px;
		background: radial-gradient(circle, rgba(56, 189, 248, 0.16) 0%, rgba(22, 66, 120, 0.05) 50%, rgba(7, 21, 39, 0) 75%);
		border-radius: 50%;
		pointer-events: none;
		animation: legalHeroMeshDrift 12s ease-in-out infinite alternate;
	}

	@keyframes legalHeroMeshDrift {
		0% {
			transform: scale(1) translate(0, 0);
			opacity: 0.8;
		}
		50% {
			transform: scale(1.18) translate(-35px, 25px);
			opacity: 1;
		}
		100% {
			transform: scale(1.05) translate(20px, -15px);
			opacity: 0.85;
		}
	}

	.legal-hero-inner {
		max-width: 1240px;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}

	/* Hero Breadcrumbs */
	.legal-breadcrumbs {
		margin-bottom: 22px;
	}

	.legal-breadcrumbs ol {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px;
		list-style: none !important;
		padding: 0 !important;
		margin: 0 !important;
		font-size: 13px;
	}

	.legal-breadcrumbs li {
		display: inline-flex;
		align-items: center;
		color: #94a3b8;
		margin: 0 !important;
		padding: 0 !important;
	}

	.legal-breadcrumbs a.breadcrumb-home {
		color: #cbd5e1 !important;
		text-decoration: none !important;
		display: inline-flex;
		align-items: center;
		gap: 6px;
		transition: color 0.2s ease;
	}

	.legal-breadcrumbs a.breadcrumb-home:hover {
		color: #ffffff !important;
	}

	.legal-breadcrumbs .breadcrumb-separator {
		color: #64748b;
		display: inline-flex;
		align-items: center;
	}

	.legal-breadcrumbs .breadcrumb-current {
		color: #ffffff;
		font-weight: 600;
	}

	/* Hero Badge Pill */
	.legal-hero-badge {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: rgba(255, 255, 255, 0.08);
		border: 1px solid rgba(255, 255, 255, 0.18);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		color: #93c5fd;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.8px;
		text-transform: uppercase;
		padding: 6px 14px;
		border-radius: 9999px;
		margin-bottom: 18px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	}

	.legal-hero-badge svg {
		color: #38bdf8;
		flex-shrink: 0;
	}

	/* Hero Typography */
	.legal-hero-title {
		font-family: 'Outfit', sans-serif !important;
		font-size: clamp(30px, 3.8vw, 46px) !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;
		color: #ffffff !important;
		margin: 0 0 14px 0 !important;
		letter-spacing: -0.02em !important;
		text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
	}

	.legal-hero-subtitle {
		font-size: clamp(14.5px, 1.25vw, 16.5px) !important;
		line-height: 1.65 !important;
		color: #cbd5e1 !important;
		max-width: 820px !important;
		margin: 0 0 24px 0 !important;
		font-weight: 400 !important;
	}

	/* Hero Metadata Bar */
	.legal-hero-meta {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 12px 18px;
		font-size: 13px;
		color: #94a3b8;
		padding-top: 18px;
		border-top: 1px solid rgba(255, 255, 255, 0.12);
	}

	.legal-meta-item {
		display: inline-flex;
		align-items: center;
		gap: 6px;
	}

	.legal-meta-item svg {
		color: #60a5fa;
		flex-shrink: 0;
	}

	.legal-meta-item strong {
		color: #f1f5f9;
		font-weight: 600;
	}

	.legal-meta-separator {
		color: #475569;
		user-select: none;
	}

	.legal-meta-crosslink-wrap {
		display: inline-flex;
		align-items: center;
		gap: 6px;
	}

	.legal-meta-crosslink-prefix {
		color: #94a3b8;
	}

	.legal-hero-crosslink {
		color: #38bdf8 !important;
		text-decoration: none !important;
		font-weight: 600;
		transition: color 0.2s ease;
	}

	.legal-hero-crosslink:hover {
		color: #ffffff !important;
		text-decoration: underline !important;
	}

	/* Main Page Wrapper & Layout Grid */
	.legal-main-wrapper {
		background: #f8fafc;
		padding: 50px 0 80px 0;
		min-height: 600px;
	}

	.legal-container {
		max-width: 1240px;
		margin: 0 auto;
		padding: 0 24px;
		box-sizing: border-box;
	}

	.legal-layout-grid {
		display: grid;
		grid-template-columns: 290px minmax(0, 1fr);
		gap: 36px;
		align-items: start;
	}

	/* Desktop Sticky Sidebar & Table of Contents */
	.legal-sidebar {
		position: sticky;
		top: 96px;
		z-index: 20;
	}

	.legal-toc-card {
		background: #ffffff;
		border: 1px solid #e2e8f0;
		border-radius: 14px;
		box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
		overflow: hidden;
		display: flex;
		flex-direction: column;
		max-height: calc(100vh - 120px);
	}

	.legal-toc-header {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 16px 20px;
		background: #f8fafc;
		border-bottom: 1px solid #e2e8f0;
		font-size: 13px;
		font-weight: 700;
		color: #0f172a;
		text-transform: uppercase;
		letter-spacing: 0.6px;
	}

	.legal-toc-header svg {
		color: #164278;
		flex-shrink: 0;
	}

	.legal-toc-nav {
		overflow-y: auto;
		padding: 12px 10px;
		scrollbar-width: thin;
		scrollbar-color: #cbd5e1 transparent;
	}

	.legal-toc-nav::-webkit-scrollbar {
		width: 4px;
	}

	.legal-toc-nav::-webkit-scrollbar-thumb {
		background: #cbd5e1;
		border-radius: 4px;
	}

	.legal-toc-nav ul {
		list-style: none !important;
		padding: 0 !important;
		margin: 0 !important;
		display: flex;
		flex-direction: column;
		gap: 3px;
	}

	.legal-toc-nav li {
		margin: 0 !important;
		padding: 0 !important;
	}

	.legal-toc-link {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 9px 12px;
		border-radius: 8px;
		color: #475569;
		text-decoration: none !important;
		font-size: 13.5px;
		font-weight: 500;
		transition: all 0.2s ease;
		border-left: 3px solid transparent;
		line-height: 1.35;
	}

	.legal-toc-link:hover {
		background: #f1f5f9;
		color: #164278;
	}

	.legal-toc-link.is-active {
		background: #eff6ff;
		color: #164278;
		font-weight: 700;
		border-left-color: #164278;
	}

	.toc-num-pill {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 22px;
		height: 22px;
		border-radius: 6px;
		background: #f1f5f9;
		color: #64748b;
		font-size: 11px;
		font-weight: 700;
		flex-shrink: 0;
		transition: all 0.2s ease;
	}

	.legal-toc-link.is-active .toc-num-pill {
		background: #164278;
		color: #ffffff;
	}

	.toc-link-text {
		flex: 1;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.legal-toc-footer {
		padding: 14px 18px;
		border-top: 1px solid #f1f5f9;
		background: #fafafa;
	}

	.toc-companion-link {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		font-size: 12.5px;
		font-weight: 600;
		color: #164278;
		text-decoration: none !important;
		transition: color 0.2s ease;
	}

	.toc-companion-link svg {
		color: #2563eb;
		flex-shrink: 0;
	}

	.toc-companion-link:hover {
		color: #2563eb;
		text-decoration: underline !important;
	}

	/* Mobile Collapsible TOC Accordion */
	.mobile-toc-accordion {
		display: none;
		margin-bottom: 24px;
		background: #ffffff;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
		overflow: hidden;
	}

	.mobile-toc-toggle {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 14px 18px;
		background: #ffffff;
		border: none;
		cursor: pointer;
		text-align: left;
		font-size: 14px;
		font-weight: 700;
		color: #0f172a;
		transition: background-color 0.2s ease;
	}

	.mobile-toc-toggle:hover {
		background: #f8fafc;
	}

	.mobile-toc-toggle-title {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		color: #164278;
	}

	.mobile-toc-chevron {
		transition: transform 0.25s ease;
		color: #64748b;
		display: inline-flex;
		align-items: center;
	}

	.mobile-toc-toggle.is-open .mobile-toc-chevron {
		transform: rotate(180deg);
	}

	.mobile-toc-menu {
		border-top: 1px solid #e2e8f0;
		max-height: 340px;
		overflow-y: auto;
		padding: 8px 12px 14px 12px;
		background: #f8fafc;
	}

	.mobile-toc-menu ul {
		list-style: none !important;
		padding: 0 !important;
		margin: 0 !important;
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.mobile-toc-menu li {
		margin: 0 !important;
		padding: 0 !important;
	}

	.mobile-toc-link {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 9px 12px;
		border-radius: 6px;
		color: #334155;
		text-decoration: none !important;
		font-size: 13.5px;
		font-weight: 500;
		transition: all 0.2s ease;
	}

	.mobile-toc-link:hover,
	.mobile-toc-link:active {
		background: #e0f2fe;
		color: #164278;
		font-weight: 700;
	}

	.toc-num-badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 20px;
		height: 20px;
		border-radius: 4px;
		background: #e2e8f0;
		color: #475569;
		font-size: 10.5px;
		font-weight: 700;
		flex-shrink: 0;
	}

	/* Legal Content Area & Cards */
	.legal-content-area {
		min-width: 0;
	}

	.legal-card {
		background: #ffffff;
		border: 1px solid #e2e8f0;
		border-radius: 16px;
		padding: 34px 38px;
		margin-bottom: 24px;
		box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.04);
		transition: border-color 0.25s ease, box-shadow 0.25s ease;
	}

	.legal-card:hover {
		border-color: #cbd5e1;
		box-shadow: 0 8px 26px -4px rgba(22, 66, 120, 0.08);
	}

	.legal-intro-card {
		border-top: 4px solid #164278;
		background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
	}

	.legal-intro-header {
		margin-bottom: 12px;
	}

	.legal-card-tag {
		display: inline-block;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.8px;
		color: #164278;
		background: #eff6ff;
		border: 1px solid #bfdbfe;
		padding: 4px 12px;
		border-radius: 9999px;
	}

	.legal-lead-text {
		font-size: 16px !important;
		line-height: 1.8 !important;
		color: #1e293b !important;
		margin: 0 !important;
	}

	.legal-lead-text strong {
		color: #0f172a;
	}

	.legal-lead-text code {
		background: #f1f5f9;
		color: #164278;
		padding: 2px 6px;
		border-radius: 4px;
		font-size: 14px;
		border: 1px solid #e2e8f0;
	}

	.legal-card-heading-wrap {
		display: flex;
		align-items: center;
		gap: 14px;
		margin-bottom: 20px;
		padding-bottom: 14px;
		border-bottom: 1px solid #f1f5f9;
	}

	.legal-section-num {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		border-radius: 10px;
		background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
		color: #164278;
		font-family: 'Outfit', sans-serif;
		font-size: 14px;
		font-weight: 800;
		border: 1px solid #bfdbfe;
		flex-shrink: 0;
	}

	.legal-section-title {
		font-family: 'Outfit', sans-serif !important;
		font-size: 21px !important;
		font-weight: 700 !important;
		color: #0f172a !important;
		margin: 0 !important;
		line-height: 1.3 !important;
		letter-spacing: -0.01em;
	}

	.legal-paragraph {
		font-size: 15px !important;
		line-height: 1.75 !important;
		color: #334155 !important;
		margin: 0 0 16px 0 !important;
	}

	.legal-paragraph:last-child {
		margin-bottom: 0 !important;
	}

	.legal-subheading {
		font-family: 'Outfit', sans-serif !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		color: #1e293b !important;
		margin: 22px 0 10px 0 !important;
	}

	/* Callout Grids & Callout Boxes */
	.legal-callout-grid {
		display: flex;
		flex-direction: column;
		gap: 16px;
		margin: 22px 0 16px 0;
	}

	.legal-callout-box {
		display: flex;
		align-items: flex-start;
		gap: 14px;
		padding: 18px 20px;
		border-radius: 12px;
		border: 1px solid #e2e8f0;
	}

	.legal-callout-box.info-callout {
		background: #f0f7ff;
		border-color: #bfdbfe;
	}

	.legal-callout-box.notice-callout {
		background: #fffbeb;
		border-color: #fde68a;
	}

	.legal-callout-box.law-callout {
		background: #f8fafc;
		border-color: #cbd5e1;
	}

	.callout-icon-wrap {
		width: 36px;
		height: 36px;
		border-radius: 8px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		background: #ffffff;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
	}

	.callout-content {
		flex: 1;
		min-width: 0;
	}

	.callout-title {
		font-family: 'Outfit', sans-serif !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		margin: 0 0 4px 0 !important;
		color: #0f172a !important;
	}

	.callout-text {
		font-size: 13.5px !important;
		line-height: 1.65 !important;
		color: #334155 !important;
		margin: 0 !important;
	}

	/* Feature & Clause Lists */
	.legal-feature-list {
		list-style: none !important;
		padding: 0 !important;
		margin: 18px 0 !important;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.legal-list-item {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		padding: 14px 16px;
		background: #f8fafc;
		border: 1px solid #eef2f6;
		border-radius: 10px;
		font-size: 14px;
		line-height: 1.65;
		color: #334155;
		margin: 0 !important;
	}

	.list-bullet-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 22px;
		height: 22px;
		border-radius: 6px;
		background: #eff6ff;
		color: #164278;
		flex-shrink: 0;
		margin-top: 1px;
	}

	.list-item-content {
		flex: 1;
	}

	/* Privacy Policy Data Collection Grid */
	.privacy-data-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 18px;
		margin: 22px 0;
	}

	.privacy-data-card {
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		padding: 20px 22px;
		transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	}

	.privacy-data-card:hover {
		transform: translateY(-2px);
		border-color: #93c5fd;
		box-shadow: 0 6px 16px rgba(22, 66, 120, 0.06);
		background: #ffffff;
	}

	.privacy-card-icon {
		width: 38px;
		height: 38px;
		border-radius: 9px;
		background: #ffffff;
		border: 1px solid #e2e8f0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 12px;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
	}

	.privacy-card-title {
		font-family: 'Outfit', sans-serif !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		color: #0f172a !important;
		margin: 0 0 6px 0 !important;
	}

	.privacy-card-desc {
		font-size: 13.5px !important;
		line-height: 1.6 !important;
		color: #475569 !important;
		margin: 0 !important;
	}

	/* Privacy Data Use List */
	.privacy-use-list {
		list-style: none !important;
		padding: 0 !important;
		margin: 18px 0 !important;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.privacy-use-item {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		padding: 12px 16px;
		background: #f8fafc;
		border: 1px solid #eef2f6;
		border-radius: 10px;
		margin: 0 !important;
	}

	.use-num-badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 22px;
		height: 22px;
		border-radius: 6px;
		background: #164278;
		color: #ffffff;
		font-size: 11px;
		font-weight: 700;
		flex-shrink: 0;
		margin-top: 2px;
	}

	.use-text {
		font-size: 14px;
		line-height: 1.65;
		color: #334155;
	}

	/* Contact Information Cards */
	.legal-contact-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
		margin-top: 20px;
	}

	.legal-contact-item {
		display: flex;
		align-items: flex-start;
		gap: 14px;
		padding: 18px 20px;
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		transition: border-color 0.2s ease, background-color 0.2s ease;
	}

	.legal-contact-item:hover {
		border-color: #93c5fd;
		background: #ffffff;
	}

	.legal-contact-icon {
		width: 38px;
		height: 38px;
		border-radius: 10px;
		background: #ffffff;
		border: 1px solid #e2e8f0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
	}

	.legal-contact-details {
		display: flex;
		flex-direction: column;
		gap: 3px;
		min-width: 0;
	}

	.contact-label {
		font-size: 11.5px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.6px;
		color: #64748b;
	}

	.contact-value {
		font-size: 14px;
		font-weight: 600;
		color: #0f172a;
		word-break: break-word;
	}

	.contact-value.link {
		color: #164278 !important;
		text-decoration: none !important;
		transition: color 0.2s ease;
	}

	.contact-value.link:hover {
		color: #2563eb !important;
		text-decoration: underline !important;
	}

	/* Bottom Cross-Link Banner */
	.legal-crosslink-card {
		background: linear-gradient(135deg, #0f2e54 0%, #164278 100%);
		border-radius: 16px;
		padding: 32px 36px;
		color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 24px;
		box-shadow: 0 10px 30px -5px rgba(22, 66, 120, 0.2);
		margin-top: 10px;
	}

	.crosslink-badge {
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #93c5fd;
		margin-bottom: 8px;
		display: inline-block;
	}

	.crosslink-title {
		font-family: 'Outfit', sans-serif !important;
		font-size: 19px !important;
		font-weight: 700 !important;
		color: #ffffff !important;
		margin: 0 0 8px 0 !important;
		line-height: 1.3 !important;
	}

	.crosslink-subtitle {
		font-size: 13.5px !important;
		color: #cbd5e1 !important;
		margin: 0 !important;
		line-height: 1.6 !important;
		max-width: 580px !important;
	}

	.legal-btn-primary {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: #ffffff;
		color: #164278 !important;
		font-size: 13.5px;
		font-weight: 700;
		padding: 12px 22px;
		border-radius: 8px;
		text-decoration: none !important;
		transition: all 0.25s ease;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
		flex-shrink: 0;
	}

	.legal-btn-primary:hover {
		background: #f8fafc;
		color: #0f2e54 !important;
		transform: translateY(-2px);
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
	}

	/* Floating Back to Top Button */
	.legal-back-to-top {
		position: fixed;
		bottom: 28px;
		right: 28px;
		z-index: 9999;
		width: 44px;
		height: 44px;
		border-radius: 50%;
		background: #164278;
		color: #ffffff;
		border: 2px solid rgba(255, 255, 255, 0.4);
		box-shadow: 0 6px 20px rgba(22, 66, 120, 0.35);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		opacity: 0;
		pointer-events: none;
		transform: translateY(16px);
		transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.legal-back-to-top.is-visible {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
	}

	.legal-back-to-top:hover {
		background: #0f2e54;
		transform: translateY(-3px) scale(1.05);
		box-shadow: 0 8px 24px rgba(22, 66, 120, 0.5);
	}

	/* Responsive Breakpoints */
	@media (max-width: 999px) {
		.legal-layout-grid {
			grid-template-columns: 1fr;
			gap: 0;
		}

		.legal-sidebar {
			display: none;
		}

		.mobile-toc-accordion {
			display: block;
		}

		.legal-crosslink-card {
			flex-direction: column;
			align-items: flex-start;
			gap: 20px;
		}

		.legal-btn-primary {
			width: 100%;
			justify-content: center;
		}
	}

	@media (max-width: 640px) {
		.legal-hero-section {
			padding: 40px 18px 46px 18px !important;
		}

		.legal-card {
			padding: 24px 18px;
			border-radius: 14px;
		}

		.legal-section-num {
			width: 30px;
			height: 30px;
			font-size: 12px;
		}

		.legal-section-title {
			font-size: 18px !important;
		}

		.privacy-data-grid {
			grid-template-columns: 1fr;
			gap: 14px;
		}

		.legal-contact-grid {
			grid-template-columns: 1fr;
			gap: 12px;
		}

		.legal-hero-meta {
			gap: 8px 12px;
		}

		.legal-back-to-top {
			bottom: 20px;
			right: 20px;
			width: 40px;
			height: 40px;
		}
	}

	/* Accessibility: Reduced Motion */
	@media (prefers-reduced-motion: reduce) {
		.legal-hero-bg-glow {
			animation: none !important;
		}

		.legal-back-to-top,
		.legal-card,
		.privacy-data-card,
		.legal-btn-primary {
			transition: none !important;
			transform: none !important;
		}
	}