:root {
      --brand: #112269;
      --muted: #6c757d;
      --light: #f6f8fb;
      --ink: #0c1226;
    }


    .card-hover {
    transition: all 0.3s ease;
  }
  .card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  }
  .icon-wrapper i {
    transition: color 0.3s ease, transform 0.3s ease;
  }
  .card-hover:hover .icon-wrapper i {
    transform: scale(1.2);
    color: #0d6efd; /* Bootstrap Primary */
  }

    /* Shared */
    .orientation-section {
      padding: 60px 0;
    }

    .orientation-heading {
      font-family: "Playfair Display SC", serif;
      font-size: calc(1.25rem + 1.2vw);
      color: var(--ink);
      margin-bottom: 12px;
    }

    .orientation-subtle {
      color: var(--muted);
      font-size: 0.95rem;
    }

    .orientation-lead {
      font-size: 1.05rem;
      color: #3b445a;
      line-height: 1.7;
    }

    .btn-brand {
      background: var(--brand) !important ;
      color: #fff !important ;
      border: 0;
      padding: 0.75rem 1.1rem;
      border-radius: 8px;
      transition: all .2s ease;
    }

    .btn-brand:hover {
      color: #fff !important ;
      filter: brightness(0.95);
      transform: translateY(-1px);
    }

    .btn-ghost {
      background: transparent;
      border: 1px solid var(--brand) !important;
      color: var(--brand) !important;
      padding: 0.75rem 1.1rem;
      border-radius: 8px;
      transition: all .2s ease;
    }

    .btn-ghost:hover {
      color: #fff !important;
      background: var(--brand) !important;
      border-color: var(--brand) !important;
      transform: translateY(-1px);
    }

    /* Hero CTA bar (below carousel) */
    .orientation-cta-bar {
      background: linear-gradient(180deg, #f9fbff 0%, #fff 100%);
      border-top: 1px solid #eef1f7;
      border-bottom: 1px solid #eef1f7;
      padding: 18px 0;
    }

    .orientation-cta-bar .tagline {
      color: var(--brand);
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .06em;
      font-size: 0.85rem;
      margin-bottom: 5px;
    }

    /* Welcome */
    .orientation-welcome h1 {
      font-family: "Playfair Display SC", serif;
      font-size: calc(1.5rem + 1.6vw);
      line-height: 1.2;
      margin-bottom: 12px;
    }

    /* Support & Resources */
    .support-card {
      border: 1px solid #eef1f7;
      border-radius: 14px;
      padding: 18px;
      height: 100%;
      background: #fff;
      transition: box-shadow .2s ease;
    }

    .support-card:hover {
      box-shadow: 0 10px 24px rgba(17, 34, 105, 0.06);
    }

    .support-card h5 {
      margin: 6px 0 8px;
      font-weight: 700;
      color: var(--ink);
    }

    .support-card p,
    .support-card li,
    .support-card a {
      font-size: 0.95rem;
      color: #3b445a;
    }

    .support-card a {
  color: #112269;
  font-size:18px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
}

.support-card a:hover {
  text-decoration: underline;
  color: #0a184d; /* slightly darker shade on hover */
}


    .support-card .label {
      color: var(--muted);
      font-size: 0.85rem;
      text-transform: uppercase;
      letter-spacing: .06em;
    }
    .support-card .support-icon {
  margin-bottom: 12px;
  font-size: 26px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #eef3ff;
  color: var(--brand);
}


    /* Parents */
    .parents-wrap {
      background: var(--light);
      border: 1px solid #eef1f7;
      border-radius: 16px;
      padding: 24px;
    }

    .parents-wrap ul {
      margin-left: 1.1rem;
      color: #3b445a;
    }

    /* Campus Life grid */
    .gallery-grid {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 16px;
    }

    .gallery-item {
      position: relative;
      overflow: hidden;
      border-radius: 14px;
    }

    .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.02);
      transition: transform .3s ease, filter .3s ease;
    }

    .gallery-item:hover img {
      transform: scale(1.05);
      filter: saturate(1.05);
    }

    .col-span-6 {
      grid-column: span 6;
      min-height: 220px;
    }

    .col-span-3 {
      grid-column: span 3;
      min-height: 220px;
    }

    @media (max-width: 991px) {
      .col-span-6, .col-span-3 {
        grid-column: span 12;
        min-height: 200px;
      }
    }

    /* FAQs */
    .accordion-button:focus {
      box-shadow: none;
    }

    .accordion-button {
      font-weight: 600;
      color: var(--ink);
    }

    /* Schedules (anchors) */
    .schedule-card {
      border: 1px dashed #cfd6e6;
      border-radius: 14px;
      padding: 20px;
      background: #fcfdff;
    }

    /* Closing CTA */
    .cta-stack .btn {
      min-width: 240px;
    }

    /* Parents & Families Section */
#parents-families {
  background: #f9fbfe; /* soft background like orientation section */
}



#parents-families p {
  font-size: 1rem;
  line-height: 1.6;
  color: #555; /* softer gray for readability */
}

#parents-families ul li {
  font-size: 1.05rem;
  font-weight: 500;
  color: black;
}

#parents-families ul li i {
  padding: 12px;
  background: #333333;
  border-radius: 50%;
    color: white; /* keep icons in brand blue accent */
  font-size: 1.2rem;
}


/* Adjust image */
#parents-families img {
  max-height: 450px; /* smaller image height */
  object-fit: cover;
  width: 100%;
}