.hero-menu-container {
    display: flex;

    color: white;
/*     padding: 20px; */
    
}
.hero-menu-container .left,
.hero-menu-container .center,
.hero-menu-container .right {
    padding: 20px;
}
.hero-menu-container .left {
    width: 33%;
    border-right: 1px solid #555;
}
.hero-menu-container .center {
    width: 33%;
    border-right: 1px solid #555;

}
.hero-menu-container .right {
    width: 33%;
}
.hero-menu-container .menu-item {
    cursor: pointer;
    transition: color 0.3s;
    display: flex;
    align-items: center;
/*     justify-content: space-between; */
	padding-bottom:48px;
	 color: white;
}
.hero-menu-container .menu-item .icon-left,
.hero-menu-container .menu-item .icon-right {
    width: 20%;
    color: #fff;
	text-align: center;
    flex-shrink: 0;
}
.hero-menu-container .menu-item .icon-left img,
.hero-menu-container .menu-item .icon-right img
{
	width:48px;
	
}

.hero-menu-container .menu-item .menu-text-wrapper {
    flex-grow: 1;
/*     text-align: center; */
    color: inherit;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}
.hero-menu-container .menu-item .menu-text {
    font-family: "Nunito Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.hero-menu-container .menu-item .menu-subtext {
   font-family: "Nunito Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color:#fff;
}
/* Icons as images white filter */
.menu-item .icon-left img,
.menu-item .icon-right img {
  filter: brightness(0) saturate(100%) invert(100%);
  transition: filter 0.3s ease;
}

/* === Hover & Active States === */

/* Resource Lab - Red on hover/active */
.menu-item.color-resource:hover,
.menu-item.color-resource.active {
  color: #be8cff;
}
.menu-item.color-resource:hover .menu-subtext,
.menu-item.color-resource.active .menu-subtext {
  color: #be8cff;
}
.menu-item.color-resource:hover .icon-left img,
.menu-item.color-resource:hover .icon-right img,
.menu-item.color-resource.active .icon-left img,
.menu-item.color-resource.active .icon-right img {
  /* red #ff0000 filter */
filter: brightness(0) saturate(100%) invert(72%) sepia(31%) saturate(562%) hue-rotate(222deg) brightness(104%) contrast(101%);


}

/* Development Lab - Blue (#007bff) */
.menu-item.color-development:hover,
.menu-item.color-development.active {
  color:#05F283 ;
}
.menu-item.color-development:hover .menu-subtext,
.menu-item.color-development.active .menu-subtext {
   color: #05F283;
}
.menu-item.color-development:hover .icon-left img,
.menu-item.color-development:hover .icon-right img,
.menu-item.color-development.active .icon-left img,
.menu-item.color-development.active .icon-right img {
  filter: brightness(0) saturate(100%) invert(64%) sepia(84%) saturate(454%) hue-rotate(92deg) brightness(101%) contrast(102%);

}

/* Infra Lab - Blue (#0000ff) */
.menu-item.color-infra:hover,
.menu-item.color-infra.active {
  color: #00DEFF;
}
.menu-item.color-infra:hover .menu-subtext,
.menu-item.color-infra.active .menu-subtext {
	color: #00DEFF;
}
.menu-item.color-infra:hover .icon-left img,
.menu-item.color-infra:hover .icon-right img,
.menu-item.color-infra.active .icon-left img,
.menu-item.color-infra.active .icon-right img {
 filter: brightness(0) saturate(100%) invert(68%) sepia(79%) saturate(3824%) hue-rotate(163deg) brightness(102%) contrast(102%);

}

/* Design Lab - Yellow (#ffc107) */
.menu-item.color-design:hover,
.menu-item.color-design.active {
  color: #848DF0;
}
.menu-item.color-design:hover .menu-subtext,
.menu-item.color-design.active .menu-subtext {
  color: #848DF0;
}
.menu-item.color-design:hover .icon-left img,
.menu-item.color-design:hover .icon-right img,
.menu-item.color-design.active .icon-left img,
.menu-item.color-design.active .icon-right img {
  filter: brightness(0) saturate(100%) invert(65%) sepia(9%) saturate(2601%) hue-rotate(207deg) brightness(99%) contrast(99%);

}

/* Digital Lab - Red-ish (#dc3545) */
.menu-item.color-digital:hover,
.menu-item.color-digital.active {
  color: #C86BFF;
}
.menu-item.color-digital:hover .menu-subtext,
.menu-item.color-digital.active .menu-subtext {
  color: #C86BFF;
}
.menu-item.color-digital:hover .icon-left img,
.menu-item.color-digital:hover .icon-right img,
.menu-item.color-digital.active .icon-left img,
.menu-item.color-digital.active .icon-right img {
 filter: brightness(0) saturate(100%) invert(64%) sepia(47%) saturate(4904%) hue-rotate(242deg) brightness(101%) contrast(101%);

}
.custom-menu-list {
  list-style: none;
  padding-left: 0;
}

.custom-menu-list li {
  display: block;           /* stack vertically */
  margin-bottom: 8px;
}

.custom-menu-list li a {
  display: inline-flex;     /* icon + text inline */
  align-items: center;
  gap: 6px;
  color: #fff;
  text-decoration: none;
}

.custom-menu-list li::after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="15" viewBox="0 0 23 15" fill="none"><path d="M1 7.5L21.5703 7.5M21.5703 7.5C21.5702 7.14663 21.4452 6.80773 21.2227 6.55778L16.717 1.5M21.5703 7.5C21.5705 7.85325 21.4449 8.19212 21.2227 8.44222L16.717 13.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
 margin-top:5px;
}


ul.custom-menu-list a
{
	color:#fff;
}