<style>
  /* Final tuned logo styling */
  .logo-img {
    height: 110px !important;     /* 👈 Perfect visible height */
    width: auto !important;
    object-fit: contain;
    display: block;
    max-height: none !important;
    max-width: none !important;
    margin-top: -16px;            /* 👈 Centers it visually with navbar links */
  }

  /* Tablet View */
  @media (max-width: 991.98px) {
    .logo-img {
      height: 90px !important;
      margin-top: -20px;
    }
  }

  /* Mobile View */
  @media (max-width: 767.98px) {
    .logo-img {
      height: 90px !important;
      margin-top: -15px;
    }
  }
    :root {
      --brand:#6B1C66;
      --brand2:#111827;
      --soft:#f3f4f6;
    }
    body{font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#111827;}
    .pill{background:#e5edff; color:#6B1C66; padding:.25rem .6rem;border-radius:999px;font-weight:600;font-size:.8rem;}
    .searchbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 30px rgba(16,24,40,.08);}
    .searchbar input{border:none; outline:none;}
    .section-title h2{font-weight:800;letter-spacing:-.3px;}
    .card-lite{border:1px solid #eef2f7;border-radius:18px;padding:16px;transition:all .2s; background:#fff;}
    .card-lite:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(17,24,39,.08);}
    .price-badge{font-size:.75rem;font-weight:700;border-radius:999px;padding:.2rem .5rem;}
    .price-free{background:#e8fff3;color:#10b981;}
    .price-prem{background:#fff3e8;color:#f59e0b;}
    .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;}
    .line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;}
    .swiper{padding-bottom:36px;}
    .swiper-slide{height:auto;}
    .footer-modern{background:#0b1220;color:#cbd5e1;}
    .footer-modern a{color:#e5e7eb;text-decoration:none;}
    .footer-modern a:hover{color:#fff;}
	
	  /* Job filter chips */
    .job-filters ul{margin:0;padding:0;list-style:none;}
    .chip{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:.35rem .9rem;font-weight:600;font-size:.9rem;}
    .chip:hover{border-color:#cfd5df}
    .chip.active{box-shadow:0 0 0 2px rgba(37,99,235,.25); border-color:#6B1C66; color:#6B1C66; background:#f5f8ff;}

    /* Employer CTA (soft band + highlighted text) */
    .emp-band{
      background: linear-gradient(135deg,#f9fafb 0%, #f7f0f7 50%, #f7f4ff 100%);
      border: 1px solid #e9eaf0;
      color:#0f172a;
      border-radius:16px;
    }
    .text-gradient{
      background: linear-gradient(90deg,#6B1C66,#6B1C66);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    .emp-band .emp-card{
      background:#fff;
      color:#111827;
      border:1px solid #eef2f7;
      border-radius:12px;
      padding:12px 16px;
      box-shadow:0 6px 20px rgba(17,24,39,.06);
      transition: transform .15s ease, box-shadow .15s ease;
    }
    .emp-band .emp-card:hover{ transform: translateY(-2px); box-shadow:0 10px 28px rgba(17,24,39,.08); }
    .emp-card .icon{font-size:22px;margin-right:8px;}
    .emp-card .title{ font-weight:800; position:relative; }
    .emp-card .title::after{
      content:"";
      position:absolute; left:0; right:0; bottom:0.1em;
      height:.45em; background:linear-gradient(90deg, rgba(37,99,235,.25), rgba(99,102,241,.25));
      border-radius:.35em; z-index:-1;
    }

	  /* ==== Blog / Insights ==== */
    .insights-wrap .section-title{ text-align:center; }
    .insights-head{font-weight:800; letter-spacing:-.3px; font-size:clamp(28px,3vw,44px);}
    .insights-pills .pill{border:1px solid #eee; background:#fff; border-radius:999px; padding:.45rem .9rem; font-weight:600;}
    .insights-pills .pill.active{background:#ffe9f2; color:#e21e62; border-color:#ffd1e0;}
    .insights-feature{ background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 8px 30px rgba(16,24,40,.06); }
    .insights-feature img{width:100%; height:300px; object-fit:cover;}
    .insights-feature .body{padding:18px 18px 20px;}
    .insights-aside .item{ display:flex; gap:12px; align-items:stretch; border-radius:14px; padding:10px; transition:.15s; }
    .insights-aside .item:hover{background:#fafafa;}
    .insights-aside .thumb{ width:110px; height:78px; border-radius:12px; overflow:hidden; flex:0 0 110px; }
    .insights-aside .thumb img{width:100%; height:100%; object-fit:cover;}
    .insights-meta{font-size:.85rem; color:#6b7280;}
    .insights-meta i{margin-right:6px;}
    @media (max-width: 767.98px){ .insights-feature img{height:220px;} }

    .card-lite{ border:1px solid #eef2f7; border-radius:18px; padding:16px; transition:all .2s; background:#fff; position:relative; }
    .card-lite .btn { position: relative; z-index: 2; }

    /* ==== Brand color override: 6B1C66 on all buttons ==== */
    :root { --brand:#6B1C66; }
    .btn-brand,
    .btn-primary,
    .btn-light,
    .btn-dark,
    .btn-getstarted,
    a.btn-getstarted,
    .btn-get-started,
    .cta-btn {
      background:#6B1C66 !important;
      border-color:#6B1C66 !important;
      color:#fff !important;
    }
    .btn-brand:hover,
    .btn-primary:hover,
    .btn-light:hover,
    .btn-dark:hover,
    .btn-getstarted:hover,
    .btn-get-started:hover,
    .cta-btn:hover {
      filter:brightness(.95);
      color:#fff !important;
    }
    .btn-outline-primary,
    .btn-outline-dark,
    .btn-outline-light {
      color:#6B1C66 !important;
      border-color:#6B1C66 !important;
    }
    .btn-outline-primary:hover,
    .btn-outline-dark:hover,
    .btn-outline-light:hover {
      background:#6B1C66 !important;
      border-color:#6B1C66 !important;
      color:#fff !important;
    }
    .btn-link { color:#6B1C66 !important; }

    /* Reusable circular nav buttons */
    .swiper-nav-btn{
      position:absolute; top:50%; transform:translateY(-50%);
      width:38px; height:38px; border-radius:999px;
      background:#fff; border:1px solid #6B1C66;
      box-shadow:0 6px 16px rgba(0,0,0,.08);
      display:flex; align-items:center; justify-content:center;
      color:#6B1C66; z-index:10; cursor:pointer; transition:.15s;
    }
    .swiper-nav-btn:hover{ transform:translateY(-50%) scale(1.05); }
    .swiper-nav-btn i{ font-size:18px; line-height:1; }
    .swiper-nav-btn.swiper-button-disabled{ opacity:.4; cursor:default; }
    .jobs-prev, .courses-prev, .internships-prev { left: -12px; }
    .jobs-next, .courses-next, .internships-next { right: -12px; }
    @media (max-width: 575.98px){ .swiper-nav-btn{ display:none; } }

    :root{
      --brand:#6B1C66;
      --soft:#f3f4f6;
      --headline-size: clamp(36px, 4.2vw, 56px);
      --sublead-size: 1.125rem;
      --text:#111827;
      --muted:#6b7280;
    }
    html{ font-size:16px; }
    body{ font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--text); }
    .hero{ background:linear-gradient(180deg,#f7f0f7 0%, #fff 30%); }
    .h-display{ font-weight:800; font-size:var(--headline-size); line-height:1.1; letter-spacing:-0.02em; margin:0 0 .25rem 0; color:#374151; }
    .sublead{ font-size:var(--sublead-size); color:var(--muted); margin:0 0 1rem 0; }
    .searchbar input{ font-size:15px; }
    .btn-brand{ background:var(--brand) !important; border-color:var(--brand) !important; color:#fff !important; padding:.65rem 1rem; font-weight:600; }
    .btn-brand:hover{ filter:brightness(.95); color:#fff !important; }
    .btn-outline-dark{ color:var(--text) !important; border-color:#d1d5db !important; }

    /* Tighten all sections on this page */
    body.index-page .section{ padding-top:34px!important; padding-bottom:34px!important; }
    body.index-page #hero.hero.section{ padding-top:28px!important; padding-bottom:12px!important; }
    body.index-page #discover.section{ padding-top:14px!important; padding-bottom:24px!important; }
    body.index-page .section-title{ margin-bottom:14px!important; }
    body.index-page .section-title p{ margin-bottom:0!important; }
    body.index-page .footer-modern{ padding-top:24px!important; padding-bottom:24px!important; }
    @media (max-width: 767.98px){
      body.index-page .section{ padding-top:22px!important; padding-bottom:22px!important; }
      body.index-page #hero.hero.section{ padding-top:20px!important; padding-bottom:8px!important; }
      body.index-page #discover.section{ padding-top:12px!important; padding-bottom:18px!important; }
    }

    .hero-darktext, .hero-darktext h2, .hero-darktext p{ color:#0b1220 !important; }

  .contact-info .contact-icon{
    background:#e9f7ef;           /* soft green circle */
    color:#28a745;                /* icon green */
    width:48px; height:48px;
    display:inline-flex;
    align-items:center; justify-content:center;
    font-size:22px;
    flex:0 0 48px;
  }
  .contact-info h6{
    color:#2c3e50; font-weight:600;
  }
  .contact-info .link-unstyled{
    color:inherit; text-decoration:none;
  }
  .contact-info .link-unstyled:hover{
    text-decoration:underline;
  }
  .contact-info .map-wrap{
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,.06);
    background:#f3f4f6;
  }
  .contact-info .map-wrap iframe{
    width:100%;
    height:380px;  /* adjust map height if needed */
    border:0;
    display:block;
  }


  /* soft gradient band at the TOP of a section */
.section--band-top{
  position: relative;
}
.section--band-top::before{
  content:"";
  position:absolute; left:0; right:0; top:0;
  height:44px;                  /* band height */
background: linear-gradient(180deg, rgba(145,111,189,0.18), rgba(255,255,255,0));
  pointer-events:none;
}
@media (max-width: 767.98px){
  .section--band-top::before{ height:32px; }
}
/* Footer buttons: white outline + white text */
.footer-modern .btn-outline-light{
  color:#fff !important;
  border-color: rgba(255,255,255,.7) !important;
}
.footer-modern .btn-outline-light:hover{
  background:#fff !important;
  color:#0b1220 !important;     /* footer bg color */
  border-color:#fff !important;
}
/* optional: focus ring */
.footer-modern .btn-outline-light:focus{
  box-shadow:0 0 0 .2rem rgba(255,255,255,.25) !important;
}
/* === Light footer like the image, everything in black === */
.footer-modern{
  background:#eef2ff !important;   /* light lavender/blue */
  color:#000 !important;            /* all text black */
}

/* text, links, headings */
.footer-modern h1,
.footer-modern h2,
.footer-modern h3,
.footer-modern h4,
.footer-modern h5,
.footer-modern h6,
.footer-modern p,
.footer-modern small,
.footer-modern li,
.footer-modern a{
  color:#000 !important;
  text-decoration:none;
}
.footer-modern a:hover{ text-decoration:underline; }

/* horizontal rule + general borders */
.footer-modern hr{
  border-color:#000 !important;
  opacity:1;
}

/* buttons inside footer – black outline version */
.footer-modern .btn,
.footer-modern .btn-outline-light{
  --btn-b:#000;
  color:#000 !important;
  border:1px solid var(--btn-b) !important;
  background:transparent !important;
}
.footer-modern .btn:hover,
.footer-modern .btn-outline-light:hover{
  background:#000 !important;
  color:#fff !important;
}

/* social badges: black border + black icon; invert on hover */
.footer-modern .footer-social a.social-badge{
  --size:32px;
  width:var(--size); height:var(--size);
  display:inline-flex; align-items:center; justify-content:center;
  color:#000 !important;                     /* icon black */
  background:transparent !important;
  border:1px solid #000 !important;          /* border black */
  border-radius:50%;
  box-shadow:none !important;
  transition:background .2s, color .2s, transform .2s;
}
.footer-modern .footer-social a.social-badge:hover{
  background:#000 !important;
  color:#fff !important;                     /* icon turns white */
  transform:translateY(-1px);
}

/* Compact social badges + brand colors */
.footer-modern .footer-social a.social-badge{
  --size: 32px;
  width:var(--size); height:var(--size);
  display:inline-flex; align-items:center; justify-content:center;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%;
  color:#fff !important;
  border:none !important;
  box-shadow:none !important;
}

/* X (Twitter) – black circle, white glyph */
.footer-modern .footer-social a.social-badge.x{
  background:#000 !important;
}

/* Instagram – classic gradient */
.footer-modern .footer-social a.social-badge.ig{
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%,
               #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
}

/* LinkedIn – brand blue */
.footer-modern .footer-social a.social-badge.li{
  background:#0A66C2 !important;
}

/* Hover: small lift */
.footer-modern .footer-social a.social-badge:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
}
.footer-social .social-badge{
  width: 36px; height: 36px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  text-decoration: none;
}

/* Existing badges */
.footer-social .social-badge.x  { background:#000; color:#fff; }
.footer-social .social-badge.ig { 
  background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  color:#fff;
}
.footer-social .social-badge.li { background:#0A66C2; color:#fff; }

/* Facebook uses its own SVG; no background needed */
.footer-social .social-badge.fb { background: transparent; padding: 0; }
.footer-social .social-badge.fb .ico-fb{
  width: 36px; height: 36px; display:block; border-radius: 50%;
}

.footer-social .social-badge:hover { filter: brightness(1.05); transform: translateY(-1px); }
@media (prefers-reduced-motion: reduce){
  .footer-social .social-badge:hover { transform:none; }
}


/* Smaller footer typography */
.footer-modern{ font-size:.875rem; }          /* ~14px base */
.footer-modern h4{ font-size:1.1rem; margin-bottom:.25rem; }
.footer-modern h6{ font-size:.95rem; }

.footer-modern p,
.footer-modern li,
.footer-modern a,
.footer-modern small{ font-size:.875rem; line-height:1.4; }

/* Tighter list spacing */
.footer-modern ul li{ margin-bottom:.25rem; }

/* Smaller footer buttons */
.footer-modern .btn,
.footer-modern .btn-outline-light{
  padding:.25rem .5rem;
  font-size:.8rem;
  line-height:1.2;
  border-radius:.5rem;
}

/* Smaller social icons (keeps your brand colors) */
.footer-modern .footer-social a.social-badge{
  --size:28px;           /* was 32px */
  font-size:16px;        /* icon glyph size */
}

/* (optional) even tighter footer padding */
.footer-modern{ padding-top:10px!important; padding-bottom:10px!important; }
.footer-modern .container > hr{ margin:10px 0!important; }

 /* Footer pills: hover to brand #6B1C66 */
.footer-modern .btn,
.footer-modern .btn-outline-light{
  transition: color .2s, border-color .2s, background-color .2s;
}

.footer-modern .btn-outline-light:hover,
.footer-modern .btn-outline-light:focus,
.footer-modern .btn:hover,
.footer-modern .btn:focus{
  color:#6B1C66 !important;
  border-color:#6B1C66 !important;
  background:transparent !important; /* keep outline look */
  box-shadow:0 0 0 .2rem rgba(107,28,102,.12) !important; /* subtle focus ring */
}
 
  /* ===== Kill the template's purple CTA background ===== */
  /* 1) Base element */
  #call-to-action,
  section#call-to-action.call-to-action.section {
    background: #F3F4F6 !important;     /* your light color */
    background-image: none !important;   /* remove gradients/images */
  }

  /* 2) Some templates paint with ::before / ::after overlays */
  #call-to-action::before,
  #call-to-action::after,
  section#call-to-action.call-to-action.section::before,
  section#call-to-action.call-to-action.section::after {
    content: none !important;
    background: none !important;
  }

  /* 3) Ensure text remains readable + keep your brand button */
  #call-to-action h3,
  #call-to-action p { color: #0b1220 !important; }
  #call-to-action .cta-btn {
    background: #6B1C66 !important;  /* your brand color */
    border-color: #6B1C66 !important;
    color: #fff !important;
  }
/* Tighter footer like image2 */
.footer-modern{ padding-top:12px!important; padding-bottom:12px!important; }
.footer-modern .container > hr{ margin-top:12px!important; margin-bottom:12px!important; }

/* Make the card the positioning context and clip any overflow */
.card-lite {
  position: relative;
  overflow: hidden;           /* keeps ribbon neatly inside rounded card */
  border-radius: 16px;        /* keep your existing radius */
}

/* Top-right diagonal ribbon (inside the card) */
.card-lite .corner-ribbon {
  position: absolute;
  top: 10px;
  right: -46px;               /* push so the strip crosses the corner */
  width: 140px;
  padding: 6px 0;
  transform: rotate(45deg);   /* diagonal */
  text-align: center;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: .6px;
  z-index: 5;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

/* colors */
.card-lite .corner-ribbon.free  { background:#2e7d32; color:#fff; }  /* green */
.card-lite .corner-ribbon.prem  { background:#f4c21f; color:#111; }  /* yellow */

/* small folds like your reference */
.card-lite .corner-ribbon::before,
.card-lite .corner-ribbon::after{
  content:"";
  position:absolute; top:100%;
  border-top:6px solid rgba(0,0,0,.15);
  border-left:6px solid transparent;
  border-right:6px solid transparent;
}
.card-lite .corner-ribbon::before{ left:12px; }
.card-lite .corner-ribbon::after { right:12px; }

/* (optional) shrink a bit on narrow screens */
@media (max-width: 576px){
  .card-lite .corner-ribbon{
    right: -42px;
    width: 140px;
    font-size: 10px;
    padding: 5px 0;
  }
}

/* Base: keep everything neutral */
#navmenu a { color: #333; text-decoration: none; transition: none; }

/* Disable hover highlight entirely */
#navmenu a:hover { color: inherit !important; }

/* Clicked/Active state only */
#navmenu a.active {
  color: #6B1C66 !important;               /* your brand purple */
  font-weight: 600;
  border-bottom: 2px solid #6B1C66;
}

  #testimonials .card-lite { background:#fff; border:1px solid #e5e7eb; border-radius:12px; }
  #testimonials .light-background { background:#F3F4F6; border-radius:14px; padding:1.25rem; }

/* Limit job title to ~15 characters per line and wrap long words */
.jobs-swiper .job-title{
  display: block;          /* ensure it behaves like a block for width */
  max-width: 10ch;         /* ~15 characters per line */
  overflow-wrap: anywhere; /* wrap even on long unbroken strings */
  word-break: break-word;  /* safety for older engines */
  line-height: 1.3;        /* optional: tighter line height */
}

/* Limit course title to ~15 characters per line and wrap long words */
.courses-swiper .course-title{
  display: block;
  max-width: 10ch;
  overflow-wrap: anywhere;
  word-break: break-word; /* fallback/safety */
  line-height: 1.3;
}

/* Limit internship title to ~15 characters per line and wrap long words */
.internships-swiper .internship-title{
  display: block;
  max-width: 10ch;
  overflow-wrap: anywhere;
  word-break: break-word; /* fallback */
  line-height: 1.3;
}
/* Category badge: wrap after ~25 characters but stay inside the same badge */
.jobs-swiper .cat-badge{
  display: inline-block;        /* ensure max-width applies */
  max-width: 25ch;              /* ~25 characters per line */
  white-space: normal !important;/* override Bootstrap's nowrap */
  overflow-wrap: anywhere;      /* break long words/slugs */
  word-break: break-word;       /* fallback */
  line-height: 1.2;
  vertical-align: top;
  /* keep your existing colors via inline style or here */
  /* background:#f3eaf3; color:#6B1C66; */
  border-radius: 9999px;        /* preserve pill look on multiple lines */
  padding: .25rem .6rem;        /* ensure background hugs wrapped lines */
}

/* ===== Footer Links Underline (center-out animation) ===== */
.footer-links a {
  position: relative;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.footer-links a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px; /* distance from text */
  width: 0;
  height: 1px;
  background-color: #000;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.footer-links a:hover::after {
  width: 100%; /* expands underline from center */
}

.footer-links a:hover {
  color: #000;
}
/* Fix footer layout on small screens */
@media (max-width: 768px) {
  .footer-links {
    justify-content: center;
    text-align: center;
    margin-bottom: 15px; /* adds space between links and icons */
  }

  .footer-social {
    justify-content: center;
    margin-top: 10px;
    gap: 12px; /* equal spacing between icons */
  }
}



 </style>