/* ================================================================
   S.R.K. GOENKA COLLEGE — WORLD CLASS DESIGN SYSTEM
   assets/css/goenka.css
   
   Design inspired by: Stripe · Notion · Apple
   Colors: #2b2d42 · #8d99ae · #edf2f4
   Fonts:  Cormorant Garamond (headings) · Plus Jakarta Sans (body)
================================================================ */

/* ══════════════════════════════════════════════
   1. CSS DESIGN TOKENS
══════════════════════════════════════════════ */
:root {
  /* Brand */
  --gk-900: #2b2d42;
  --gk-700: #3d3f5a;
  --gk-500: #8d99ae;
  --gk-300: #c4cdd8;
  --gk-100: #edf2f4;
  --gk-gold: #c8a050;

  /* Semantic — Light Mode */
  --bg:        #edf2f4;
  --bg-card:   #ffffff;
  --bg-soft:   #f5f7f9;
  --bg-nav:    rgba(255,255,255,0.95);
  --bg-footer: #1e2030;
  --tx-1:      #2b2d42;
  --tx-2:      #4a4e6b;
  --tx-3:      #8d99ae;
  --tx-inv:    #edf2f4;
  --border:    rgba(141,153,174,0.18);
  --border-2:  rgba(141,153,174,0.35);
  --ring:      rgba(43,45,66,0.08);

  /* Shadows */
  --sh-xs: 0 1px 4px rgba(43,45,66,0.06);
  --sh-sm: 0 2px 12px rgba(43,45,66,0.08);
  --sh-md: 0 6px 28px rgba(43,45,66,0.11);
  --sh-lg: 0 16px 56px rgba(43,45,66,0.14);
  --sh-xl: 0 28px 72px rgba(43,45,66,0.17);
  --sh-nav: 0 4px 20px rgba(43,45,66,0.10);

  /* Typography */
  --f-display: 'Cormorant Garamond', Georgia, serif;
  --f-body:    'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Motion */
  --ease:       cubic-bezier(0.25,0.46,0.45,0.94);
  --ease-out:   cubic-bezier(0.16,1,0.3,1);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
  --t-fast: 0.15s;
  --t-base: 0.25s;
  --t-slow: 0.4s;

  /* Radius */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-xl:   22px;
  --r-pill: 9999px;
}

/* ── Dark Mode Tokens ─────────────────────── */
[data-theme="dark"] {
  --bg:        #12131f;
  --bg-card:   #1c1e30;
  --bg-soft:   #181a2a;
  --bg-nav:    rgba(24,26,42,0.97);
  --bg-footer: #0d0e1a;
  --tx-1:      #edf2f4;
  --tx-2:      #a8b2c1;
  --tx-3:      #6b7a93;
  --border:    rgba(141,153,174,0.10);
  --border-2:  rgba(141,153,174,0.20);
  --ring:      rgba(237,242,244,0.06);
  --sh-sm:  0 2px 12px rgba(0,0,0,0.28);
  --sh-md:  0 6px 28px rgba(0,0,0,0.35);
  --sh-lg:  0 16px 56px rgba(0,0,0,0.42);
  --sh-xl:  0 28px 72px rgba(0,0,0,0.50);
  --sh-nav: 0 4px 20px rgba(0,0,0,0.40);
}

/* ══════════════════════════════════════════════
   2. GLOBAL BASE
══════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--f-body) !important;
  background: var(--bg) !important;
  color: var(--tx-1) !important;
  transition: background var(--t-slow), color var(--t-slow);
  -webkit-font-smoothing: antialiased;
}

/* Apply body font globally */
*, p, a, li, span, td, th, div, button,
input, textarea, select, label {
  font-family: var(--f-body) !important;
}

/* Headings get display font */
h1,h2,h3,h4,h5,h6 {
  font-family: var(--f-display) !important;
  color: var(--tx-1) !important;
  line-height: 1.2;
}

p { color: var(--tx-2) !important; line-height: 1.75 !important; }
a { transition: color var(--t-fast); }
img { display: block; max-width: 100%; }

/* ── Scroll Progress Bar ─────────────────── */
#gkScrollBar {
  position: fixed;
  top: 0; left: 0;
  height: 3px;
  width: 0%;
  background: linear-gradient(90deg, var(--gk-900), var(--gk-500));
  z-index: 99999;
  transition: width 0.06s linear;
  pointer-events: none;
  border-radius: 0 var(--r-pill) var(--r-pill) 0;
}
[data-theme="dark"] #gkScrollBar {
  background: linear-gradient(90deg, var(--gk-500), #c4cdd8);
}

/* ── Scroll Reveal ───────────────────────── */
.gk-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.65s var(--ease-out), transform 0.65s var(--ease-out);
}
.gk-reveal.visible { opacity: 1; transform: none; }
.gk-reveal-d1 { transition-delay: 0.08s; }
.gk-reveal-d2 { transition-delay: 0.16s; }
.gk-reveal-d3 { transition-delay: 0.24s; }
.gk-reveal-d4 { transition-delay: 0.32s; }

/* ══════════════════════════════════════════════
   3. TOP BAR
══════════════════════════════════════════════ */
.gk-topbar {
  background: var(--gk-900);
  border-bottom: 1px solid rgba(141,153,174,0.08);
  padding: 0;
  transition: background var(--t-slow);
}
[data-theme="dark"] .gk-topbar { background: #0b0c18; }

.gk-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 32px !important;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 1600px;
  margin: 0 auto;
}

.gk-topbar-left  { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.gk-topbar-right { display: flex; align-items: center; gap: 8px; }

.gk-topbar-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: rgba(237,242,244,0.6) !important;
  text-decoration: none !important;
  transition: color var(--t-fast) !important;
}
.gk-topbar-link:hover { color: #edf2f4 !important; }
.gk-topbar-link i { font-size: 10px; }
.gk-topbar-muted { opacity: 0.5; font-size: 11px; }
.gk-topbar-sep { color: rgba(141,153,174,0.2); user-select: none; }

.gk-topbar-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: rgba(141,153,174,0.1) !important;
  border: 1px solid rgba(141,153,174,0.15) !important;
  color: rgba(237,242,244,0.65) !important;
  padding: 3px 12px !important;
  border-radius: var(--r-pill) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all var(--t-fast) !important;
}
.gk-topbar-pill:hover {
  background: rgba(141,153,174,0.2) !important;
  color: #edf2f4 !important;
}
.gk-topbar-pill i { font-size: 10px; }

/* ══════════════════════════════════════════════
   4. ACCREDITATION STRIP
══════════════════════════════════════════════ */
.gk-accred-bar {
  background: var(--bg-card);
  border-bottom: 1px solid var(--border);
  padding: 10px 0;
  transition: background var(--t-slow);
}

.gk-accred-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 32px !important;
  max-width: 1600px;
  margin: 0 auto;
}

.gk-accred-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 4px 24px;
}

.gk-accred-divider {
  width: 1px;
  height: 32px;
  background: var(--border);
  flex-shrink: 0;
}

.gk-accred-logo {
  height: 30px !important;
  width: auto !important;
  object-fit: contain;
  display: block;
}

.gk-accred-fallback {
  height: 30px;
  min-width: 42px;
  background: var(--gk-900);
  color: var(--gk-500);
  border-radius: var(--r-sm);
  display: none; /* shown only if image fails */
  align-items: center;
  justify-content: center;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  padding: 0 6px;
}
/* Show fallback when logo fails via JS */
.gk-accred-logo[style*="display: none"] + .gk-accred-fallback,
.gk-accred-logo[style*="display:none"] + .gk-accred-fallback {
  display: flex;
}

.gk-accred-text { line-height: 1.2; }
.gk-accred-text strong {
  display: block;
  font-family: var(--f-body) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--tx-1) !important;
}
.gk-accred-text span {
  font-size: 10.5px !important;
  color: var(--tx-3) !important;
}

/* ══════════════════════════════════════════════
   5. MAIN HEADER — NAVBAR
══════════════════════════════════════════════ */

/* Reset original edu-header default styles */
.edu-header.header-style-2 {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

/* Hide original duplicate elements */
.header-top-bar      { display: none !important; }
.header-notice       { display: none !important; }
.navbar.navbar-expand-lg { display: none !important; }

/* The sticky nav bar */
.header-mainmenu {
  background: var(--bg-nav) !important;
  backdrop-filter: blur(24px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(200%) !important;
  border-bottom: 1px solid var(--border) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  box-shadow: none !important;
  transition:
    background var(--t-slow),
    box-shadow var(--t-base),
    border-color var(--t-slow) !important;
}
.header-mainmenu.edu-sticky {
  box-shadow: var(--sh-nav) !important;
}

/* Inner layout */
.header-navbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 32px !important;
  min-height: 66px !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

/* ── Logo ──────────────────────────────────── */
.gk-logo-link {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  text-decoration: none !important;
}
.gk-logo-img {
  height: 44px !important;
  width: auto !important;
  display: block !important;
}
.gk-logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1.22;
}
.gk-logo-name {
  font-family: var(--f-display) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--tx-1) !important;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.gk-logo-sub {
  font-family: var(--f-body) !important;
  font-size: 10.5px !important;
  font-weight: 400 !important;
  color: var(--tx-3) !important;
  letter-spacing: 0.01em;
}

/* ── Nav List ──────────────────────────────── */
.mainmenu-nav .mainmenu {
  display: flex !important;
  align-items: center !important;
  gap: 1px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-wrap: nowrap !important;
}

.mainmenu-nav .mainmenu > li { position: relative !important; }

.mainmenu-nav .mainmenu > li > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 7px 11px !important;
  font-family: var(--f-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--tx-1) !important;
  text-decoration: none !important;
  border-radius: var(--r-sm) !important;
  white-space: nowrap !important;
  letter-spacing: 0.01em !important;
  position: relative !important;
  transition: background var(--t-fast), color var(--t-fast) !important;
}

/* Active underline indicator */
.mainmenu-nav .mainmenu > li > a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 3px !important;
  left: 11px !important;
  right: 11px !important;
  height: 2px !important;
  background: var(--gk-900) !important;
  border-radius: 1px !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform var(--t-base) var(--ease-out) !important;
}
[data-theme="dark"] .mainmenu-nav .mainmenu > li > a::after {
  background: var(--gk-500) !important;
}
.mainmenu-nav .mainmenu > li:hover > a::after { transform: scaleX(1) !important; }

.mainmenu-nav .mainmenu > li > a:hover {
  background: var(--ring) !important;
  color: var(--gk-900) !important;
}
[data-theme="dark"] .mainmenu-nav .mainmenu > li > a:hover {
  background: rgba(237,242,244,0.07) !important;
  color: #edf2f4 !important;
}

/* ═══════════════════════════════════════════
   DROPDOWN — THE FIX THAT WORKS
   Key: Use padding-top on submenu as invisible
   hover bridge. No gap = no vanishing.
═══════════════════════════════════════════ */
.mainmenu-nav .mainmenu li.has-droupdown { position: relative !important; }

/* HIDDEN state */
.mainmenu-nav .mainmenu li.has-droupdown > .submenu {
  position: absolute !important;
  top: 100% !important;          /* flush to bottom of nav item */
  left: 0 !important;
  list-style: none !important;
  margin: 0 !important;

  /* Invisible gap bridge — padding-top creates hover area */
  padding: 8px 6px 6px !important;

  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--sh-xl) !important;
  min-width: 228px !important;
  z-index: 9990 !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(6px) !important;
  pointer-events: none !important;
  transition:
    opacity 0.2s var(--ease-out),
    transform 0.2s var(--ease-out),
    visibility 0.2s !important;
}

/* VISIBLE state — triggers on li hover not just a hover */
.mainmenu-nav .mainmenu li.has-droupdown:hover > .submenu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: all !important;
}

/* Dropdown items */
.mainmenu-nav .mainmenu .submenu li {
  list-style: none !important;
  padding: 0 !important;
}
.mainmenu-nav .mainmenu .submenu li a {
  display: block !important;
  padding: 8px 12px !important;
  font-family: var(--f-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--tx-2) !important;
  text-decoration: none !important;
  border-radius: var(--r-md) !important;
  white-space: nowrap !important;
  transition: background var(--t-fast), color var(--t-fast), padding-left var(--t-fast) !important;
  line-height: 1.4 !important;
}
.mainmenu-nav .mainmenu .submenu li a:hover {
  background: var(--gk-900) !important;
  color: #edf2f4 !important;
  padding-left: 18px !important;
}
[data-theme="dark"] .mainmenu-nav .mainmenu .submenu li a:hover {
  background: rgba(141,153,174,0.15) !important;
  color: #edf2f4 !important;
}

/* Dropdown section divider */
.gk-dropdown-divider {
  height: 1px !important;
  background: var(--border) !important;
  margin: 4px 8px !important;
  pointer-events: none !important;
  list-style: none !important;
}
.gk-dropdown-label {
  display: block !important;
  padding: 6px 12px 3px !important;
  font-family: var(--f-body) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--tx-3) !important;
  pointer-events: none !important;
  list-style: none !important;
}

/* ── 3rd level flyout dropdown ─────────────── */
.mainmenu-nav .mainmenu .submenu li.menu-item {
  position: relative !important;
}
.mainmenu-nav .mainmenu .drop-menu {
  position: absolute !important;
  left: 100% !important;
  top: -6px !important;
  list-style: none !important;
  padding: 6px !important;
  margin: 0 !important;
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--sh-xl) !important;
  min-width: 190px !important;
  z-index: 9991 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(4px) !important;
  pointer-events: none !important;
  transition:
    opacity 0.18s var(--ease-out),
    transform 0.18s var(--ease-out),
    visibility 0.18s !important;
}
.mainmenu-nav .mainmenu .submenu li.menu-item:hover > .drop-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
  pointer-events: all !important;
}
.mainmenu-nav .mainmenu .drop-menu li.drop-menu-item a {
  display: block !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--tx-2) !important;
  border-radius: var(--r-sm) !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transition: background var(--t-fast), color var(--t-fast), padding-left var(--t-fast) !important;
}
.mainmenu-nav .mainmenu .drop-menu li.drop-menu-item a:hover {
  background: var(--gk-900) !important;
  color: #edf2f4 !important;
  padding-left: 18px !important;
}

/* flyout arrow indicator */
.mainmenu-nav .mainmenu .submenu li.menu-item > a::after {
  content: '›' !important;
  position: static !important;
  float: right !important;
  height: auto !important;
  width: auto !important;
  background: none !important;
  transform: none !important;
  font-size: 14px !important;
  opacity: 0.4 !important;
  margin-left: 8px !important;
  transition: opacity var(--t-fast) !important;
}
.mainmenu-nav .mainmenu .submenu li.menu-item:hover > a::after {
  opacity: 1 !important;
  transform: none !important;
}

/* ── Header Actions ─────────────────────────── */
.header-right .header-action {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Dark mode toggle */
.gk-theme-btn {
  width: 36px;
  height: 36px;
  border-radius: var(--r-md);
  background: var(--bg-soft);
  border: 1px solid var(--border);
  color: var(--tx-1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast), transform var(--t-base) var(--ease-spring);
  flex-shrink: 0;
  outline: none;
}
.gk-theme-btn:hover {
  background: var(--gk-900);
  color: #edf2f4;
  border-color: var(--gk-900);
}
[data-theme="dark"] .gk-theme-btn:hover {
  background: #edf2f4;
  color: var(--gk-900);
  border-color: #edf2f4;
}
/* Icon switching */
.gk-icon-sun  { display: none; }
.gk-icon-moon { display: block; }
[data-theme="dark"] .gk-icon-sun  { display: block; }
[data-theme="dark"] .gk-icon-moon { display: none; }

/* Apply Now button */
.gk-apply-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: var(--gk-900) !important;
  color: #edf2f4 !important;
  border: 2px solid var(--gk-900) !important;
  padding: 8px 17px !important;
  border-radius: var(--r-md) !important;
  font-family: var(--f-body) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition:
    background var(--t-fast),
    color var(--t-fast),
    transform var(--t-base),
    box-shadow var(--t-base) !important;
}
.gk-apply-btn:hover {
  background: transparent !important;
  color: var(--gk-900) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--sh-sm) !important;
}
[data-theme="dark"] .gk-apply-btn {
  background: var(--gk-500) !important;
  border-color: var(--gk-500) !important;
  color: var(--gk-900) !important;
}
[data-theme="dark"] .gk-apply-btn:hover {
  background: transparent !important;
  color: var(--gk-500) !important;
}

/* Hamburger */
.hamberger-button {
  width: 40px !important;
  height: 40px !important;
  background: var(--bg-soft) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-md) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background var(--t-fast), border-color var(--t-fast) !important;
}
.hamberger-button:hover {
  background: var(--gk-900) !important;
  border-color: var(--gk-900) !important;
}
.hamberger-button .icon-54::before { color: var(--tx-1) !important; }
.hamberger-button:hover .icon-54::before { color: #edf2f4 !important; }

/* ══════════════════════════════════════════════
   6. MOBILE POPUP MENU
══════════════════════════════════════════════ */
.popup-mobile-menu {
  background: var(--bg-card) !important;
  width: min(380px, 100vw) !important;
  box-shadow: -4px 0 40px rgba(43,45,66,0.18) !important;
  border-left: 1px solid var(--border) !important;
  overflow-y: auto !important;
}
.popup-mobile-menu .inner .header-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid var(--border) !important;
  background: var(--bg-soft) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
}
.popup-mobile-menu .logo img {
  height: 36px !important;
  width: auto !important;
}
.gk-mobile-logo-text {
  flex: 1;
  padding-left: 8px;
}
.gk-mobile-logo-text strong {
  display: block;
  font-family: var(--f-display) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--tx-1) !important;
}
.gk-mobile-logo-text span {
  font-size: 10.5px !important;
  color: var(--tx-3) !important;
}
.close-button {
  width: 34px !important;
  height: 34px !important;
  background: var(--bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-sm) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: var(--tx-1) !important;
  transition: background var(--t-fast) !important;
}
.close-button:hover { background: var(--gk-900) !important; color: #edf2f4 !important; }

.popup-mobile-menu .mainmenu {
  list-style: none !important;
  padding: 10px 14px 32px !important;
  margin: 0 !important;
}
.popup-mobile-menu .mainmenu li > a {
  display: block !important;
  padding: 11px 8px !important;
  font-family: var(--f-body) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--tx-2) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--border) !important;
  transition: color var(--t-fast), padding-left var(--t-fast) !important;
}
.popup-mobile-menu .mainmenu li > a:hover {
  color: var(--gk-900) !important;
  padding-left: 14px !important;
}
[data-theme="dark"] .popup-mobile-menu .mainmenu li > a:hover {
  color: #edf2f4 !important;
}
.popup-mobile-menu .mainmenu .submenu li a {
  padding-left: 22px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--tx-3) !important;
}
.popup-mobile-menu .mainmenu .drop-menu li a {
  padding-left: 36px !important;
  font-size: 12.5px !important;
  color: var(--tx-3) !important;
}

/* Mobile apply button */
.gk-mobile-cta { border-bottom: none !important; padding-top: 16px !important; }
.gk-mobile-apply-btn {
  display: block !important;
  text-align: center !important;
  background: var(--gk-900) !important;
  color: #edf2f4 !important;
  padding: 12px 20px !important;
  border-radius: var(--r-lg) !important;
  font-family: var(--f-body) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: background var(--t-fast) !important;
}
.gk-mobile-apply-btn:hover { background: var(--gk-700) !important; }

/* ══════════════════════════════════════════════
   7. BREADCRUMB AREA (all inner pages)
══════════════════════════════════════════════ */
.edu-breadcrumb-area {
  background: var(--gk-900) !important;
  padding: 52px 0 38px !important;
  position: relative !important;
  overflow: hidden !important;
}
[data-theme="dark"] .edu-breadcrumb-area {
  background: #181a2a !important;
  border-bottom: 1px solid var(--border) !important;
}
.edu-breadcrumb-area::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%238d99ae' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4z'/%3E%3C/g%3E%3C/svg%3E") !important;
  pointer-events: none !important;
}
.edu-breadcrumb-area .breadcrumb-inner { position: relative !important; z-index: 1 !important; }
.edu-breadcrumb-area .page-title .title {
  font-family: var(--f-display) !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
  font-weight: 700 !important;
  color: #edf2f4 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 8px !important;
  line-height: 1.2 !important;
}
.edu-breadcrumb-area .edu-breadcrumb {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-wrap: wrap !important;
}
.edu-breadcrumb-area .edu-breadcrumb li { font-size: 12.5px !important; color: rgba(237,242,244,0.5) !important; }
.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a {
  color: rgba(237,242,244,0.6) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color var(--t-fast) !important;
}
.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a:hover { color: var(--gk-500) !important; }
.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item.active { color: var(--gk-500) !important; font-weight: 600 !important; }
.edu-breadcrumb-area .edu-breadcrumb .separator i { color: rgba(141,153,174,0.35) !important; font-size: 10px !important; }
.edu-breadcrumb-area .shape-group { display: none !important; }

/* ══════════════════════════════════════════════
   8. CONTENT AREAS (all inner pages styling)
══════════════════════════════════════════════ */
.edu-section-gap,
.course-details-area,
.edu-team-area,
.edu-gallery-area,
.contact-us-area,
.edu-team-details-area,
.section-gap-equal {
  padding: 64px 0 !important;
  background: var(--bg) !important;
  transition: background var(--t-slow) !important;
}

/* Section titles */
.section-title h2.title,
.heading-title,
h2.title {
  font-family: var(--f-display) !important;
  font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
  font-weight: 700 !important;
  color: var(--tx-1) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}
h2.title span { color: var(--gk-500) !important; }

/* Department / Cell pages — course content area */
.course-details-content {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-xl) !important;
  padding: 2rem !important;
  box-shadow: var(--sh-sm) !important;
  transition: all var(--t-slow) !important;
}
.course-details-content .entry-content h2 {
  font-family: var(--f-display) !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: var(--tx-1) !important;
  margin-bottom: 1.25rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 2px solid var(--border) !important;
}
.course-details-content .thumbnail {
  border-radius: var(--r-lg) !important;
  overflow: hidden !important;
  margin-bottom: 1.5rem !important;
  box-shadow: var(--sh-md) !important;
}
.course-details-content .thumbnail img {
  width: 100% !important;
  transition: transform var(--t-slow) var(--ease) !important;
}
.course-details-content .thumbnail:hover img { transform: scale(1.03) !important; }
.course-details-content .entry-content p {
  font-size: 12.5px !important;
  line-height: 1.52 !important;
  color: var(--tx-2) !important;
  margin-bottom: 1rem !important;
}
.course-details-content .entry-content h3 {
  font-family: var(--f-display) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: var(--tx-1) !important;
  margin: 1.5rem 0 0.625rem !important;
}

/* Sidebar contact form */
.contact-form.form-style-2 {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-xl) !important;
  padding: 1.75rem !important;
  box-shadow: var(--sh-sm) !important;
  margin-bottom: 1.5rem !important;
}
.contact-form .section-title h4.title {
  font-family: var(--f-display) !important;
  font-size: 1.95rem !important;
  font-weight: 700 !important;
  color: var(--tx-1) !important;
  margin-bottom: 1.25rem !important;
  padding-bottom: 0.625rem !important;
  border-bottom: 2px solid var(--border) !important;
}
.contact-form .form-group input,
.contact-form .form-group textarea {
  width: 100% !important;
  padding: 11px 15px !important;
  background: var(--bg) !important;
  border: 1.5px solid var(--border-2) !important;
  border-radius: var(--r-md) !important;
  font-family: var(--f-body) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--tx-1) !important;
  outline: none !important;
  transition: border-color var(--t-fast), box-shadow var(--t-fast) !important;
  display: block !important;
  margin-bottom: 10px !important;
}
.contact-form .form-group input:focus,
.contact-form .form-group textarea:focus {
  border-color: var(--gk-900) !important;
  box-shadow: 0 0 0 3px rgba(43,45,66,0.08) !important;
}
[data-theme="dark"] .contact-form .form-group input:focus,
[data-theme="dark"] .contact-form .form-group textarea:focus {
  border-color: var(--gk-500) !important;
  box-shadow: 0 0 0 3px rgba(141,153,174,0.1) !important;
}
.contact-form .form-group input::placeholder,
.contact-form .form-group textarea::placeholder { color: var(--tx-3) !important; }
.contact-form .edu-btn.submit-btn,
.edu-btn.red-btn {
  background: var(--gk-900) !important;
  color: #edf2f4 !important;
  border: 2px solid var(--gk-900) !important;
  border-radius: var(--r-md) !important;
  padding: 11px 20px !important;
  font-family: var(--f-body) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: all var(--t-base) !important;
  letter-spacing: 0.02em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
}
.contact-form .edu-btn.submit-btn:hover,
.edu-btn.red-btn:hover {
  background: transparent !important;
  color: var(--gk-900) !important;
  transform: translateY(-2px) !important;
}
[data-theme="dark"] .contact-form .edu-btn.submit-btn,
[data-theme="dark"] .edu-btn.red-btn {
  background: var(--gk-500) !important;
  border-color: var(--gk-500) !important;
  color: var(--gk-900) !important;
}
.contact-form .shape-group { display: none !important; }

/* Faculty cards */
.edu-team-grid {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-xl) !important;
  overflow: hidden !important;
  box-shadow: var(--sh-sm) !important;
  transition: all var(--t-slow) !important;
  height: 100% !important;
}
.edu-team-grid:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--sh-lg) !important;
  border-color: var(--border-2) !important;
}
.edu-team-grid .thumbnail-wrap .thumbnail img {
  width: 100% !important;
  height: 230px !important;
  object-fit: cover !important;
  object-position: top center !important;
  transition: transform var(--t-slow) !important;
}
.edu-team-grid:hover .thumbnail-wrap .thumbnail img { transform: scale(1.04) !important; }
.edu-team-grid .content { padding: 1.15rem !important; }
.edu-team-grid .content table { width: 100% !important; }
.edu-team-grid .content table td {
  padding: 4px 8px !important;
  font-size: 13px !important;
  color: var(--tx-2) !important;
  border: none !important;
  background: transparent !important;
  vertical-align: top !important;
}
.edu-team-grid .content table td strong { color: var(--tx-1) !important; font-weight: 600 !important; }
.edu-team-grid .content table tr:first-child td {
  font-family: var(--f-display) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--tx-1) !important;
  border-bottom: 1px solid var(--border) !important;
  padding-bottom: 8px !important;
}

/* Gallery */
.edu-gallery-area { background: var(--bg) !important; }
.isotop-button button {
  background: var(--bg-card) !important;
  border: 1.5px solid var(--border-2) !important;
  border-radius: var(--r-pill) !important;
  padding: 7px 20px !important;
  font-family: var(--f-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--tx-2) !important;
  cursor: pointer !important;
  transition: all var(--t-fast) !important;
}
.isotop-button button:hover,
.isotop-button button.is-checked {
  background: var(--gk-900) !important;
  border-color: var(--gk-900) !important;
  color: #edf2f4 !important;
}
[data-theme="dark"] .isotop-button button:hover,
[data-theme="dark"] .isotop-button button.is-checked {
  background: var(--gk-500) !important;
  border-color: var(--gk-500) !important;
  color: var(--gk-900) !important;
}
.isotope-item {
  border-radius: var(--r-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--sh-sm) !important;
  transition: all var(--t-slow) !important;
}
.isotope-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--sh-lg) !important;
}

/* ══════════════════════════════════════════════
   9. FOOTER
══════════════════════════════════════════════ */
.edu-footer {
  background: #1e2030 !important;
  transition: background var(--t-slow) !important;
}
[data-theme="dark"] .edu-footer {
  background: #0d0e1a !important;
  border-top: 1px solid rgba(141,153,174,0.08) !important;
}
.edu-footer .footer-top { padding: 60px 0 40px !important; }
.edu-footer .widget-title {
  font-family: var(--f-display) !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  color: var(--gk-500) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 1.1rem !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 1px solid rgba(141,153,174,0.12) !important;
}
.edu-footer .description {
  font-size: 13.5px !important;
  line-height: 1.75 !important;
  color: rgba(141,153,174,0.7) !important;
  margin-top: 0.75rem !important;
}
.edu-footer .footer-link { list-style: none !important; padding: 0 !important; }
.edu-footer .footer-link li { margin-bottom: 1px !important; }
.edu-footer .footer-link li a {
  font-family: var(--f-body) !important;
  font-size: 13px !important;
  color: rgba(141,153,174,0.65) !important;
  text-decoration: none !important;
  padding: 4px 0 !important;
  display: block !important;
  font-weight: 500 !important;
  transition: color var(--t-fast), padding-left var(--t-fast) !important;
}
.edu-footer .footer-link li a:hover {
  color: #edf2f4 !important;
  padding-left: 6px !important;
}
.edu-footer .copyright-area {
  border-top: 1px solid rgba(141,153,174,0.1) !important;
  padding: 18px 0 !important;
  background: rgba(0,0,0,0.12) !important;
}
.edu-footer .copyright-area .copy {
  font-family: var(--f-body) !important;
  font-size: 12.5px !important;
  color: rgba(141,153,174,0.4) !important;
  text-align: center !important;
}
.edu-footer .copyright-area .copy a {
  color: var(--gk-500) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color var(--t-fast) !important;
}
.edu-footer .copyright-area .copy a:hover { color: #edf2f4 !important; }
.edu-footer .logo img { height: 50px !important; width: auto !important; }

/* Social links in footer */
.gk-social-link {
  width: 34px !important;
  height: 34px !important;
  border-radius: var(--r-sm) !important;
  background: rgba(141,153,174,0.08) !important;
  border: 1px solid rgba(141,153,174,0.12) !important;
  color: rgba(141,153,174,0.65) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: all var(--t-base) !important;
}
.gk-social-link:hover {
  background: var(--gk-500) !important;
  border-color: var(--gk-500) !important;
  color: var(--gk-900) !important;
  transform: translateY(-3px) !important;
}

/* Footer CTA button */
.gk-footer-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: transparent !important;
  color: #edf2f4 !important;
  border: 1.5px solid rgba(141,153,174,0.25) !important;
  padding: 9px 18px !important;
  border-radius: var(--r-md) !important;
  font-family: var(--f-body) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all var(--t-fast) !important;
}
.gk-footer-cta:hover {
  background: rgba(141,153,174,0.1) !important;
  border-color: rgba(141,153,174,0.4) !important;
  color: #edf2f4 !important;
}

/* Back to top SVG */
.rn-progress-parent path { stroke: var(--gk-500) !important; }

/* ══════════════════════════════════════════════
   10. TABLES
══════════════════════════════════════════════ */
.table { border-collapse: collapse !important; width: 100% !important; }
.table td, .table th {
  padding: 10px 12px !important;
  font-family: var(--f-body) !important;
  font-size: 13.5px !important;
  color: var(--tx-2) !important;
  border-bottom: 1px solid var(--border) !important;
}
.table th {
  font-weight: 700 !important;
  color: var(--tx-1) !important;
  background: var(--bg-soft) !important;
}
.table-bordered td, .table-bordered th {
  border: 1px solid var(--border) !important;
}
.table tr:hover td { background: rgba(141,153,174,0.04) !important; }

/* ══════════════════════════════════════════════
   11. DARK MODE CONTENT OVERRIDES
══════════════════════════════════════════════ */
[data-theme="dark"] body,
[data-theme="dark"] .edu-section-gap,
[data-theme="dark"] .course-details-area,
[data-theme="dark"] .edu-team-area,
[data-theme="dark"] .edu-gallery-area,
[data-theme="dark"] .contact-us-area,
[data-theme="dark"] .edu-team-details-area {
  background: var(--bg) !important;
}
[data-theme="dark"] .course-details-content,
[data-theme="dark"] .contact-form.form-style-2,
[data-theme="dark"] .edu-team-grid {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
}
[data-theme="dark"] .contact-form .form-group input,
[data-theme="dark"] .contact-form .form-group textarea {
  background: var(--bg) !important;
  color: var(--tx-1) !important;
  border-color: var(--border-2) !important;
}
[data-theme="dark"] p { color: var(--tx-2) !important; }
[data-theme="dark"] strong { color: var(--tx-1) !important; }
[data-theme="dark"] .table td { color: var(--tx-2) !important; border-color: var(--border) !important; }
[data-theme="dark"] .table th { background: var(--bg-soft) !important; color: var(--tx-1) !important; border-color: var(--border) !important; }
[data-theme="dark"] .isotope-item { box-shadow: var(--sh-md) !important; }

/* ======================================================
   🔥 FINAL FONT + FOOTER FIX (SAFE OVERRIDE)
   Paste at END of goenka.css
====================================================== */

/* ===== IMPROVE TEXT VISIBILITY ===== */
p {
  color: #3a3f5c !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
}

/* ===== FOOTER BACKGROUND ===== */
.edu-footer {
  background: linear-gradient(180deg, #1e2030 0%, #181a2a 100%) !important;
}

/* ===== FOOTER HEADINGS ===== */
.edu-footer .widget-title {
  color: #ffffff !important;
}

/* ===== FOOTER DESCRIPTION ===== */
.edu-footer .description {
  color: rgba(237,242,244,0.75) !important;
}

/* ===== FOOTER LINKS ===== */
.edu-footer .footer-link li a {
  color: rgba(237,242,244,0.85) !important;
  font-weight: 500 !important;
}

/* ===== FOOTER HOVER EFFECT ===== */
.edu-footer .footer-link li a:hover {
  color: var(--gk-gold) !important;
  padding-left: 8px !important;
}

/* ===== COPYRIGHT TEXT ===== */
.edu-footer .copyright-area .copy {
  color: rgba(237,242,244,0.6) !important;
}

/* ===== SOCIAL ICONS ===== */
.gk-social-link {
  color: rgba(237,242,244,0.8) !important;
}

.gk-social-link:hover {
  background: var(--gk-gold) !important;
  color: #1e2030 !important;
}

/* =========================================================
   FACULTY PAGE — FINAL PREMIUM FIX (SAFE OVERRIDE)
   ========================================================= */

/* ===== TITLE FIX ===== */
.faculty-title {
  font-family: var(--f-display) !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  text-align: center;
  margin-bottom: 40px !important;
  color: var(--tx-1) !important;
  letter-spacing: -0.02em;
}

.faculty-title span {
  color: var(--gk-gold) !important;
  position: relative;
}

/* underline effect */
.faculty-title span::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 3px;
  background: var(--gk-gold);
  border-radius: 2px;
}


/* ===== CARD UPGRADE ===== */
.faculty-card {
  position: relative !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: var(--bg-card) !important;
  transition: all 0.4s ease !important;
  box-shadow: var(--sh-md) !important;
}

/* Hover effect */
.faculty-card:hover {
  transform: translateY(-12px) scale(1.02) !important;
  box-shadow: var(--sh-xl) !important;
}

/* Image */
.faculty-card .thumbnail img {
  height: 240px !important;
  width: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s ease !important;
}

.faculty-card:hover .thumbnail img {
  transform: scale(1.1) !important;
}


/* ===== REMOVE TABLE UGLINESS ===== */
.faculty-card table {
  border: none !important;
  width: 100% !important;
}

.faculty-card tr {
  border-bottom: none !important;
}

.faculty-card td {
  border: none !important;
  padding: 6px 8px !important;
  font-size: 13px !important;
  color: var(--tx-2) !important;
}

/* Highlight first row (name) */
.faculty-card tr:first-child td {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--tx-1) !important;
  text-align: center;
  padding-bottom: 10px !important;
}


/* ===== BUTTON FIX ===== */
.faculty-card a {
  display: inline-block !important;
  margin-top: 12px !important;
  padding: 8px 18px !important;
  background: var(--gk-900) !important;
  color: #edf2f4 !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.faculty-card a:hover {
  background: var(--gk-gold) !important;
  color: #000 !important;
}


/* ===== ENTRY ANIMATION ===== */
.faculty-card {
  opacity: 0;
  transform: translateY(30px);
  animation: facultyFadeUp 0.6s ease forwards;
}

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


/* ===== EXTRA SPACING FIX ===== */
.edu-team-area .row {
  row-gap: 30px !important;
}

/* =========================================================
   FINAL OVERRIDE — FIXES app.css CONFLICT
   ========================================================= */

/* FIX GLOBAL TEXT ISSUE */
.faculty-card p,
.faculty-card td {
  color: #2b2d42 !important;
}

/* FIX TITLE */
h2.title.faculty-title {
  font-size: 36px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #2b2d42 !important;
}

h2.title.faculty-title span {
  color: #c8a050 !important;
  border-bottom: 3px solid #c8a050;
  padding-bottom: 4px;
}

/* REMOVE OLD BACKGROUND EFFECT */
.edu-team-grid.team-style-2:after {
  display: none !important;
}

/* CARD FIX */
.edu-team-grid.team-style-2.faculty-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: all 0.4s ease !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
}

/* HOVER */
.edu-team-grid.team-style-2.faculty-card:hover {
  transform: translateY(-10px) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
}

/* IMAGE */
.faculty-card .thumbnail img {
  height: 230px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

/* CLEAN TABLE */
.faculty-card table,
.faculty-card tr,
.faculty-card td {
  border: none !important;
}

.faculty-card td {
  font-size: 13px !important;
  padding: 6px 8px !important;
}

/* BUTTON */
.faculty-card a {
  display: inline-block !important;
  padding: 8px 16px !important;
  background: #2b2d42 !important;
  color: #fff !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.faculty-card a:hover {
  background: #c8a050 !important;
  color: #000 !important;
}

/* =========================================================
   FINAL OVERRIDE — FIXES app.css CONFLICT
   ========================================================= */

/* FIX GLOBAL TEXT ISSUE */
.faculty-card p,
.faculty-card td {
  color: #2b2d42 !important;
}

/* FIX TITLE */
h2.title.faculty-title {
  font-size: 36px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #2b2d42 !important;
}

h2.title.faculty-title span {
  color: #c8a050 !important;
  border-bottom: 3px solid #c8a050;
  padding-bottom: 4px;
}

/* REMOVE OLD BACKGROUND EFFECT */
.edu-team-grid.team-style-2:after {
  display: none !important;
}

/* CARD FIX */
.edu-team-grid.team-style-2.faculty-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: all 0.4s ease !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
}

/* HOVER */
.edu-team-grid.team-style-2.faculty-card:hover {
  transform: translateY(-10px) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
}

/* IMAGE */
.faculty-card .thumbnail img {
  height: 230px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

/* CLEAN TABLE */
.faculty-card table,
.faculty-card tr,
.faculty-card td {
  border: none !important;
}

.faculty-card td {
  font-size: 13px !important;
  padding: 6px 8px !important;
}

/* BUTTON */
.faculty-card a {
  display: inline-block !important;
  padding: 8px 16px !important;
  background: #2b2d42 !important;
  color: #fff !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.faculty-card a:hover {
  background: #c8a050 !important;
  color: #000 !important;
}

/* =========================================================
   CONTACT PAGE FIX (FORCED OVERRIDE)
   ========================================================= */

/* REMOVE OLD DOTTED BORDER */
.addres-list-01 li {
  border: none !important;
  background: #ffffff !important;
  padding: 20px !important;
  border-radius: 14px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
  transition: all 0.3s ease !important;
}

/* HOVER EFFECT */
.addres-list-01 li:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
}

/* TITLE */
.addres-list-01 .title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #c8a050 !important;
  margin-bottom: 8px !important;
}

/* TEXT FIX (VERY IMPORTANT) */
.addres-list-01 p,
.addres-list-01 a {
  font-size: 15px !important;
  color: #2b2d42 !important;
  line-height: 1.6 !important;
}

/* REMOVE WHITE TEXT ISSUE */
.addres-list-01 p {
  color: #2b2d42 !important;
}

/* CONTACT CONTAINER */
.contact-us-info {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* HEADING FIX */
.heading-title {
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2b2d42 !important;
  margin-bottom: 30px !important;
}

/* =========================================================
   FOOTER — WORLD CLASS PREMIUM DESIGN
   ========================================================= */

/* FOOTER BACKGROUND */
.edu-footer.footer-style-3 {
  background: linear-gradient(180deg, #2b2d42 0%, #1f2133 100%) !important;
  color: #edf2f4 !important;
  position: relative;
}

/* TOP SECTION */
.footer-top {
  padding: 70px 0 40px !important;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* LOGO */
.edu-footer .logo img {
  max-width: 160px;
  margin-bottom: 15px;
}

/* DESCRIPTION */
.edu-footer .description {
  font-size: 14px;
  line-height: 1.7;
  color: #cfd6e4 !important;
}

/* WIDGET TITLES */
.edu-footer .widget-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 18px !important;
  color: #ffffff !important;
  position: relative;
}

/* GOLD UNDERLINE */
.edu-footer .widget-title::after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background: #c8a050;
  margin-top: 6px;
  border-radius: 2px;
}

/* LINKS */
.footer-link li {
  margin-bottom: 10px;
}

.footer-link a {
  font-size: 14px !important;
  color: #cfd6e4 !important;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

/* LINK HOVER */
.footer-link a:hover {
  color: #c8a050 !important;
  transform: translateX(4px);
}

/* CONTACT STRONG TEXT */
.footer-link strong {
  color: #ffffff;
}

/* CONTACT ITEMS SPACING */
.footer-link li {
  line-height: 1.6;
}

/* COPYRIGHT AREA */
.copyright-area {
  padding: 18px 0;
  background: #1a1c2b !important;
}

/* COPYRIGHT TEXT */
.copy {
  font-size: 13px !important;
  color: #aab2c5 !important;
}

/* COPYRIGHT LINK */
.copy a {
  color: #c8a050 !important;
  font-weight: 600;
}

.copy a:hover {
  text-decoration: underline;
}

/* HOVER ANIMATION FOR WIDGET */
.edu-footer-widget {
  transition: 0.3s ease;
}

.edu-footer-widget:hover {
  transform: translateY(-5px);
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .footer-top {
    padding: 50px 0 30px !important;
  }

  .edu-footer .widget-title {
    font-size: 15px !important;
  }
}

/* =========================================================
   FORM SUBMIT BUTTON — PREMIUM FIX
   ========================================================= */

/* TARGET YOUR BUTTON */
.contact-form .submit-btn {
  width: 100%;
  border-radius: 999px !important;
  padding: 14px 20px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  text-align: center;

  /* CLEAN PREMIUM LOOK */
  background: linear-gradient(135deg, #2b2d42, #3d3f5a) !important;
  color: #edf2f4 !important;

  /* DEPTH */
  box-shadow: 0 8px 20px rgba(43,45,66,0.25);
  transition: all 0.3s ease !important;
}

/* HOVER */
.contact-form .submit-btn:hover {
  background: linear-gradient(135deg, #c8a050, #e0b96b) !important;
  color: #000 !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(200,160,80,0.4);
}

/* CLICK */
.contact-form .submit-btn:active {
  transform: scale(0.97);
}

/* TEXT IMPROVEMENT */
.contact-form .submit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

/* ADD ARROW */
.contact-form .submit-btn::after {
  content: "→";
  font-size: 16px;
  transition: 0.3s;
}

/* ARROW ANIMATION */
.contact-form .submit-btn:hover::after {
  transform: translateX(4px);
}

/* DARK MODE */
[data-theme="dark"] .contact-form .submit-btn {
  background: linear-gradient(135deg, #1f2133, #2b2d42) !important;
  color: #edf2f4 !important;
}

/* FIX FONT AWESOME NOT SHOWING */
i[class*="fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
  font-weight: 900;
  font-style: normal;
}





/* ══════════════════════════════════════════════
   12. RESPONSIVE
══════════════════════════════════════════════ */
@media (max-width: 1400px) {
  .mainmenu-nav .mainmenu > li > a { font-size: 12.5px !important; padding: 7px 9px !important; }
}
@media (max-width: 1200px) {
  .header-navbar { padding: 0 20px !important; }
  .gk-accred-item { padding: 4px 16px; }
}
@media (max-width: 1024px) {
  .header-mainnav { display: none !important; }
  .mobile-menu-bar { display: flex !important; align-items: center !important; }
  .gk-accred-bar { display: none; } /* hide on tablet */
}
@media (max-width: 768px) {
  .gk-topbar-inner { padding: 6px 16px !important; }
  .gk-topbar-left  { display: none; }
  .header-navbar   { padding: 0 16px !important; }
}
@media (max-width: 480px) {
  .gk-apply-btn    { display: none !important; }
  .gk-topbar-right { display: none; }
}

/* ================================================================
   TITLE SIZE IMPROVEMENTS
   Fixes: sidebar titles, widget titles, nav head titles
================================================================ */

/* Our Departments sidebar title */
h4.widget-title.list-title,
.widget-title.list-title {
  font-family: var(--f-display) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: var(--tx-1) !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 2px solid var(--border) !important;
}

/* Course sidebar widget title (Our Departments box header) */
.edu-course-widget .widget-title,
.course-sidebar-3 .widget-title {
  font-family: var(--f-display) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: var(--tx-1) !important;
}

/* Inner page h2 class="title title-science" 
   (Accountancy Department, Campus Facilities, Sports&fitness etc.) */
h2.title.title-science,
.entry-content h2.title,
.course-details-content h2.title {
  font-family: var(--f-display) !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: var(--tx-1) !important;
  margin-bottom: 1.25rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 2px solid var(--border) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}