/* moodle — per-section rules (backgrounds, padding, rhythm) */

/* ---- section: Moodle development, administration, and hosting ---- */
.sec-moodle-development-administration-and{background:#F8F8F8;padding:84px 20px 74px 20px;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:center}
@media (max-width:767px){.sec-moodle-development-administration-and{padding:52px 16px 45px 16px}}

/* ---- section: section-2 ---- */
.sec-section-2{background:#FFFFFF;padding:52px 20px 40px 20px;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:center}
@media (max-width:767px){.sec-section-2{padding:32px 16px 24px 16px}}

/* ---- section: Support for Moodle teams with real operational and technical depth ---- */
.sec-support-for-moodle-teams{background:#FFFFFF;padding:86px 20px 86px 20px;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:center}
@media (max-width:767px){.sec-support-for-moodle-teams{padding:53px 16px 53px 16px}}

/* ---- section: What we help with in Moodle ---- */
.sec-what-we-help-with{background:#E9F2F8;padding:88px 20px 88px 20px;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:center}
@media (max-width:767px){.sec-what-we-help-with{padding:54px 16px 54px 16px}}

/* ---- section: Common Moodle challenges we help solve ---- */
.sec-common-moodle-challenges-we{background:linear-gradient(175deg,#00304F,#002845);padding:90px 20px 92px 20px;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:center}
@media (max-width:767px){.sec-common-moodle-challenges-we{padding:55px 16px 57px 16px}}

/* ---- section: Why teams work with us for Moodle support ---- */
.sec-why-teams-work-with{background:#FFFFFF;padding:88px 20px 88px 20px;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:center}
@media (max-width:767px){.sec-why-teams-work-with{padding:54px 16px 54px 16px}}

/* ---- section: A practical approach to Moodle support ---- */
.sec-a-practical-approach-to{background:#E9F2F8;padding:88px 20px 88px 20px;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:center}
@media (max-width:767px){.sec-a-practical-approach-to{padding:54px 16px 54px 16px}}

/* ---- section: Selected Moodle work ---- */
.sec-selected-moodle-work{background:#FFFFFF;padding:88px 20px 88px 20px;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:center}
@media (max-width:767px){.sec-selected-moodle-work{padding:54px 16px 54px 16px}}

/* ---- section: Moodle capabilities that often require deeper expertise ---- */
.sec-moodle-capabilities-that-often{background:#E9F2F8;padding:88px 20px 88px 20px;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:center}
@media (max-width:767px){.sec-moodle-capabilities-that-often{padding:54px 16px 54px 16px}}

/* ---- section: Who this is for ---- */
.sec-who-this-is-for{background:#FFFFFF;padding:88px 20px 88px 20px;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:center}
@media (max-width:767px){.sec-who-this-is-for{padding:54px 16px 54px 16px}}

/* ---- section: Frequently asked questions ---- */
.sec-frequently-asked-questions{background:#E9F2F8;padding:88px 20px 88px 20px;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:center}
@media (max-width:767px){.sec-frequently-asked-questions{padding:54px 16px 54px 16px}}

/* ---- section: Related work and products ---- */
.sec-related-work-and-products{background:#FFFFFF;padding:82px 20px 86px 20px;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:center}
@media (max-width:767px){.sec-related-work-and-products{padding:50px 16px 53px 16px}}

/* ---- section: Need deeper technical support for Moodle? ---- */
.sec-need-deeper-technical-support{background:linear-gradient(168deg,#0F8FE8,#0C7FD0);padding:96px 20px 100px 20px;overflow:hidden;display:flex;flex-direction:column;gap:20px;align-items:center}
@media (max-width:767px){.sec-need-deeper-technical-support{padding:59px 16px 62px 16px}}

/* ---- hero highlight: Moodle brand orange, this page only ----
   shared.css paints #text-blue with an animated blue gradient clipped to the
   text (background-clip:text + transparent fill), so `color` alone does
   nothing — the gradient and the transparent fill have to be unset too.
   Loaded after shared.css, so equal specificity wins on order.
   The id name still says "blue"; it is shared markup and renaming it would
   touch all 9 pages for no benefit. */
#text-blue {
  background: none;
  animation: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: #F98012;   /* beats `color` in WebKit/Blink */
  color: #F98012;                     /* official Moodle logo orange */
}

/* ---- FAQ: answer text lines up with the question (.faq-style pads .faq-q 18px 22px) ---- */
.sec-frequently-asked-questions .faq-a{padding:16px 22px 20px 22px}