/* Our Mathematics Programs - visual polish */

#courses {
  background: linear-gradient(90deg, #f7fbff 0%, #fffaf5 100%);
  padding-top: 58px;
  padding-bottom: 68px;
}

#courses .section-title h2 {
  font-size: 2.35rem !important;
  font-weight: 800 !important;
  color: #24364b !important;
}

#courses .section-title p {
  font-size: 1rem !important;
  color: #6a7a8d !important;
}

#courses .mc-program-grid {
  gap: 24px !important;
}

#courses .mc-program-card {
  border-radius: 26px !important;
  border: 1px solid rgba(44, 62, 80, .08) !important;
  box-shadow: 0 18px 40px rgba(28, 44, 64, .08) !important;
  padding: 28px 26px !important;
  overflow: hidden;
  position: relative;
  transition: transform .18s ease, box-shadow .18s ease;
}

#courses .mc-program-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 48px rgba(28, 44, 64, .12) !important;
}

/* card colors */
#courses .mc-program-card:nth-child(1) {
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%) !important;
  border-top: 4px solid #2f80ed !important;
}

#courses .mc-program-card:nth-child(2) {
  background: linear-gradient(180deg, #fffaf1 0%, #ffffff 100%) !important;
  border-top: 4px solid #f39c12 !important;
}

#courses .mc-program-card:nth-child(3) {
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%) !important;
  border-top: 4px solid #31465d !important;
}

/* header row inside each card */
#courses .mc-program-card h3,
#courses .mc-program-card h4 {
  font-size: 1.85rem !important;
  font-weight: 800 !important;
  color: #24364b !important;
  margin-bottom: 18px !important;
}

/* icon block */
#courses .mc-program-card .course-icon,
#courses .mc-program-card .mc-program-icon,
#courses .mc-program-card i.fas {
  color: inherit;
}

#courses .mc-program-card .course-icon,
#courses .mc-program-card .mc-program-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 6px !important;
}

#courses .mc-program-card:nth-child(1) .course-icon,
#courses .mc-program-card:nth-child(1) .mc-program-icon {
  background: #eaf4ff !important;
  color: #2f80ed !important;
}

#courses .mc-program-card:nth-child(2) .course-icon,
#courses .mc-program-card:nth-child(2) .mc-program-icon {
  background: #fff1db !important;
  color: #d98200 !important;
}

#courses .mc-program-card:nth-child(3) .course-icon,
#courses .mc-program-card:nth-child(3) .mc-program-icon {
  background: #edf2f7 !important;
  color: #31465d !important;
}

/* rows like Digital SAT, EST I, Full Mock Tests */
#courses .mc-program-card a,
#courses .mc-program-card .mc-program-link,
#courses .mc-program-card .flip-course-link,
#courses .mc-program-card .course-row {
  min-height: 56px !important;
  border-radius: 14px !important;
  border: 1px solid #e5edf5 !important;
  background: rgba(255,255,255,.86) !important;
  box-shadow: none !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  font-size: 1.09rem !important;
  font-weight: 700 !important;
  color: #31465d !important;
  transition: all .18s ease;
}

#courses .mc-program-card a:hover,
#courses .mc-program-card .mc-program-link:hover,
#courses .mc-program-card .flip-course-link:hover,
#courses .mc-program-card .course-row:hover {
  background: #ffffff !important;
  border-color: #cfddeb !important;
  transform: translateX(2px);
}

/* make the main course names bigger */
#courses .mc-program-card a span:first-of-type,
#courses .mc-program-card .mc-program-link span:first-of-type,
#courses .mc-program-card .flip-course-link span:first-of-type,
#courses .mc-program-card .course-row span:first-of-type {
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  color: #31465d !important;
}

/* badges مثل available / coming soon */
#courses .mc-program-card .badge,
#courses .mc-program-card .status-badge,
#courses .mc-program-card .coming-soon-link,
#courses .mc-program-card .coming-soon-badge {
  font-size: .74rem !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  border-radius: 999px !important;
}

#courses .mc-program-card .available,
#courses .mc-program-card .available-badge {
  background: #dcf7e8 !important;
  color: #169b5f !important;
}

#courses .mc-program-card .coming-soon,
#courses .mc-program-card .coming-soon-badge,
#courses .mc-program-card .coming-soon-link {
  background: #eef2f7 !important;
  color: #7b8796 !important;
}

/* responsive */
@media (max-width: 991px) {
  #courses .mc-program-card {
    padding: 22px 18px !important;
  }

  #courses .mc-program-card h3,
  #courses .mc-program-card h4 {
    font-size: 1.45rem !important;
  }

  #courses .mc-program-card a,
  #courses .mc-program-card .mc-program-link,
  #courses .mc-program-card .flip-course-link,
  #courses .mc-program-card .course-row {
    font-size: 1rem !important;
  }
}