/* AMME — shared sections used on more than one page */

/* page CTA: Upcoming batches (inc/page-cta.php) */
.batches { padding: 0 var(--pad-x, clamp(20px, 6.77vw, 130px)) clamp(80px, 7.8vw, 150px); background: linear-gradient(to bottom, rgba(var(--white-rgb),.3), rgba(var(--grey-350-rgb),.3)); }
.batches__card {
  position: relative; left: 50%; transform: translateX(-50%);   /* stays centred while GSAP animates its width */
  width: 100%;
  border-radius: 20px; padding: clamp(60px, 5.2vw, 100px) 40px; text-align: center; color: var(--white);
	background:linear-gradient(to bottom, var(--purple) 4.3%, var(--teal) 100%);
  /*background: linear-gradient(to bottom, var(--purple) 4.3%, var(--sunset) 52.2%, var(--amber) 100%);*/
  display: flex; flex-direction: column; align-items: center; gap: 24px;   /* width (max 1660) is animated by GSAP */
}
.batches__card .eyebrow, .batches__card .fee { font-family: var(--font-book, var(--font)); font-size: var(--fs-lead); }
.batches__card .fee b { font-weight: 600; font-style: italic; }
.batches__card .section-title { text-align: center; color: var(--white); -webkit-text-fill-color: var(--white); background: none; }
.batches__card .btn--light { border: 1px solid var(--white); height: auto; padding: 15px 30px; }