:root {
  --dia-teal: #1d3d63;
  --dia-teal-dark: #142a45;
  --dia-orange: #f2793c;
  --dia-orange-dark: #dd5f22;
  --dia-gold: #f4a91e;
  --dia-pink: #e2407a;
  --dia-cream: #fdf6ee;
  --dia-text-muted: #5b6b76;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--dia-teal-dark);
}

h1, h2, h3 {
  font-family: 'Lora', serif;
}

/* ============ NAVBAR ============ */
.dia-navbar {
  background-color: #ffffff;
  padding-top: .5rem;
  padding-bottom: .5rem;
  box-shadow: 0 2px 12px rgba(22, 71, 74, 0.06);
}

.dia-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}

.dia-brand-logo {
  height: 80px;
  width: auto;
  display: block;
}

.dia-nav-links .nav-link {
  color: var(--dia-teal-dark);
  font-weight: 500;
  padding: 0.5rem 1rem !important;
  position: relative;
}

.dia-nav-links .nav-link.active,
.dia-nav-links .nav-link:hover {
  color: var(--dia-orange);
}

.dia-nav-links .nav-link.active::after {
  content: "";
  position: absolute;
  left: 1.6rem;
  right: 1.6rem;
  bottom: 0.1rem;
  height: 2px;
  background-color: var(--dia-orange);
  border-radius: 2px;
}

.dia-btn-primary {
  background-color: var(--dia-orange);
  border-color: var(--dia-orange);
  color: #fff;
  font-weight: 600;
  border-radius: 0.4rem;
  padding: 0.6rem 1.3rem;
}

.dia-btn-primary:hover {
  background-color: var(--dia-orange-dark);
  border-color: var(--dia-orange-dark);
  color: #fff;
}

.dia-btn-outline {
  background-color: #fff;
  border: 1.5px solid var(--dia-teal);
  color: var(--dia-teal);
  font-weight: 600;
  border-radius: 0.4rem;
  padding: 0.6rem 1.3rem;
}

.dia-btn-outline:hover {
  background-color: var(--dia-teal);
  color: #fff;
}

.dia-btn-lg {
  font-size: 1rem;
  padding: 0.75rem 1.6rem;
}

/* ============ HERO ============ */
.dia-hero {
  background-color: #ffffff;
  /* padding: 4.5rem 0 5rem; */
}

.dia-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--dia-orange);
  font-weight: 600;
  font-size: 0.8rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.dia-eyebrow-dash {
  width: 22px;
  height: 2px;
  background-color: var(--dia-orange);
  display: inline-block;
}

.dia-hero-title {
  font-weight: 700;
  color: var(--dia-teal);
  font-size: clamp(2.1rem, 4vw, 3rem);
  line-height: 1.2;
  margin-bottom: 1.25rem;
}

.dia-hero-text {
  color: var(--dia-text-muted);
  font-size: 1.05rem;
  line-height: 1.7;
  max-width: 34rem;
}

.dia-hero-media {
  border-radius: 1rem;
  overflow: hidden;
  background: linear-gradient(135deg, #e7efe9, #cfe0d4);
  box-shadow: 0 20px 45px rgba(22, 71, 74, 0.15);
}

.dia-hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 991.98px) {
  .dia-hero {
    padding: 3rem 0;
    text-align: center;
  }
  .dia-hero-text {
    margin-left: auto;
    margin-right: auto;
  }
  .dia-hero .d-flex {
    justify-content: center;
  }
}

/* ============ SHARED SECTION LABEL ============ */
.dia-section-eyebrow {
  color: var(--dia-orange);
  font-weight: 600;
  font-size: 0.8rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 0;
}

.dia-dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--dia-orange);
  vertical-align: middle;
  margin: 0 0.4rem;
}

/* ============ EXPLORE BY SUBJECT ============ */
.dia-subjects {
  background-color: var(--dia-cream);
  padding: 4rem 0;
}

.dia-subject-card {
  background-color: #ffffff;
  border-radius: 0.75rem;
  padding: 1.75rem 1.25rem;
  height: 100%;
  text-align: center;
  box-shadow: 0 6px 20px rgba(22, 71, 74, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dia-subject-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(22, 71, 74, 0.12);
}

.dia-subject-icon {
  width: 3rem;
  height: 3rem;
  margin: 0 auto 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.6rem;
  background-color: rgba(217, 112, 46, 0.1);
  color: var(--dia-orange);
  font-size: 1.5rem;
}

.dia-subject-icon-hindi {
  font-family: 'Lora', serif;
  font-weight: 700;
  color: var(--dia-orange);
}

.dia-subject-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--dia-teal);
  margin-bottom: 0.4rem;
}

.dia-subject-text {
  font-size: 0.82rem;
  color: var(--dia-text-muted);
  margin-bottom: 1rem;
  min-height: 2.4em;
}

.dia-subject-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: var(--dia-teal);
  text-decoration: none;
}

.dia-subject-link:hover {
  color: var(--dia-orange);
}

/* ============ POPULAR BOOKS ============ */
.dia-books {
  background-color: #ffffff;
  padding: 4.5rem 0;
}

.dia-book-card {
  text-align: center;
}

.dia-book-cover {
  border-radius: 0.6rem;
  box-shadow: 0 10px 24px rgba(22, 71, 74, 0.12);
  margin-bottom: 0.9rem;
  width: 100%;
}

.dia-book-title {
  font-weight: 600;
  color: var(--dia-teal-dark);
  font-size: 0.95rem;
  margin-bottom: 0;
}

.dia-btn-dark {
  background-color: var(--dia-teal);
  border-color: var(--dia-teal);
  color: #fff;
  font-weight: 600;
  border-radius: 0.4rem;
  padding: 0.6rem 1.3rem;
}

.dia-btn-dark:hover {
  background-color: var(--dia-teal-dark);
  border-color: var(--dia-teal-dark);
  color: #fff;
}

/* ============ WHY SCHOOLS CHOOSE US ============ */
.dia-why {
  background-color: #f3f6f5;
  padding: 4.5rem 0;
}

.dia-why-icon {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1.5px solid var(--dia-teal);
  color: var(--dia-teal);
  font-size: 1.6rem;
  margin-bottom: 1.25rem;
}

.dia-why-title {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--dia-teal);
  margin-bottom: 0.6rem;
}

.dia-why-text {
  color: var(--dia-text-muted);
  font-size: 0.95rem;
  max-width: 20rem;
  margin: 0 auto;
  line-height: 1.6;
}

/* ============ TRUSTED BY SCHOOLS ============ */
.dia-trusted {
  padding: 2rem 0;
  background-image: 
    linear-gradient(rgba(20, 42, 69, 0.7), rgba(20, 42, 69, 0.7)),
    url('../img/schools-bg.png');
  background-size: cover;
  background-position: top;
}

.dia-trusted-eyebrow {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

.dia-trusted-logo {
  color: #ffffff;
  font-weight: 600;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.dia-trusted-logo i {
  color: var(--dia-orange);
  font-size: 1.2rem;
}

/* ============ CTA BANNER ============ */
.dia-cta {
  background-color: var(--dia-cream);
  padding: 3rem 0;
}

.dia-cta-icon {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.6rem;
  border: 1.5px solid var(--dia-teal);
  color: var(--dia-teal);
  font-size: 1.5rem;
}

.dia-cta-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--dia-teal);
  margin-bottom: 0.4rem;
}

.dia-cta-text {
  color: var(--dia-text-muted);
  font-size: 0.95rem;
}

/* ============ FOOTER ============ */
.dia-footer {
  
  color: rgba(255, 255, 255, 0.75);
  padding: 4rem 0 1.5rem;
  background-image: 
    linear-gradient(rgba(20, 42, 69, 0.8), rgba(20, 42, 69, 0.7)),
    url('../img/schools-bg.png');
  background-size: cover;
  background-position: center;
}

.dia-footer-brand {
  display: inline-flex;
}

.dia-brand-logo-footer {
  height: 120px;
  padding:10px;
  background: #fff;
  /*filter: brightness(0) invert(1);*/
}

.dia-footer-text {
  font-size: 0.9rem;
  line-height: 1.6;
  max-width: 22rem;
  color: rgba(255, 255, 255, 0.6);
}

.dia-footer-social a {
  width: 2.1rem;
  height: 2.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-decoration: none;
}

.dia-footer-social a:hover {
  background-color: var(--dia-orange);
}

.dia-footer-heading {
  color: #fff;
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 1.1rem;
}

.dia-footer-links li {
  margin-bottom: 0.6rem;
}

.dia-footer-links a {
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  font-size: 0.92rem;
}

.dia-footer-links a:hover {
  color: var(--dia-orange);
}

.dia-footer-contact li {
  display: flex;
  gap: 0.6rem;
  margin-bottom: 0.9rem;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.5;
}

.dia-footer-contact i {
  color: var(--dia-orange);
  margin-top: 0.2rem;
}

.dia-footer-divider {
  border-color: rgba(255, 255, 255, 0.15);
  margin: 2rem 0 1.25rem;
}

.dia-footer-bottom {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.55);
}

.dia-footer-bottom a {
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
}

.dia-footer-bottom a:hover {
  color: var(--dia-orange);
}


/* ============ TEACHER RESOURCES ============ */
.dia-teacher {
  background-color: var(--dia-cream);
  padding: 5rem 0;
}

.dia-teacher-title {
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  font-weight: 700;
  color: var(--dia-teal);
  margin: 0.75rem 0 1rem;
  line-height: 1.25;
}

.dia-teacher-text {
  color: var(--dia-text-muted);
  font-size: 1rem;
  line-height: 1.7;
  max-width: 28rem;
  margin-bottom: 2.25rem;
}

.dia-teacher-benefits {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.dia-teacher-benefits li {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.dia-teacher-benefit-icon {
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.6rem;
  background-color: rgba(242, 121, 60, 0.12);
  color: var(--dia-orange);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}

.dia-teacher-benefits h4 {
  font-family: 'Lora', serif;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--dia-teal);
  margin-bottom: 0.25rem;
}

.dia-teacher-benefits p {
  color: var(--dia-text-muted);
  font-size: 0.9rem;
  line-height: 1.55;
  margin-bottom: 0;
}

.dia-teacher-form-card {
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 2.25rem 2rem;
  box-shadow: 0 20px 45px rgba(20, 42, 69, 0.1);
}

.dia-teacher-form-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--dia-teal);
  margin-bottom: 0.35rem;
}

.dia-teacher-form-subtitle {
  color: var(--dia-text-muted);
  font-size: 0.9rem;
  margin-bottom: 0;
}

.dia-teacher .form-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--dia-teal);
  margin-bottom: 0.4rem;
}

.dia-optional {
  font-weight: 400;
  color: var(--dia-text-muted);
  text-transform: none;
}

.dia-form-control {
  border: 1.5px solid #e3e0da;
  border-radius: 0.5rem;
  padding: 0.65rem 0.9rem;
  font-size: 0.92rem;
  color: var(--dia-teal-dark);
}

.dia-form-control:focus {
  border-color: var(--dia-orange);
  box-shadow: 0 0 0 0.2rem rgba(242, 121, 60, 0.15);
}

.dia-request-toggle {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.dia-toggle-btn {
  border: 1.5px solid #e3e0da;
  border-radius: 0.5rem;
  padding: 0.55rem 1.1rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--dia-teal);
  background-color: #ffffff;
}

.btn-check:checked + .dia-toggle-btn {
  background-color: var(--dia-orange);
  border-color: var(--dia-orange);
  color: #ffffff;
}

@media (max-width: 767.98px) {
  .dia-teacher-form-card {
    padding: 1.75rem 1.25rem;
  }
}



.book-mockup { width: 100%; aspect-ratio: 3/4.2; position: relative; transform-style: preserve-3d; transform: rotateY(-22deg) rotateX(2deg); transition: transform .45s cubic-bezier(.2,.8,.2,1); cursor: pointer; }
.book-mockup-wrap { margin: 0 auto 8px; padding-bottom: 24px; }
.dia-book-title { text-align: center; margin-top: 22px; font-weight: 500; }
.book-cover { position: absolute; inset: 0; border-radius: 2px 4px 4px 2px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,.12); }
.book-cover img { width: 100%; height: 100%; object-fit: cover; }
.page-edge-right { position: absolute; right: -14px; top: 4px; bottom: 4px; width: 14px; background: repeating-linear-gradient(180deg, #fff 0px, #f0f0ec 1.5px, #fff 3px); transform: rotateY(90deg); transform-origin: left; box-shadow: 2px 0 6px rgba(0,0,0,.15); }
.page-edge-top { position: absolute; left: 2px; right: 2px; top: -8px; height: 8px; background: repeating-linear-gradient(90deg, #fff 0px, #f0f0ec 1.5px, #fff 3px); transform: rotateX(90deg); transform-origin: bottom; }
.ground-shadow { position: absolute; left: 20px; right: -20px; bottom: -18px; height: 20px; background: radial-gradient(ellipse at center, rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 70%); transform: rotateX(90deg); transform-origin: top; }
.book-mockup:hover { transform: rotateY(-30deg) rotateX(3deg) translateY(-8px); }
.dia-filter-bar { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.dia-filter-btn { border: 1px solid var(--dia-navy, #14213d); background: #fff; color: var(--dia-navy, #14213d); padding: 8px 22px; border-radius: 999px; font-weight: 500; font-size: 15px; transition: background .25s ease, color .25s ease; }
.dia-filter-btn:hover { background: rgba(20,33,61,.06); }
.dia-filter-btn.active { background: var(--dia-navy, #14213d); color: #fff; }
.dia-books-grid { min-height: 300px; }
.dia-books-empty { text-align: center; color: #888; padding: 60px 0; display: none; }
.dia-books-loading { text-align: center; color: #888; padding: 60px 0; }