/* Eduvancer — brand layer on top of Mono theme.css (keep template look; only brand tweaks here) */
:root {
  --edu-ink: #121518;
  --edu-teal: #007990;
  --edu-teal-2: #12A3A0;
  --edu-mint: #6CE5C0;
  --edu-mint-soft: #DDF7EF;
  --edu-amber: #FFB547;
}

/* Logo */
.header .header-logo img { height: 40px; max-height: 40px; }
@media (max-width: 991.98px) { .header .header-logo img { height: 34px; max-height: 34px; } }
.footer-logo img { height: 40px; width: auto; }

/* Header extra: email icon + CTA button */
.header .header-menu-extra .button { margin: 0; }
.header .header-menu-extra .list-inline-sm { align-items: center; }

/* Brand utilities */
.text-edu-teal { color: var(--edu-teal) !important; }
.text-edu-mint { color: var(--edu-mint) !important; }
.bg-edu-soft { background: rgba(108, 229, 192, 0.25); }
.bg-edu-teal-soft { background: rgba(0, 121, 144, 0.12); }
.border-edu { border-color: rgba(108, 229, 192, 0.6) !important; }

/* SVG illustrations fill their slot like the template's photos did */
img[src$=".svg"] { max-width: 100%; height: auto; }
.owl-carousel .owl-item img[src$=".svg"] { width: 100%; }

/* Audience / expertise tiles (replace client logos) with captions */
.clients-grid.edu-tiles li { padding: 24px 18px; }
.clients-grid.edu-tiles li a img,
.client-box.edu-tile img { opacity: 0.85; }
.clients-grid.edu-tiles li a:hover img,
.client-box.edu-tile a:hover img { opacity: 1; }
.edu-tile-caption {
  display: block;
  margin-top: 10px;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.35;
  color: #121518;
}
@media (max-width: 767.98px) { .clients-grid.edu-tiles li { width: 50%; } }

/* Service tags (keep alignment in alternating rows) */
.edu-tags { margin: 14px 0 0; padding: 0; list-style: none; }
.edu-tags li {
  display: inline-block;
  margin: 0 4px 8px 0;
  padding: 5px 12px;
  border-radius: 30px;
  background: #F5F8F9;
  border: 1px solid rgba(18, 21, 24, 0.08);
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 500;
  color: #121518;
}
.text-md-end .edu-tags li { margin: 0 0 8px 4px; }

/* Check list (replaces progress bars on home) */
.edu-checklist { list-style: none; margin: 0; padding: 0; }
.edu-checklist li { position: relative; padding-left: 30px; margin-bottom: 12px; }
.edu-checklist li i { position: absolute; left: 0; top: 1px; color: var(--edu-teal); font-size: 1.1rem; }
.edu-checklist li a { color: #121518; font-family: "Poppins", sans-serif; font-weight: 500; }
.edu-checklist li a:hover { color: var(--edu-teal); }

/* Service-card "learn more" link inside services-6 cards */
.edu-card-link { font-family: "Poppins", sans-serif; font-size: 0.85rem; font-weight: 500; color: var(--edu-teal); }
.edu-card-link:hover { color: #121518; }

/* Legal pages */
.edu-legal h4 { margin-top: 2rem; }
.edu-legal ul { padding-left: 1.2rem; }
.edu-legal ul li { margin-bottom: 6px; }

/* Statement slider (no avatars) */
.edu-statement-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 56px; height: 56px; border-radius: 50%;
  background: rgba(108, 229, 192, 0.25); color: var(--edu-teal); font-size: 1.4rem;
}

/* Brand version of Mono's pastel bg-gradient-2 (services hero) */
.bg-edu-gradient { background-image: linear-gradient(45deg, #BDEFE0 0%, #CFE8FB 100%); }


/* Header extra: keep the envelope icon on the button's centre line */
.header .header-menu-extra .list-inline-sm { display: inline-flex; gap: 14px; }
.header .header-menu-extra .list-inline-sm li { display: inline-flex; align-items: center; margin: 0; }
.header .header-menu-extra .bi-envelope { font-size: 1.15rem; line-height: 1; }

/* Home hero: on wide screens the illustration fills the whole height of the dark panel */
@media (min-width: 1200px) {
  .edu-hero .owl-carousel, .edu-hero .owl-stage-outer, .edu-hero .owl-stage,
  .edu-hero .owl-item, .edu-hero .owl-item > div { height: 100%; }
  .edu-hero .owl-item img { height: 100%; object-fit: cover; }
}

/* Phones/tablets: no room for the CTA button beside the logo; the envelope icon stays */
@media (max-width: 991.98px) {
  .header .header-menu-extra .list-inline-sm li:has(.button) { display: none; }
}

/* Hero/band headings over illustrations: soft shadow keeps them legible over busy art */
.bg-image [class*='bg-dark-'] h1, .bg-image [class*='bg-dark-'] h2,
.bg-image [class*='bg-dark-'] h5, .bg-image [class*='bg-dark-'] .lead,
.bg-image[class*='bg-dark-'] h1 { text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45); }