.main-menu {
	padding-top: 2rem;
	padding-bottom: 2rem
}

.header-container--main .main-menu .hidden-mobile > .button:not([hidden]) {
	margin-left: 20px;
}

.main-menu img {
	width: 100% !important;
}

.main-menu .lucide-chevron-down {
	stroke: #f84830;
	margin-top: 1px;
}

.header-container--main .simple-menu a {
	color: inherit;
}

.utility-bar {
	padding-top: 4px;
	padding-bottom: 4px;
}
.utility-bar .hover\:text-ac-red:hover svg {
	fill: rgb(248 72 48 / var(--tw-text-opacity, 1));
}
.utility-bar svg {
	width: 12px;
	fill: inherit;
	margin-right: 4px;
}
.nav-item.megamenu-item,
.nav-item.simple-menu{
	padding: 8px 20px;
	margin-left: 4px;
}
.mega-menu .svg-container{
	width: 20px;
	height: auto;
	margin-right: 10px;
	margin-top: 5px;
}
.key-notes h1,
.key-notes h1,
.key-notes h2,
.key-notes h3,
.key-notes h4,
.key-notes h5,
.key-notes h6,
.key-notes p {
	margin-bottom: 8px;
}
.key-notes h1,
.key-notes h2,
.key-notes h3,
.key-notes h4,
.key-notes h5,
.key-notes h6,
.key-notes p,
.key-notes li {
	font-size: 14px;
	font-family: Inter, 'Segoe UI', Arial sans-serif;
	line-height: 1.5;
}
.key-notes li::marker {
	color: #00C3C9;
}
.key-notes ul {
	list-style: initial;
	margin-left: 16px;
}
.svg-container svg {
	width: 100%;
	min-width: 20px;
	height: auto;
}
.submenu-title {
	font-size: 16px;
	line-height: 1.5;
	padding: 12px 16px;
	color: #FFF;
}
.submenu-title:hover,
.submenu-title.active{
	color: #293159;
	background-color: #FFF;
}

.megamenu-item-content,
.simple-menu-item,
.megamenu-item-content-inner {
	display: none;
	background: white;
}
.megamenu-item-content {
	transition: opacity 150ms ease, visibility 150ms ease;
}
.megamenu-item-content-inner svg {
	width: 24px;
	min-width: 24px;
	height: auto;
	margin-right: 12px;
}

/* Show megamenu content on hover */
.megamenu-item:hover .megamenu-item-content,
.megamenu-item-content:hover{
	display: block;
}
.megamenu-item-content {
	top: 80px;
	padding-top: 15px;
	background: transparent;
}

/* Show simple menu content on hover - DESKTOP version */
.simple-menu:hover .simple-menu-item {
	display: block;
}

/* Simple menu styling - navy background with white text - DESKTOP */
.simple-menu-item {
	background: none !important; /* Remove background from container */
}

.simple-menu-item > div {
	background-color: #293159 !important;
	border: none !important;
	border-radius: 8px;
	box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	padding: 8px;
}

.simple-menu-item a {
	color: #FFF !important;
	padding: 8px 12px;
	display: block;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.2s ease;
	margin-bottom: 4px;
}

.simple-menu-item a:last-child {
	margin-bottom: 0;
}

.simple-menu-item a:hover {
	background-color: rgba(255, 255, 255, 0.1) !important;
	color: #FFF !important;
}

/* MOBILE version styling */
.simple-menu-items {
	background-color: #293159 !important;
	border-radius: 8px;
	padding: 8px;
	margin-top: 8px;
}

.simple-menu-items a {
	color: #FFF !important;
	padding: 8px 12px;
	display: block;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.2s ease;
	margin-bottom: 4px;
}

.simple-menu-items a:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: #FFF !important;
}
.submenu-title svg path:not(mask path) {
	fill: #FFF;
}
.submenu-title:hover svg path:not(mask path),
.submenu-title.active svg path:not(mask path){
	fill: #293159;
}
.mega-menu-side-text {
	background-color: #293159;
}
/* Moved to main simple-menu-items styling above */

/* Mobile Styles */
.mobile-nav-sheet svg {
	width: 16px;
}
.utility-icons span {
	display: inline-block;
}
.mobile-menu-item h4 {
	font-family: Inter, 'Segoe UI', Arial sans-serif;
}
.subpages-menu,
.simple-menu-items{
	margin: 8px 0 0 16px;
}
.subpages-menu .rounded-full {
	width: 8px;
	height: 8px;
}
.utility-icons a{
	display: flex;
	align-items: center;
	gap: 8px;
}
.mobile-main-text {
	padding: 12px 0;
}
.mobile-menu-item:not(:first-child){
	margin-top: 18px !important;
}
.simple-menu-items a:not(:first-child){
	margin-top: 12px !important;
}
.utility-icons {
	margin-bottom: 24px;
}
.mobile-padding {
	padding: 24px 16px !important;
}
.mobile-menu-item svg {
	width: 20px;
	height: 20px;
}
.close-menu {
	position: absolute;
	right: 10px;
	top: 50px;
}

#burger-menu svg,
.close-menu svg{
	width: 24px;
	height: 24px;
}

/* Start with menu hidden */
.mobile-nav-sheet {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: white;
	z-index: 999;
}
.mobile-nav-sheet nav {
	max-height: calc(100vh - 100px); /* adjust 100px if you have header/footer inside mobile-nav-sheet */
	overflow-y: auto;
}

@keyframes slideUp {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(0);
	}
}

/* Slide DOWN when closing (moves out of view from top to bottom) */
@keyframes slideDown {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(100%);
	}
}

/* Apply animation */
.slide-down {
	animation: slideDown 0.3s ease-out forwards;
}

.slide-up {
	animation: slideUp 0.3s ease-in forwards;
}


/* Reusable menu class */
.font-14 {
	font-size: 14px !important;
	line-height: 1.5 !important;
}
.font-16 {
	font-size: 16px !important;
	line-height: 1.5 !important;
}
.font-20 {
	font-size: 20px !important;
	line-height: 1.5 !important;
}

.font-default {
	font-size: 1.4rem;
}

.cta-button {
	padding: 8px 20px !important;
}
.cta-button:hover {
	color: #FFF;
}
.hover\:bg-ac-teal\/80:hover {
	--tw-bg-opacity: 1;
	background-color: #00c3c9cc; !important;
}
.hidden-desktop {
	display: none;
}

/* Icon Colors - Brand Colors for Menu Icons */
/* IT Services - Teal */
.submenu-title[data-inner-id*="inner"] svg path:not(mask path),
.megamenu-item-content-inner svg path:not(mask path) {
	fill: #05a6a6; /* Teal - Default for IT Services */
}

/* Cybersecurity - Red */
.submenu-title:has(svg[viewBox="0 0 31 38"]) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[viewBox="0 0 31 38"]) svg path:not(mask path) {
	fill: #f24030; /* Red */
}

/* Devices - Light Blue */
.submenu-title:has(svg[viewBox="0 0 30 30"]) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[viewBox="0 0 30 30"]) svg path:not(mask path) {
	fill: #8cadf2; /* Light Blue */
}

/* IT Procurement - Yellow */
.submenu-title:has(svg[viewBox="0 0 640 512"]) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[viewBox="0 0 640 512"]) svg path:not(mask path) {
	fill: #d9ad5e; /* Yellow */
}

/* M365 Managed Services - Topaz */
.submenu-title:has(svg[width="31"][height="31"][viewBox="0 0 31 31"]:has(mask[id*="2975"])) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[width="31"][height="31"][viewBox="0 0 31 31"]:has(mask[id*="2975"])) svg path:not(mask path) {
	fill: #87BFB0; /* Topaz */
}

/* Unified Communications - Aquamarine */
.submenu-title:has(svg[viewBox="0 0 31 31"]:has(mask[id*="1407"])) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[viewBox="0 0 31 31"]:has(mask[id*="1407"])) svg path:not(mask path) {
	fill: #78DBF2; /* Aquamarine */
}

/* Penetration Testing - Red (Alternative approach) */
.submenu-title:has(svg path[d*="25.8335 10.3336"]) svg path:not(mask path),
.megamenu-item-content-inner:has(svg path[d*="25.8335 10.3336"]) svg path:not(mask path) {
	fill: #f24030; /* Red */
}

/* Cloud Services - Mint */
.submenu-title:has(svg[viewBox="0 0 54 54"]) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[viewBox="0 0 54 54"]) svg path:not(mask path) {
	fill: #5ED98A; /* Mint */
}

/* Application Services - Teal (Alternative) */
.submenu-title:has(svg[viewBox="0 0 31 30"]:has(mask[id*="1521"])) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[viewBox="0 0 31 30"]:has(mask[id*="1521"])) svg path:not(mask path) {
	fill: #05a6a6; /* Teal */
}

/* Submenu subtext styling */
.submenu-subtext {
	font-size: 14px;
	line-height: 1.5;
	color: #6b7280;
	font-weight: 400;
}

/* Industry-specific icon colors - extend as needed */
/* Healthcare - Mint */
.submenu-title:has(svg[data-industry="healthcare"]) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[data-industry="healthcare"]) svg path:not(mask path) {
	fill: #5ED98A; /* Mint */
}

/* Financial Services - Yellow */
.submenu-title:has(svg[data-industry="financial"]) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[data-industry="financial"]) svg path:not(mask path) {
	fill: #d9ad5e; /* Yellow */
}

/* Manufacturing - Light Blue */
.submenu-title:has(svg[data-industry="manufacturing"]) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[data-industry="manufacturing"]) svg path:not(mask path) {
	fill: #8cadf2; /* Light Blue */
}

/* Legal - Red */
.submenu-title:has(svg[data-industry="legal"]) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[data-industry="legal"]) svg path:not(mask path) {
	fill: #f24030; /* Red */
}

/* Education - Aquamarine */
.submenu-title:has(svg[data-industry="education"]) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[data-industry="education"]) svg path:not(mask path) {
	fill: #78DBF2; /* Aquamarine */
}

/* Non-profit - Topaz */
.submenu-title:has(svg[data-industry="nonprofit"]) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[data-industry="nonprofit"]) svg path:not(mask path) {
	fill: #87BFB0; /* Topaz */
}

/* Real Estate - Teal */
.submenu-title:has(svg[data-industry="realestate"]) svg path:not(mask path),
.megamenu-item-content-inner:has(svg[data-industry="realestate"]) svg path:not(mask path) {
	fill: #05a6a6; /* Teal */
}

.mega-menu .submenu-title .font-medium a {
	color: #ffffff;
	display: block;
}

.mega-menu .submenu-title.active .font-medium a {
	color: inherit;
}

.mobile-nav-sheet .subpages-menu {
	margin-top: 0;
}

.mobile-nav-sheet .subpages-menu > div {
	overflow: hidden;
	margin-top: 0px !important;
	padding-top: 5px;
}

.mobile-nav-sheet .mobile-menu-item > button {
	padding: 0 8px 0 0;
}

.mobile-nav-sheet .subpages-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mobile-nav-sheet .subpages-header + div {
	margin-left: 1.5rem;
}

.mobile-nav-sheet nav a {
	font-size: 100%;
}

.mobile-nav-sheet .mobile-menu-item .simple-menu-items {
	margin-top: 0;
}

.mobile-nav-sheet .simple-menu-items a:not(:first-child) {
	margin-top: 5px !important;
}

.mobile-nav-sheet .mobile-menu-item .simple-menu-items .block {
	display: block;
	padding-left: 5px;
}

.mobile-nav-sheet .subpages-menu .block:last-of-type {
	margin-bottom: 5px !important;
}

@media (max-width: 1100px){
	.hidden-mobile {
		display: none !important;
	}

	#burger-menu {
		display: block;
	}

	.utility-bar .container {
		flex-flow: column;
	}

	.mobile-nav-sheet .utility-icons {
		padding: 0 10px;
	}

	.mobile-nav-sheet .utility-icons span {
		color: #ffffff;
	}

	.mobile-nav-sheet .utility-icons svg path {
		fill: #ffffff;
	}

	.mobile-nav-sheet nav {
		padding-bottom: 120px !important;
	}

	.mobile-nav-sheet nav a {
		color: inherit;
	}

	.mobile-menu-item .simple-menu-items {
		background-color: transparent !important;
		padding: 10px 0;
	}

	.mobile-menu-item .subpages-menu > div:last-of-type {
		border-bottom: none;
	}

}