@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@400,500,700,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ohc-green:#2e7d32;--ohc-green-hover:#1b5e20;--ohc-green-light:#e8f5e9;--ohc-surface:#f8fafc;--ohc-text:#0f172a;--ohc-body:#334155;--ohc-muted:#64748b;--ohc-border:#e2e8f0;--ohc-radius:8px;--ohc-blue:#1a73e8;}
body{font-family:'Manrope',system-ui,sans-serif!important;-webkit-font-smoothing:antialiased;}

/* ── HERO ── */
.heroSection.ohc-home-hero,.heroSection.ohc-home-hero.relative{
  min-height:500px!important;position:relative!important;overflow:visible!important;
  background-color:#070d14!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.heroSection.ohc-home-hero>img.herosecimg,.heroSection.ohc-home-hero>img{
  width:100%!important;min-width:100%!important;object-fit:cover!important;
  position:absolute!important;top:0!important;left:0!important;height:100%!important;
  opacity:0.3!important;
}
.heroSection.ohc-home-hero .textset{
  position:relative!important;z-index:5!important;
  text-align:center!important;width:100%!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  padding:0 20px!important;
}
.heroSection.ohc-home-hero [class*="text-8xl"],.heroSection.ohc-home-hero [class*="text-7xl"],.heroSection.ohc-home-hero [class*="text-3xl"]{
  font-family:'Cabinet Grotesk',sans-serif!important;font-weight:800!important;
  letter-spacing:-0.03em!important;color:var(--ohc-blue)!important;
  text-shadow:0 2px 10px rgba(0,0,0,0.3)!important;
  font-size:clamp(2rem,5vw,3.2rem)!important;line-height:1.2!important;margin-bottom:6px!important;
  word-spacing:0.15em!important;
}
.heroSection.ohc-home-hero [class*="text-gray-300"],.heroSection.ohc-home-hero .textset>div:nth-child(2){
  color:white!important;text-shadow:0 1px 6px rgba(0,0,0,0.3)!important;font-weight:600!important;animation:none!important;transition:none!important;opacity:1!important;position:relative!important;bottom:auto!important;top:auto!important;transform:none!important;
  font-size:1rem!important;margin-bottom:4px!important;
}
.heroSection.ohc-home-hero .textset>div:nth-child(n+3):not(#ohc-hero-search):not(#ohcHeroStats){display:none!important;}
.heroSection.ohc-home-hero .textset .mat-focus-indicator{display:none!important;}
.heroSection.ohc-home-hero .textset input:not(#ohcHeroInput){display:none!important;}
.heroSection.ohc-home-hero .textset mat-form-field{display:none!important;}
#ohcHeroInput{display:block!important;}
#ohc-hero-search{max-width:680px!important;width:100%!important;margin:16px auto 0!important;position:relative!important;z-index:20!important;pointer-events:auto!important;}

/* ── SEARCH BOX ── */
.ohc-search-box{display:flex;background:white;border-radius:14px;padding:6px;box-shadow:0 20px 60px -12px rgba(0,0,0,0.4);position:relative;z-index:25;}
.ohc-search-box input{flex:1;border:none;padding:14px 18px;font-size:1rem;font-family:'Manrope',sans-serif;outline:none;color:var(--ohc-text);background:transparent;border-radius:10px;min-width:0;position:relative;z-index:25;}
.ohc-search-box input::placeholder{color:var(--ohc-muted);}
.ohc-search-btn{background:var(--ohc-blue)!important;color:white;border:none;padding:12px 28px;border-radius:10px;font-family:'Manrope',sans-serif;font-weight:700;font-size:0.95rem;cursor:pointer;transition:background 0.2s;display:flex;align-items:center;gap:8px;white-space:nowrap;}
.ohc-search-btn:hover{background:#1557b0!important;}

/* ── DROPDOWN ── */
.ohc-search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:white;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,0.18);border:1px solid var(--ohc-border);max-height:400px;overflow-y:auto;z-index:100;}
.ohc-dd-label{padding:8px 18px 4px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--ohc-muted);}
.ohc-dd-item{display:flex;align-items:center;gap:12px;padding:11px 18px;text-decoration:none;color:var(--ohc-text);font-size:0.9rem;transition:background 0.15s;border-bottom:1px solid #f1f5f9;}
.ohc-dd-item:last-child{border-bottom:none;}
.ohc-dd-item:hover{background:var(--ohc-green-light);}
.ohc-dd-item i{flex-shrink:0;}
.ohc-dd-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ── QUICK TAGS ── */
.ohc-search-tags{display:flex;gap:8px;margin-top:14px;justify-content:center;flex-wrap:wrap;}
.ohc-search-tag{padding:7px 16px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:20px;color:white;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.2s;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.ohc-search-tag:hover{background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.5);color:white;}

/* ── TOP EXAMS ── */
.ohc-top-exams{padding:50px 20px;background:var(--ohc-surface);}
.ohc-section-title{font-family:'Cabinet Grotesk',sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--ohc-text);text-align:center;margin-bottom:8px;letter-spacing:-0.02em;}
.ohc-section-subtitle{text-align:center;color:var(--ohc-muted);font-size:0.95rem;margin-bottom:30px;}
.ohc-exams-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}
.ohc-exam-card{background:white;border:1px solid var(--ohc-border);border-radius:var(--ohc-radius);padding:20px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s;text-decoration:none;color:inherit;}
.ohc-exam-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px -4px rgba(0,0,0,0.08);border-color:var(--ohc-green);}
.ohc-exam-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:white;flex-shrink:0;}
.ohc-exam-info h4{font-family:'Cabinet Grotesk',sans-serif;font-weight:700;font-size:1rem;color:var(--ohc-text);margin:0 0 3px;}
.ohc-exam-info p{font-size:0.8rem;color:var(--ohc-muted);margin:0;line-height:1.4;}
.ohc-exam-badge{margin-left:auto;padding:3px 10px;border-radius:12px;font-size:0.7rem;font-weight:600;background:#fef3c7;color:#92400e;white-space:nowrap;}

/* ── CATEGORY TABS ── */
.ohc-cat-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:24px;max-width:1100px;margin-left:auto;margin-right:auto;}
.ohc-cat-tab{padding:9px 20px;border-radius:24px;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.25s;border:1.5px solid var(--ohc-border);background:white;color:var(--ohc-body);font-family:'Manrope',sans-serif;display:inline-flex;align-items:center;gap:6px;}
.ohc-cat-tab:hover{border-color:var(--ohc-green);color:var(--ohc-green);}
.ohc-cat-tab.active{background:var(--ohc-green);color:white;border-color:var(--ohc-green);}

/* ── CATEGORY COLLEGES ── */
.ohc-cat-colleges{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;}
.ohc-cat-loading{grid-column:1/-1;text-align:center;padding:40px;color:var(--ohc-muted);font-size:0.9rem;}
.ohc-clg-card{background:white;border:1px solid var(--ohc-border);border-radius:var(--ohc-radius);padding:16px;display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s;}
.ohc-clg-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.06);border-color:var(--ohc-green);}
.ohc-clg-left{width:50px;height:50px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--ohc-surface);display:flex;align-items:center;justify-content:center;}
.ohc-clg-left img{width:100%;height:100%;object-fit:contain;}
.ohc-clg-info{flex:1;min-width:0;}
.ohc-clg-info h4{font-size:0.9rem;font-weight:700;color:var(--ohc-text);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ohc-clg-info p{font-size:0.78rem;color:var(--ohc-muted);margin:0;}
.ohc-clg-right{flex-shrink:0;}
.ohc-clg-rating{background:#fef3c7;color:#92400e;padding:4px 10px;border-radius:12px;font-size:0.75rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;}

/* ── EXISTING OVERRIDES ── */
/* Card overrides removed - were breaking college detail pages on iOS */
/* Chip overrides removed - were affecting all pages */
.mat-ink-bar{background-color:var(--ohc-green)!important;}
.predictor-section{background:var(--ohc-surface)!important;}
.predictor-card{border:1px solid var(--ohc-border)!important;box-shadow:none!important;}
.predictor-card:hover{box-shadow:0 10px 25px -5px rgba(0,0,0,0.1)!important;}
.bg-gray-900{font-family:'Manrope',sans-serif!important;}

/* ── EXAMS PAGE: Smaller banner ── */
.examsBanner,.exams-banner,[class*="examBanner"]{max-height:250px!important;min-height:200px!important;}

@media(max-width:768px){
  .heroSection.ohc-home-hero{min-height:420px!important;}
  .ohc-search-box{flex-direction:column;}
  .ohc-search-btn{width:100%;justify-content:center;}
  .ohc-exams-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .ohc-exam-badge{display:none;}
  .ohc-cat-tab{padding:7px 14px;font-size:0.78rem;}
  .ohc-cat-colleges{grid-template-columns:1fr;}
}
@media(max-width:480px){.ohc-exams-grid{grid-template-columns:1fr;}}

/* Hero textset vertical centering fix */
.heroSection.ohc-home-hero .textset > div:first-child {
  margin-top: auto !important;
}
#ohc-hero-search {
  margin-bottom: 0 !important;
}
.heroSection.ohc-home-hero .textset {
  min-height: 100% !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* Exams page banner - target the image directly */


/* NIRF Rank Badge */
.ohc-clg-rank{flex-shrink:0;display:flex;align-items:center;}
.ohc-rank-badge{background:linear-gradient(135deg,#1a73e8,#4285f4);color:white;padding:4px 10px;border-radius:6px;font-size:0.75rem;font-weight:700;min-width:36px;text-align:center;}
.ohc-nirf-tag{background:#e3f2fd;color:#1a73e8;padding:2px 8px;border-radius:10px;font-size:0.72rem;font-weight:600;display:inline-block;}



/* NIRF card - hide rating div */
.ohc-clg-right {
  display: none !important;
}

/* Featured Colleges - Square 1:1 banner images */
img.update-image.object-cover {
  /* aspect-ratio: 1 / 1 - removed for iOS compat */
  object-fit: cover !important;
  width: 100% !important;
  height: 200px !important;
  max-height: 200px !important;
  max-height: none !important;
}
/* Force parent container to accommodate square image */
.filter-article {
  height: auto !important;
}
.filter-article img.update-image {
  min-height: 200px !important;
  max-height: 200px !important;
}

/* Articles section - proper image display */
.filter-article img,
[class*="article"] img {
  object-fit: cover !important;
  width: 100% !important;
  min-height: 150px !important;
  border-radius: 8px !important;
}

/* Fix: Hide Angular's character-by-character title animation immediately */
.heroSection.ohc-home-hero [class*="text-8xl"] span,
.heroSection.ohc-home-hero [class*="text-7xl"] span,
.heroSection.ohc-home-hero [class*="text-3xl"] span {
  opacity: 0 !important;
  animation: none !important;
  transition: none !important;
}
/* But show our replaced title span */
.heroSection.ohc-home-hero [class*="text-8xl"] > span[style],
.heroSection.ohc-home-hero [class*="text-7xl"] > span[style],
.heroSection.ohc-home-hero [class*="text-3xl"] > span[style] {
  opacity: 1 !important;
}
/* Immediately position the title in center, not at bottom */
.heroSection [class*="text-8xl"],
.heroSection [class*="text-7xl"],
.heroSection [class*="text-3xl"] {
  position: relative !important;
  bottom: auto !important;
  top: auto !important;
  transform: none !important;
  opacity: 1 !important;
  animation: none !important;
}

/* Fix subtitle animation - hide Angular char animation, show immediately */
.heroSection.ohc-home-hero .textset > div:nth-child(2) span,
.heroSection.ohc-home-hero .textset > div:nth-child(2) * {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  position: relative !important;
  bottom: auto !important;
  top: auto !important;
  transform: none !important;
  color: white !important;
}

/* Mobile: ensure search + tags fit within hero */
@media(max-width:768px) {
  .heroSection.ohc-home-hero, .heroSection.ohc-home-hero.relative {
    min-height: auto !important;
    padding-bottom: 20px !important;
  }
  .heroSection.ohc-home-hero .textset {
    padding-top: 10px !important;
    padding-bottom: 20px !important;
  }
  #ohc-hero-search {
    margin-top: 10px !important;
  }
  .ohc-search-tags {
    gap: 5px;
    margin-top: 8px;
  }
  .ohc-search-tag {
    padding: 5px 12px;
    font-size: 0.75rem;
  }
  .heroSection.ohc-home-hero [class*="text-8xl"],
  .heroSection.ohc-home-hero [class*="text-7xl"],
  .heroSection.ohc-home-hero [class*="text-3xl"] {
    font-size: 1.5rem !important;
    margin-bottom: 2px !important;
  }
  .heroSection.ohc-home-hero [class*="text-gray-300"],
  .heroSection.ohc-home-hero .textset > div:nth-child(2) {
    font-size: 0.78rem !important;
    margin-bottom: 2px !important;
  }
  .ohc-search-box input {
    padding: 10px 14px !important;
    font-size: 0.9rem !important;
  }
  .ohc-search-btn {
    padding: 10px 16px !important;
    font-size: 0.85rem !important;
  }
}

/* NIRF section mobile responsive */
@media(max-width:768px) {
  .ohc-cat-tabs {
    gap: 6px !important;
    padding: 0 10px !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 8px !important;
  }
  .ohc-cat-tabs::-webkit-scrollbar { display: none; }
  .ohc-cat-tab {
    padding: 7px 14px !important;
    font-size: 0.75rem !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  .ohc-cat-colleges {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 0 10px !important;
  }
  .ohc-clg-card {
    padding: 12px !important;
  }
  .ohc-clg-info h4 {
    font-size: 0.82rem !important;
    white-space: normal !important;
  }
  .ohc-top-exams {
    padding: 30px 10px !important;
  }
  .ohc-section-title {
    font-size: 1.3rem !important;
  }
  .ohc-section-subtitle {
    font-size: 0.82rem !important;
    margin-bottom: 18px !important;
  }
  .ohc-exams-grid {
    padding: 0 5px !important;
  }
}

/* Mobile search dropdown */
@media(max-width:768px) {
  .ohc-search-dropdown {
    max-height: 280px !important;
    border-radius: 8px !important;
    left: 0 !important;
    right: 0 !important;
    font-size: 0.85rem !important;
  }
  .ohc-dd-item {
    padding: 10px 14px !important;
    gap: 10px !important;
  }
  .ohc-dd-item span {
    font-size: 0.82rem !important;
  }
  .ohc-dd-label {
    padding: 6px 14px 3px !important;
    font-size: 0.65rem !important;
  }
  .ohc-search-box {
    border-radius: 10px !important;
    padding: 4px !important;
  }
}

/* Hero stats counters */
#ohcHeroStats, .ohc-hero-stats {
  display: flex;
  justify-content: center;
  margin-bottom: auto !important;
  gap: 12px;
  margin-top: 18px;
}
.ohc-hero-stat {
  text-align: center;
  color: white;
  text-decoration: none;
  padding: 10px 22px;
  border-radius: 12px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 110px;
}
.ohc-hero-stat:hover {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,215,0,0.5);
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
  color: white;
  text-decoration: none;
}
.ohc-hero-stat-icon {
  font-size: 1.3rem;
  color: #ffd700;
  margin-bottom: 2px;
}
.ohc-hero-stat-num {
  display: block;
  font-family: 'Cabinet Grotesk', sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #ffd700;
}
.ohc-hero-stat-label {
  font-size: 0.78rem;
  opacity: 0.85;
  font-weight: 600;
  color: white;
  letter-spacing: 0.02em;
}
@media(max-width:768px) {
  #ohcHeroStats, .ohc-hero-stats {
    gap: 8px;
    margin-top: 12px;
  }
  .ohc-hero-stat {
    padding: 8px 14px;
    min-width: 90px;
    border-radius: 10px;
  }
  .ohc-hero-stat-icon {
    font-size: 1rem;
  }
  .ohc-hero-stat-num {
    font-size: 1.1rem;
  }
  .ohc-hero-stat-label {
    font-size: 0.65rem;
  }
}

/* Mobile: Fix Chat with Expert / AI Assistant overlap */
@media(max-width:768px) {
  /* Push Chat with Expert and AI Assistant above the fold so they don't overlap content */
  .whatsapp-chat-widget,
  [class*="whatsapp"],
  a[href*="wa.me"],
  div[onclick*="whatsapp"],
  [class*="chat-with-expert"],
  .chat-expert-btn {
    bottom: 70px !important;
    z-index: 999 !important;
  }
  
  /* Make AI Assistant smaller and repositioned */
  .ai-assistant-btn,
  [class*="ai-assistant"],
  [class*="chatbot"] {
    bottom: 120px !important;
    z-index: 998 !important;
  }

  /* Fix the "How Can We Help You?" sidebar panel */
  .cdk-overlay-pane,
  [class*="sidenav"],
  [class*="side-nav"],
  mat-sidenav,
  .mat-drawer {
    max-width: 85vw !important;
    width: 85vw !important;
  }
  
  /* Ensure the "How Can We Help" content doesn't overflow */
  .mat-drawer-content,
  [class*="drawer-content"] {
    overflow-x: hidden !important;
  }
  
  /* Fix the help cards grid to fit in sidebar */
  .mat-drawer .help-cards,
  .mat-drawer [class*="grid"],
  mat-sidenav [class*="grid"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    padding: 10px !important;
  }
}

/* Mobile: Collapsible Chat with Expert - initially show only icon */
@media(max-width:768px) {
  /* Move Chat with Expert higher to avoid overlapping Apply Now / footer */
  .ohc-floating-cta {
    bottom: 75px !important;
    right: 10px !important;
    transform: scale(0.9) !important;
  }
  
  /* Move AI Assistant above Chat with Expert */
  #ai-assistant-btn, .ai-assistant-btn {
    bottom: 130px !important;
    right: 10px !important;
    transform: scale(0.85) !important;
  }

  /* Fix sidebar/vertical navigation "How Can We Help" overflow */
  fuse-vertical-navigation,
  .fuse-vertical-navigation,
  [class*="vertical-navigation"] {
    max-width: 280px !important;
    overflow-x: hidden !important;
  }
  
  /* Fix the aside panel (How Can We Help cards) */
  fuse-vertical-navigation-aside-item,
  [class*="navigation-aside"],
  [class*="aside-item"] {
    max-width: 280px !important;
    overflow-x: hidden !important;
  }
  
  /* Ensure the aside content wraps properly */
  fuse-vertical-navigation-aside-item .mat-card,
  fuse-vertical-navigation-aside-item [class*="grid"],
  [class*="navigation-aside"] [class*="grid"] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    max-width: 260px !important;
    padding: 8px !important;
  }
  
  /* Fix cards inside the "How Can We Help" section */
  fuse-vertical-navigation-aside-item .mat-card,
  [class*="aside"] [class*="card"] {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
}

/* Fix "How Can We Help" card text wrapping in sidebar */
@media(max-width:768px) {
  fuse-vertical-navigation .fuse-vertical-navigation-content {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  /* Ensure help cards text wraps fully */
  fuse-vertical-navigation-aside-item h3,
  fuse-vertical-navigation-aside-item h4,
  fuse-vertical-navigation-aside-item p,
  fuse-vertical-navigation-aside-item span,
  fuse-vertical-navigation-aside-item .mat-card-title,
  fuse-vertical-navigation-aside-item [class*="title"],
  fuse-vertical-navigation-aside-item [class*="label"] {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    overflow: visible !important;
    text-overflow: unset !important;
    font-size: 0.78rem !important;
    line-height: 1.3 !important;
  }
  /* Make cards in aside narrower to fit */
  fuse-vertical-navigation-aside-item mat-card,
  fuse-vertical-navigation-aside-item .mat-card,
  fuse-vertical-navigation-aside-item [class*="card"] {
    padding: 8px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  /* Hide floating buttons when sidebar is open to prevent overlap */
  fuse-vertical-navigation.fuse-vertical-navigation-opened ~ #ai-assistant-btn,
  fuse-vertical-navigation.fuse-vertical-navigation-opened ~ .ohc-floating-cta,
  .fuse-vertical-navigation-opened ~ #ai-assistant-btn,
  .fuse-vertical-navigation-opened ~ .ohc-floating-cta {
    display: none !important;
  }
}

/* Override: Single column for help cards in 280px sidebar */
@media(max-width:768px) {
  .fuse-vertical-navigation-content [class*="grid"],
  fuse-vertical-navigation-aside-item [class*="grid"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    max-width: 260px !important;
    padding: 6px !important;
    box-sizing: border-box !important;
  }
  .fuse-vertical-navigation-content [class*="grid"] > *,
  fuse-vertical-navigation-aside-item [class*="grid"] > * {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  .fuse-vertical-navigation-content [class*="grid"] h3,
  .fuse-vertical-navigation-content [class*="grid"] h4,
  .fuse-vertical-navigation-content [class*="grid"] p,
  .fuse-vertical-navigation-content [class*="grid"] span {
    white-space: normal !important;
    word-break: break-word !important;
    overflow: visible !important;
    text-overflow: unset !important;
    font-size: 0.72rem !important;
  }
}