/* Calmer vertical rhythm on the pages that kept the old, very loose spacing (23 Oct, owner: "har section ke baad bahut jyada gap").
   Those sections had 96-104px of padding above AND below (200px+ between two blocks, on phones too), the programs block ended with another 40px and the hero ended
   140px below its exam tags. Loaded by includes/head.php for: / and the city pages (surat, vadodara, vapi, valsad, ahmedabad), about, contact, cat-daily-quiz,
   cmat-coaching-vadodara, privacy-policy, and the /bba/ /mca/ /bank/ hubs; msu/index.php links it itself. Exam guides keep tight-spacing.css (48px).
   "body #id" beats the per-page class rules; the blocks with an inline "padding:104px 0" need !important. */
body #programs,body #daily-quiz,body #faculty,body #scholarship,body #faq,body #faqs,body #branches,body #more-courses,
body #why,body #how,body #founder,body #centres,body #final-cta,body #get-started,body #previous,body #mocks,body #practice,body #plan,
body #program,body #platform,body #visit,body #visit-us,body #mentors,body #who,body #resources,body #start,body #policy,body #final-section{padding-top:56px;padding-bottom:56px}
body #from-vapi,body #from-valsad,body #from-ahmedabad,body #nearest-centre{padding-top:56px;padding-bottom:56px}
body #pricing,body #online-coaching,body #coaching,body #final-cta,body #final-section,body #visit-us,body section.final-cta,body section.final-section,body #surat-focus,body #surat-team,body #akota-focus{padding-top:56px!important;padding-bottom:56px!important}
body #programs{padding-bottom:44px}
body #hero{padding-bottom:56px}
body .exam-hero{padding-top:64px;padding-bottom:56px}
/* The home / city hero is 100vh tall with its content centred, so on a tall monitor it left a big empty band above and below the content; capped at 800px. */
@media(min-width:701px){body #hero{min-height:min(100vh,800px)}}
@media(max-width:700px){
  body #programs,body #daily-quiz,body #faculty,body #scholarship,body #faq,body #faqs,body #branches,body #more-courses,
  body #why,body #how,body #founder,body #centres,body #final-cta,body #get-started,body #previous,body #mocks,body #practice,body #plan,
  body #program,body #platform,body #visit,body #visit-us,body #mentors,body #who,body #resources,body #start,body #policy,body #final-section{padding-top:36px;padding-bottom:36px}
  body #from-vapi,body #from-valsad,body #from-ahmedabad,body #nearest-centre{padding-top:36px;padding-bottom:36px}
  body #pricing,body #online-coaching,body #coaching,body #final-cta,body #final-section,body #visit-us,body section.final-cta,body section.final-section,body #surat-focus,body #surat-team,body #akota-focus{padding-top:36px!important;padding-bottom:36px!important}
  body #programs{padding-bottom:28px}
  body #hero{padding-bottom:40px}
  body .exam-hero{padding-top:48px;padding-bottom:40px}
}

/* 26 Oct 2026 (owner: "Vesu & Adajan side by side, not one above the other, on all pages"):
   the centre cards were stacked below 900px (home.css) so Adajan sat under Vesu on tablets. From 560px up they now sit next to each other;
   only phones (< 560px) stack. .branches-pair = the Surat pair (Vesu + Adajan) on /surat, /vapi, /valsad; the home page grid has 3 cards (Akota spans the row below). */
@media(max-width:900px) and (min-width:560px){
  .branches-grid.branches-pair{grid-template-columns:1fr 1fr!important}
  .branches-grid.branches-pair>:last-child{grid-column:auto!important}
}
@media(max-width:768px) and (min-width:560px){
  .branches-grid:not(.branches-pair):not([style]){grid-template-columns:1fr 1fr!important}
  .branches-grid:not(.branches-pair):not([style])>:last-child{grid-column:1/-1}
}