/*==============================
  Base Reset for Mega Menu Scope
  - Normalize list + link defaults inside the custom mega menu.
===============================*/
.custom-mega-menu ul,
.custom-mega-menu li,
.custom-mega-menu a {
  /* all: unset; */ /* (kept commented; you weren't using it) */
  display: initial;
  color: initial;
}

.custom-mega-menu ul,
.custom-mega-menu li,
.custom-mega-menu ul li,
.custom-mega-menu ul ul,
.custom-mega-menu ul ul li,
.custom-mega-menu ul ul ul,
.custom-mega-menu ul ul ul li {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-indent: 0 !important;
}


/* Set Outfit at the container */
.custom-mega-menu {
  font-family: 'Outfit', sans-serif !important;
}

/* Ensure common descendants inherit Outfit (no :where) */
.custom-mega-menu a,
.custom-mega-menu p,
.custom-mega-menu li,
.custom-mega-menu div,
.custom-mega-menu span,
.custom-mega-menu small,
.custom-mega-menu strong,
.custom-mega-menu em,
.custom-mega-menu h1,
.custom-mega-menu h2,
.custom-mega-menu h3,
.custom-mega-menu h4,
.custom-mega-menu h5,
.custom-mega-menu h6 {
  font-family: inherit !important;
}

/* Force Outfit throughout the custom mega menu subtree */
nav.custom-mega-menu,
nav.custom-mega-menu *,
nav.custom-mega-menu *::before,
nav.custom-mega-menu *::after {
  font-family: 'Outfit', sans-serif !important;
}

/* Don’t override icon fonts */
.custom-mega-menu i.fa,
.custom-mega-menu i.fas,
.custom-mega-menu i.far,
.custom-mega-menu i.fab,
.custom-mega-menu .fa,
.custom-mega-menu .fas,
.custom-mega-menu .far,
.custom-mega-menu .fab {
  font-family: "Font Awesome 6 Free","Font Awesome 6 Brands",inherit !important;
}

/*==============================
  Top-Level Menu Bar + Hover Underline
===============================*/
.custom-mega-menu .mega-menu {
  display: flex;
  gap: 20px !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  align-items: flex-end;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}

.custom-mega-menu .mega-menu > li {
  display: block !important;
  white-space: nowrap;
  padding: 0 15px;
  line-height: 1.2;
  margin-top: 10px;
  position: relative;
}

/* underline animation on top-level links */
.custom-mega-menu .mega-menu > li > a { position: relative; }
.custom-mega-menu .mega-menu > li > a::after {
  content: '';
  position: absolute;
  left: 0; bottom: 0;
  width: 100%; height: 2px;
  background-color: #4b0082; /* brand purple */
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s ease;
  opacity: 1;
}
.custom-mega-menu .mega-menu > li:hover > a::after,
.custom-mega-menu .mega-menu > li.current-menu-item > a::after {
  transform: scaleX(1);
}

/*==============================
  Global Dropdown Container Helpers
===============================*/
#mega-dropdown-container,
.custom-mega-menu .submenu-wrapper {
  position: absolute;
  top: 100%; left: 0;
  width: 100vw;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  display: none;
  opacity: 0;
  z-index: 1000;
  transition: opacity 0.3s ease;
}
#mega-dropdown-container {
  padding: 40px 200px;
  flex-direction: row;
  gap: 40px;
  align-items: flex-start;
}
#mega-dropdown-container .sub-menu {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  transform: none !important;
}
.custom-mega-menu .submenu-wrapper {
  padding: 40px 200px;
}
.custom-mega-menu .mega-menu > li.menu-open .submenu-wrapper {
  display: flex;
  opacity: 1;
}
.custom-mega-menu .mega-menu > li.menu-item-has-children > a:hover { cursor: pointer; }

/*==============================
  Animated Gradient Background (shared)
===============================*/
@keyframes gradient {
  0% { background-position:   0% 50%; }
  50%{ background-position: 100% 50%; }
  100%{background-position:   0% 50%; }
}

/* Shared panel defaults for all submenu panels */
.submenu-expertise,
.submenu-solutions,
.submenu-verticals,
.submenu-case-studies,
.submenu-about,
.submenu-recent-case-studies {
  background-size: 400% 400%;
  animation: gradient 20s ease infinite;

  display: none !important;
  visibility: hidden;
  opacity: 0;
  position: absolute !important;
  right: 0 !important;
  width: 110vw !important;
  transform: translate(-37%, 10px) !important;
  max-width: 150vw;
  margin-left: calc(-1 * (var(--container-padding, 0px)));
  box-sizing: border-box;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 12px;
  z-index: 1000;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Panel-specific colors/positions/padding */
.submenu-expertise{
  background: linear-gradient(-45deg,#ffffff,#f7f5fd,#ffffff);
  top: calc(100% + 20px) !important;
  left: 5px !important;
  padding: 20px 260px 10px 200px !important;
  overflow-wrap: break-word; word-break: break-word;
}
.submenu-solutions{
  background: linear-gradient(-45deg,#ffffff,#fef8f4,#ffffff);
  top: calc(100% + 20px) !important;
  left: -90px !important;
  padding: 20px 0 10px 250px !important;
}
.submenu-verticals{
  background: linear-gradient(-45deg,#ffffff,#f5e4ff,#ffffff);
  top: calc(100% + 20px) !important;
  left: -290px !important;
  padding: 20px 0 10px 200px !important;
}
.submenu-case-studies{
  background: linear-gradient(-45deg,#ffffff,#fff1e4,#ffffff);
  top: calc(100% + 20px) !important;
  left: -194px !important;
  padding: 20px 0 10px 200px !important; /* NOTE: keeping your value */
}
.submenu-about{
  background: linear-gradient(-45deg,#ffffff,#fdf3fd,#ffffff);
  top: calc(100% + 20px) !important;
  left: -380px !important;
  padding: 20px 260px 10px 200px !important;
  transform: translateY(10px);
}
.submenu-recent-case-studies{
  background: linear-gradient(-45deg,#ffffff,#fdf3fd,#ffffff);
  top: calc(100% + 30px) !important;
  left: 600px !important;
  padding: 20px 260px 10px 200px !important;
  transform: translateY(10px);
}

/* Re-enable animated wash on submenu panels */
.submenu-expertise,
.submenu-solutions,
.submenu-verticals,
.submenu-case-studies,
.submenu-about,
.submenu-recent-case-studies{
  background-size: 400% 400%;           /* required for smooth travel */
  animation: submenuWash 18s ease infinite;
  will-change: background-position;
}

/* Moves the gradient left→right→left to simulate white→tint→white */
@keyframes submenuWash{
  0%   { background-position:   0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position:   0% 50%; }
}


/* Thin gradient line at top of each panel */
.submenu-expertise::before,
.submenu-solutions::before,
.submenu-verticals::before,
.submenu-case-studies::before,
.submenu-about::before,
.submenu-recent-case-studies::before{
  content:"";
  position:absolute; top:0; left:0;
  height:1px; width:100%;
  background: linear-gradient(to right,#120139,#e825e6);
  z-index:1001;
}

/* When a parent item is open, show its submenu */
.custom-mega-menu .mega-menu > li.menu-open > .sub-menu{
  display:flex !important;
  visibility:visible;
  opacity:1;
  transform:translateY(0);
}

/*==============================
  Columns Inside Dropdown
  - Default second-level columns and their inner UL behavior.
===============================*/
.custom-mega-menu .sub-menu > li{
  flex: 1 1 auto;
  min-width: 100px;
  max-width: 350px;
  display: block;
  padding: 0 !important;
  overflow-wrap: break-word;
  word-break: break-word;
}
.custom-mega-menu .sub-menu > li ul{
  display:flex;
  flex-direction:column;
  gap:6px;
}

/* Column placement tweaks per submenu (kept as-is) */
.submenu-expertise > li:nth-of-type(1){display:flex !important;justify-content:left;padding:40px 20px;margin-left:532px !important;max-width:375px !important;}
.menu-item-39336{margin-left:0;padding:0;max-width:250px !important;}
.menu-item-39337{margin-left:0;padding:0;max-width:310px !important;}
.submenu-solutions > li:nth-of-type(1){display:flex !important;justify-content:center;padding:40px 80px;margin-left:475px !important;max-width:230px !important;}
.menu-item-32334{margin-left:0;padding:0;max-width:350px !important;}
.submenu-verticals > li:nth-of-type(1),
.submenu-case-studies > li:nth-of-type(1),
.submenu-recent-case-studies > li:nth-of-type(1),
.submenu-about > li:nth-of-type(1){
  display:flex !important;justify-content:center;
  padding:40px 80px 5px 80px;
}
.submenu-verticals > li:nth-of-type(1){margin-left:430px !important;max-width:500px !important;}
.submenu-case-studies > li:nth-of-type(1){margin-left:440px !important;max-width:500px !important;}
.submenu-recent-case-studies > li:nth-of-type(1){margin-left:0 !important;max-width:500px !important;}
.submenu-about > li:nth-of-type(1){margin-left:420px !important;max-width:350px !important;}
.menu-item-44842{margin-left:0;padding:0;max-width:350px !important;}
.menu-item-46246{margin-left:0;padding:0;max-width:200px !important;}

/*==============================
  Section Titles (2nd Level Non-Links)
===============================*/
.custom-mega-menu .sub-menu > li.menu-title,
.custom-mega-menu .sub-menu > li.menu-title > a,
.custom-mega-menu .sub-menu > li.menu-title > span,
.custom-mega-menu .sub-menu > li.menu-title > a > span{
  font-size: 18px !important;
  font-weight:600 !important;
  color:#120139;
  cursor:default;
  text-decoration:none;
}
.custom-mega-menu .sub-menu > li.menu-title > a{font-size:18px !important;line-height:1.3 !important;}
.custom-mega-menu .sub-menu > li.menu-title > a::after{display:none !important;}
.custom-mega-menu .sub-menu > li.menu-title{
  display:flex; flex-direction:column; align-items:flex-start;
  margin-bottom:10px; padding-left:5px;
}
.custom-mega-menu .menu-title > a{display:flex !important;align-items:flex-start !important; line-height:1.3 !important; font-weight:600 !important; color:#120139; font-family:'Outfit',sans-serif !important;}
.custom-mega-menu .menu-title > ul.sub-menu{margin:2px 0 0 !important; padding:0 !important;}
.custom-mega-menu .menu-icon{width:auto;height:24px;margin:-0 4px 0 -30px;filter:invert(19%) sepia(86%) saturate(1130%) hue-rotate(225deg) brightness(94%) contrast(98%);}
.custom-mega-menu .menu-title > ul.sub-menu > li,
.custom-mega-menu .menu-title > ul.sub-menu > li > a{padding-left:0 !important; margin-left:0 !important; text-indent:0 !important; line-height:1.5 !important;}

/*==============================
  Nested Submenus (3rd+ Level)
===============================*/
.custom-mega-menu .sub-menu .sub-menu{
  display:block !important;
  position:static;
  padding-left:15px;
  margin-top:5px;
}
.custom-mega-menu .sub-menu .sub-menu li a{
  font-size:16px !important;
  font-weight:400 !important;
  color:#120139 !important;
}
.custom-mega-menu .sub-menu > li.menu-title > ul.sub-menu{
  display:block !important; visibility:visible !important; opacity:1 !important;
  position:static !important; padding-top:4px !important; margin-top:0 !important;
}

/*==============================
  Links: Font + Hover Styling
===============================*/
.custom-mega-menu a{
  font-size:18px !important;
  color:#120139 !important;
  font-weight:500;
  text-decoration:none;
  position:relative;
  transition:color .2s ease;
}
.custom-mega-menu a::after{
  content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px;
  background:#493290; transition:width .3s ease;
}
.custom-mega-menu a:hover{color:#493290 !important; text-decoration:none !important;}
.custom-mega-menu a:hover::after{width:100%;}
.custom-mega-menu .sub-menu > li > a:hover{background-color:transparent !important;}

/*==============================
  Layout Helpers / Misc
===============================*/
.lahfb-col__center{flex:1 1 100%; max-width:100%; overflow:visible !important;}
.custom-mega-menu nav{overflow:visible !important; position:relative !important;}

.menu-arrow{display:inline-block; margin-left:3px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #120139; transition:transform .3s ease; vertical-align:middle;}
.custom-mega-menu .mega-menu > li.menu-open > .menu-arrow{transform:rotate(180deg); border-top-color:#493290;}

.custom-mega-menu .mega-menu > li .mega-menu-wrapper{
  position:absolute; top:100%; left:0; z-index:999; display:none; opacity:0; visibility:hidden; transition:opacity .2s ease; pointer-events:auto;
}
.custom-mega-menu .mega-menu > li.menu-open .mega-menu-wrapper{display:flex; opacity:1; visibility:visible;}

.menu-pill, .menu-pill.hiring{background-color:#f4d7f4; color:#5e007f;}
.menu-pill.join{background:#fff3e0; color:#b25900;}
.menu-pill, .new-pill{background-color:#f4d7f4; color:#5e007f; font-size:11px; font-weight:600; padding:2px 8px; border-radius:12px; margin-left:8px; vertical-align:middle;}

.mega-menu-notice{
  width:110vw; background:#f4f0ff; color:#120139; font-weight:500;
  padding:16px 60px; font-size:16px; text-align:center; border-top:2px solid #e0d7ff;
  box-sizing:border-box; font-family:'Outfit',sans-serif !important;
  z-index:999; position:absolute; left:0; top:100%;
}
.mega-menu-notice a{color:#4b0082; font-weight:600; margin-left:10px; text-decoration:none;}
.mega-menu-notice a:hover{text-decoration:underline;}
.mega-menu-notice:hover{background:#ebe5fc;}
.notice-icon{width:24px; height:24px; margin-right:10px; flex-shrink:0; display:inline-block; vertical-align:middle; filter:invert(19%) sepia(86%) saturate(1130%) hue-rotate(225deg) brightness(94%) contrast(98%); animation:shake-periodic 4s ease-in-out infinite;}
@keyframes shake-periodic{
  0%,100%{transform:none;} 5%{transform:translateX(-2px);} 10%{transform:translateX(2px);}
  15%{transform:translateX(-2px);} 20%{transform:translateX(2px);} 25%{transform:none;}
}

/*==============================
  Featured Video Column (right rail)
===============================*/
.featured-video-column{
  max-width:647px !important; width:100%;
  padding:20px 0 0 20px; border-left:1px solid #ccc;
  overflow:hidden; box-sizing:border-box; display:flex; flex-direction:column;
}
.featured-video-column *{max-width:100%; overflow-wrap:break-word; word-break:break-word; white-space:normal; box-sizing:border-box;}
.featured-video-title{margin:-20px 0 0; padding-bottom:2px !important; font:600 18px 'Outfit',sans-serif; color:#120139;}
.featured-video-description{margin:2px 0 0 !important; font-size:16px; line-height:1.3; color:#000;}
.featured-video-readmore{margin-top:25px; font:600 18px 'Outfit',sans-serif; color:#120139;}
.featured-video-readmore a{text-decoration:none; color:#120139;}
.featured-video-readmore a:hover{text-decoration:underline;}
.video-wrapper { margin-bottom: 25px !important; }


/*==============================
  Recent News Bulleted List
===============================*/
.custom-mega-menu .recent-news-list{list-style:none !important; padding-left:0 !important; padding-top: 5px !important;}
.custom-mega-menu .recent-news-list li{padding-left:0 !important; position:static; font-size:11px !important; margin-bottom:6px;}
.custom-mega-menu .recent-news-list li > a{position:relative; padding-left:14px !important; display:inline-block; color:#222; text-decoration:none; font:400 16px 'Outfit',sans-serif !important; line-height:1.2 !important;}
.custom-mega-menu .recent-news-list li > a::before{content:""; position:absolute; left:0; top:.6em; width:6px; height:6px; border-radius:50%; background:#120139;}
.custom-mega-menu .recent-news-list li:empty{display:none !important;}
@supports(selector(:has(*))){
  .custom-mega-menu .recent-news-list li:not(:has(> a))::before{content:none;}
  .custom-mega-menu .recent-news-list li:first-child:not(:has(> a)){display:none !important;}
}
.custom-mega-menu .recent-news-list li:first-child > a{padding-left:0 !important;}
.custom-mega-menu .recent-news-list li:first-child > a::before{content:none !important;}
.submenu-footer-line{margin-top:16px; font:13px 'Outfit',sans-serif; color:#000;}
.custom-mega-menu .recent-news-list li > a {
  white-space: normal !important;
}
/* Let the title and excerpt wrap normally */
.custom-mega-menu .recent-news-list li > a,
.custom-mega-menu .recent-news-excerpt {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

/* If any flex parent is involved, prevent the “no wrap in flex” issue */
.custom-mega-menu .recent-news-item,
.custom-mega-menu .recent-news-title,
.custom-mega-menu .recent-news-excerpt {
  min-width: 0 !important;
}

/* Optional: make the excerpt a block so it naturally breaks to the next line */
.custom-mega-menu .recent-news-excerpt {
  display: block !important;
}


/*==============================
  CASE STUDIES PANEL (left column block)
===============================*/

/* Block shell + headings */
.cs-recent-col{max-width:100%;}
.cs-recent-wrap{display:block; padding:0px 0 4px 000px;} /* NOTE: preserving your left padding */
/* Make the inner wrapper honor that width and stop filling */
.cs-recent-wrap{
  max-width: 1120px !important;}
.cs-section-heading{font-family:'Outfit',sans-serif !important; font-weight:600; font-size:18px !important; color:#120139; margin:0 0 8px; line-height:1.2;}
.cs-section-heading.cs-small{font-size:16px; margin-top:14px;}

/* Narrow the case-studies column itself */
.custom-mega-menu .sub-menu.submenu-case-studies > li.cs-recent-col{
  flex: 0 0 1120px !important;   /* choose what fits your header */
  max-width: 1120px !important;
}

/* Case studies list: force row + wrap, then make 3 columns */
.custom-mega-menu .sub-menu > li ul.recent-case-studies.hlist{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
  gap:25px !important;
  list-style:none !important;
  margin:25px 0 30px !important;
  padding:0 !important;
  width: 1280px !important;
  flex: 0 0 1180px !important;   /* choose what fits your header */
  max-width: 1180px !important;
}
.custom-mega-menu .sub-menu ul.recent-case-studies.hlist > li{
  display:flex !important;
  box-sizing:border-box !important;
  flex:0 0 calc(33.333% - 25px) !important;
  max-width:calc(33.333% - 25px) !important;
}

/* Inner card layout */
.custom-mega-menu .sub-menu ul.recent-case-studies.hlist .cs-card,
.custom-mega-menu .sub-menu ul.recent-case-studies.hlist > li.cs-card{
  display:flex !important; flex-direction:column !important; gap:8px !important; width:100% !important;
}
.custom-mega-menu .sub-menu ul.recent-case-studies.hlist .cs-thumb{flex:0 0 auto !important; max-width:100% !important;}
.custom-mega-menu .sub-menu ul.recent-case-studies.hlist .cs-thumb img{width:100% !important; height:auto !important; object-fit:cover !important; border-radius:0 !important;}

/* Remove animated underline from case study thumbnail links */
.custom-mega-menu .recent-case-studies .cs-thumb a::after,
.custom-mega-menu .recent-case-studies .cs-thumb a:hover::after {
  content: none !important;
  display: none !important;
   width: 0 !important;
}


/* Let titles/excerpts wrap normally (no clamp) */
.custom-mega-menu .recent-case-studies .cs-card,
.custom-mega-menu .recent-case-studies .cs-body,
.custom-mega-menu .recent-case-studies .cs-title,
.custom-mega-menu .recent-case-studies .cs-excerpt{
  min-width:0 !important; overflow-wrap:break-word !important; word-break:break-word !important;
}
.custom-mega-menu .recent-case-studies .cs-body{
  display:flex !important; flex-direction:column !important; gap:6px !important; flex:1 1 auto !important; width:100% !important;
}
.custom-mega-menu .recent-case-studies .cs-body {
  font-family: 'Outfit', sans-serif !important;
}

.custom-mega-menu .recent-case-studies .cs-title,
.custom-mega-menu .recent-case-studies .cs-excerpt{
  display:block !important; white-space:normal !important; overflow:visible !important; font-family: Outfit !important; font-weight: 400 !important;
  text-overflow:unset !important; -webkit-line-clamp:unset !important; -webkit-box-orient:unset !important;
}

.custom-mega-menu .recent-case-studies .cs-title{
font-weight: 600 !important;
}

.rn-section-heading{
margin-top: -20px;
font-family: Outfit !important; 
font-weight: 600 !important;
font-size:18px !important; color:#120139;
}

/* Case Studies typography — force Google Outfit */
.custom-mega-menu .recent-case-studies .cs-title,
.custom-mega-menu .recent-case-studies .cs-excerpt {
  font-family: 'Outfit', sans-serif !important;
}


/* “View all Case Studies” link + divider */
.cs-viewall{display:inline-block; padding:100px 0 0 0 !important; margin-top: 50px; font:600 18px 'Outfit',sans-serif !important; color:#120139; text-decoration:none; position:relative;}
.cs-viewall:hover{text-decoration:underline;}
.cs-divider{margin:14px 0 10px; height:1px; background:#ccc; width:100%;} /* NOTE: preserving your 1100% */

/*==============================
  CUSTOMER SUCCESS LOGOS ROW
===============================*/
.custom-mega-menu .sub-menu .customer-success-logos {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important; /* centers the whole row */
  align-items: center !important;
  flex-wrap: nowrap !important;       /* keep on one line */
  list-style: none !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  gap: 9px !important;               /* 40px space between each logo */
}
  
 /* Kill the animated underline on logo links */
.custom-mega-menu .customer-success-logos a {
  display: inline-block;
  text-decoration: none !important;
  position: static !important;
}

.customer-success-logos a:hover img {
  opacity: 0.65; /* optional hover effect */
}

.custom-mega-menu .customer-success-logos a::after,
.custom-mega-menu .customer-success-logos a:hover::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
}


.custom-mega-menu .sub-menu .customer-success-logos img {
  height: 60px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
}
/* Wrap on smaller screens if desired */
@media (max-width:1200px){
  .custom-mega-menu .customer-success-logos{flex-wrap:wrap; row-gap:12px; justify-content:flex-start;}
}

/*==============================
  Responsive tweaks (kept as-is)
===============================*/

@media (max-width:2500px){
  .submenu-expertise > li:nth-of-type(1){margin-left:630px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:600px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:540px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:550px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:613px !important;}

@media (max-width:2300px){
  .submenu-expertise > li:nth-of-type(1){margin-left:490px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:460px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:480px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:415px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:475px !important;}

@media (max-width:1980px){
  .submenu-expertise > li:nth-of-type(1){margin-left:465px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:425px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:375px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:390px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:450px !important;}
  
@media (max-width:1750px){
  .submenu-expertise > li:nth-of-type(1){margin-left:400px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:365px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:305px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:315px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:375px !important;}
}

@media (max-width:1700px){
  .submenu-expertise > li:nth-of-type(1){margin-left:380px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:340px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:340px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:300px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:360px !important;}
}
@media (max-width:1650px){
  .submenu-expertise > li:nth-of-type(1){margin-left:355px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:325px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:265px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:275px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:335px !important;}
}

@media (max-width:1600px){
  .submenu-expertise > li:nth-of-type(1){margin-left:340px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:305px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:320px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:255px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:320px !important;}
}

@media (max-width:1550px){
  .submenu-expertise > li:nth-of-type(1){margin-left:315px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:285px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:280px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:240px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:300px !important;}
}

@media (max-width:1500px){
  .submenu-expertise > li:nth-of-type(1){margin-left:295px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:260px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:260px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:210px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:280px !important;}
}

@media (max-width:1450px){
  .submenu-expertise > li:nth-of-type(1){margin-left:275px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:245px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:240px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:200px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:265px !important;}
}

@media (max-width:1400px){
  .submenu-expertise > li:nth-of-type(1){margin-left:255px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:220px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:190px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:220px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:235px !important;}
}

@media (max-width:1350px){
  .submenu-expertise > li:nth-of-type(1){margin-left:230px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:200px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:155px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:200px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:220px !important;}
  .featured-video-column{margin-left:100px !important;}
}

@media (max-width:1300px){
  .submenu-expertise > li:nth-of-type(1){margin-left:220px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:180px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:130px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:180px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:195px !important;}
  .featured-video-column{margin-left:100px !important;}
}

@media (max-width:1250px){
  .submenu-expertise > li:nth-of-type(1){margin-left:200px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:170px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:115px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:160px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:180px !important;}
  .featured-video-column{margin-left:100px !important;}
}

@media (max-width:1200px){
  .submenu-expertise > li:nth-of-type(1){margin-left:180px !important;}
  .submenu-solutions > li:nth-of-type(1){margin-left:200px !important;}
  .submenu-case-studies > li:nth-of-type(1){margin-left:170px !important;}
  .submenu-verticals > li:nth-of-type(1){margin-left:160px !important;}
  .submenu-about > li:nth-of-type(1){margin-left:145px !important;}
  .featured-video-column{margin-left:100px !important;}
}

/* Hide ONLY the custom mega menu (and its stage, if present) at ≤1100px */
@media (max-width:1100px) {
  nav.custom-mega-menu,
  #mega-root {
    display: none !important;
  }
}

/* Restore it above 1100px */
@media (min-width:1101px) {
  nav.custom-mega-menu {
    display: block !important;
  }
}

/* small utility */
.aws-icon{background:transparent !important;}
a{position:relative;}
.custom-tooltip{
  visibility:hidden; opacity:0; background:#fff; color:#120139 !important; text-align:center; font:12px 'Outfit',sans-serif;
  border:1px solid #120139; border-radius:0; padding:6px 8px; position:absolute; top:50%; left:100%;
  transform:translateY(-50%) translateX(10px); white-space:nowrap; z-index:10; transition:opacity .3s; pointer-events:none;
}
a:hover .custom-tooltip{visibility:visible; opacity:1;}


/* =============================
   Expertise submenu — precise typography
   - Bold ONLY the second-level section labels (e.g., AI & Data Services)
   - Keep their child links (e.g., Amazon Bedrock) regular
   ============================= */

/* Bold the second-level section labels */
.custom-mega-menu .submenu-expertise
  li.menu-title > ul.sub-menu > li.menu-title > a[href="#"],
.custom-mega-menu .submenu-expertise
  li.menu-title > ul.sub-menu > li.menu-title > span {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  cursor: default !important;
  text-decoration: none !important;
}

/* Ensure real links under each label remain regular weight */
.custom-mega-menu .submenu-expertise
  li.menu-title > ul.sub-menu > li:not(.menu-title) > a {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}

/* Re-enable bullet on the first news item now that the heading is outside the <ul> */
.custom-mega-menu .recent-news-list li:first-child > a {
  padding-left: 14px !important;
}
.custom-mega-menu .recent-news-list li:first-child > a::before {
  content: "" !important;
}

.inline-icon {
  display: inline-block;
  vertical-align: middle;  /* keeps it aligned with text */
  width: 20px;             /* adjust size as needed */
  height: 20px;
  margin-left: 0px;        /* small spacing before the pill */
  filter:invert(19%) sepia(86%) saturate(1130%) hue-rotate(225deg) brightness(94%) contrast(98%);
}
/* Works for a wrapper span.div *and* direct img/svg icons */
.inline-icon,
.inline-icon img,
.inline-icon svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex: 0 0 20px !important;   /* prevents flex growth/shrink */
  object-fit: contain;         /* no distortion if it's an img */
  display: inline-block;       /* stable inline sizing */
  vertical-align: middle;
}

/* If the icon is an inline SVG that was scaling with font-size */
.inline-icon svg {
  font-size: 0 !important;     /* ignore parent font scaling */
}

/* If you're using an icon font (e.g., <i class="inline-icon fa ...">) */
.inline-icon.fa,
.inline-icon.fas,
.inline-icon.far,
.inline-icon.fab {
  font-size: 20px !important;
  line-height: 20px !important;
  width: 20px !important;
  height: 20px !important;
}


/* Hide the temporary "Column Title" row and pull its children up */
.custom-mega-menu #menu-item-46663 > a {
  display: none !important;              /* hide the label */
}

.custom-mega-menu #menu-item-46663 {
  padding-top: 0 !important;             /* remove any top spacing on the LI */
  margin-top: 0 !important;
}

/* Make the nested submenu start where the title was */
.custom-mega-menu #menu-item-46663 > ul.sub-menu {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Make ONLY "AWS Expertise" behave like a real link everywhere you hover */
.custom-mega-menu .sub-menu > li.menu-title.aws-expertise-link,
.custom-mega-menu .sub-menu > li.menu-title.aws-expertise-link > a,
.custom-mega-menu .sub-menu > li.menu-title.aws-expertise-link > a > span {
  cursor: pointer !important;        /* override the global cursor: default */
}

/* Ensure the anchor itself receives hover/click (not just the underline) */
.custom-mega-menu .sub-menu > li.menu-title.aws-expertise-link > a {
  display: inline-block !important;
  pointer-events: auto !important;   /* just in case a global rule disabled it */
}

/* The underline shouldn't steal hover/click, let the anchor handle it */
.custom-mega-menu .sub-menu > li.menu-title.aws-expertise-link > a::after {
  pointer-events: none !important;
}

/* Re-enable the animated underline that titles normally disable */
.custom-mega-menu .sub-menu > li.menu-title.aws-expertise-link > a::after {
  content: "" !important;                 /* override the 'display:none' rule */
  position: absolute;
  left: 0; bottom: -2px;
  height: 2px; width: 0;
  background: #493290;
  transition: width .3s ease;
  display: block !important;
}

.custom-mega-menu .sub-menu > li.menu-title.aws-expertise-link > a:hover::after {
  width: 100%;
}

/* If AWS Expertise is the item you hid via ID, undo that too */
#menu-item-46663.aws-expertise-link > a { display: inline-block !important; }

/* ensure it's actually clickable + visible */
.custom-mega-menu .sub-menu > li.menu-title.aws-expertise-link > a {
  display: inline-block !important;
  pointer-events: auto !important;
}
.recent-news-title {
    font-size: 14px !important;
}

/* Force inline-icon images to stay 20px regardless of parent rules */
img.inline-icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex: 0 0 20px !important;
  object-fit: contain !important;
  display: inline-block !important;
}
.custom-mega-menu img.inline-icon {
  width: 20px !important;
  height: 20px !important;
}

/* lock the tiny icon regardless of responsive rules in .featured-video-column */
.custom-mega-menu .featured-video-column img.inline-icon {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;   /* overrides the * { max-width:100% } */
  max-height: 20px !important;
  flex: 0 0 20px !important;
  object-fit: contain !important;
  display: inline-block !important;
}