.elementor-3783 .elementor-element.elementor-element-237f7c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3783 .elementor-element.elementor-element-1603ed9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3783 .elementor-element.elementor-element-1603ed9:not(.elementor-motion-effects-element-type-background), .elementor-3783 .elementor-element.elementor-element-1603ed9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-3783 .elementor-element.elementor-element-2a15f3d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3783 .elementor-element.elementor-element-2a15f3d:not(.elementor-motion-effects-element-type-background), .elementor-3783 .elementor-element.elementor-element-2a15f3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-3783 .elementor-element.elementor-element-94a3b2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3783 .elementor-element.elementor-element-9da6c07{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3783 .elementor-element.elementor-element-bfa02a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3783 .elementor-element.elementor-element-89a724d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3783 .elementor-element.elementor-element-c442de9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3783 .elementor-element.elementor-element-3f8998c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3783 .elementor-element.elementor-element-9feab78{--display:flex;--min-height:520px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.66;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-3783 .elementor-element.elementor-element-9feab78::before, .elementor-3783 .elementor-element.elementor-element-9feab78 > .elementor-background-video-container::before, .elementor-3783 .elementor-element.elementor-element-9feab78 > .e-con-inner > .elementor-background-video-container::before, .elementor-3783 .elementor-element.elementor-element-9feab78 > .elementor-background-slideshow::before, .elementor-3783 .elementor-element.elementor-element-9feab78 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3783 .elementor-element.elementor-element-9feab78 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-3783 .elementor-element.elementor-element-9feab78 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}body.elementor-page-3783:not(.elementor-motion-effects-element-type-background), body.elementor-page-3783 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}@media(max-width:1024px){.elementor-3783 .elementor-element.elementor-element-9da6c07{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3783 .elementor-element.elementor-element-bfa02a3{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-3783 .elementor-element.elementor-element-2a15f3d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3783 .elementor-element.elementor-element-9da6c07{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-3783 .elementor-element.elementor-element-bfa02a3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-be43e3f */.pm-hero {
  position: relative;
  background: url("https://images.unsplash.com/photo-1520975916090-3105956dac38?q=80&w=1920&auto=format&fit=crop")
    center / cover no-repeat;
  color: #fff;
  padding: 250px 20px 90px;
  text-align: center;
  overflow: hidden;
}

.pm-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
}

.pm-hero > * {
  position: relative;
  z-index: 2;
}

.pm-hero-badge {
  display: inline-block;
  padding: 8px 18px;
  border: 1px solid #fff;
  font-size: 17px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 28px;
}

.pm-hero h1 {
  font-size: 65px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.25;
}



.pm-hero p {
  max-width: 760px;
  margin: 0 auto 36px;
  font-size: 18px;
  line-height: 1.7;
  color: #e0e0e0;
}

/* ===============================
   BUTTONS
================================ */
.pm-hero-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.pm-btn-primary,
.pm-btn-outline {
  padding: 14px 30px;
  font-size: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.35s ease;
}

.pm-btn-primary {
  background: #fff;
  color: #000;
}

.pm-btn-primary:hover {
  background: #000;
  color: #fff;
  outline: 1px solid #fff;
}

.pm-btn-outline {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
}

.pm-btn-outline:hover {
  background: #fff;
  color: #000;
}

/* ===============================
   RESPONSIVE
================================ */


@media (max-width: 768px) {
  .pm-hero {
    padding: 90px 16px 70px;
  }

  .pm-hero h1 {
    font-size: 35px;
    padding: 30px;
  }

  .pm-hero p {
    font-size: 14px;
    padding: 10px 90px;
  }
}
.pm-btn-primary,
.pm-btn-outline {
  padding: 14px 30px;
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.35s ease;
}
@media (max-width: 480px) {
  .pm-hero h1 {
    font-size: 28px;
    padding: 10px ;
  }
  .pm-hero p {
    font-size: 0px;
    padding: 0px 0px;

  }
}
.pm-btn-primary,
.pm-btn-outline {
  padding: 10px 20px;
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.35s ease;
}
.pm-hero-badge {
  display: inline-block;
  padding: 8px 10px;
  border: 1px solid #fff;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9bc82a5 *//* ===============================
   INLINE BADGE ONLY
================================ */

.pm-inline-badge {
  display: inline-block;
  padding: 8px 18px;
  border: 1px solid #000;
  color: #000;
  background: #fff;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.pm-inline-badge {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-391d0de *//* ===== Base ===== */
.md-programs {
  background: #fff;
  padding: 20px 20px;
  color: #000;
  font-family: system-ui, -apple-system, sans-serif;
}

.md-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* ===== Header ===== */
.md-header {
  text-align: center;
  margin-bottom: 48px;
}

.md-badge {
  display: inline-block;
  border: 1px solid #000;
  padding: 6px 14px;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.md-header h2 {
  font-size: 36px;
  margin-bottom: 16px;
}

.md-header p {
  max-width: 720px;
  margin: 0 auto;
  color: #444;
  line-height: 1.6;
}

/* ===== Table Wrapper ===== */
.md-table-wrap {
  overflow-x: auto;
}

/* ===== Table ===== */
.md-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 720px;
}

.md-table th,
.md-table td {
  border: 1px solid #e5e5e5;
  padding: 15px 1px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
}

.md-table th {
  background: #000;
  color: #fff;
  font-weight: 600;
}

.md-table th span {
  display: block;
  font-size: 12px;
  opacity: 0.8;
}

/* Feature column */
.md-table td:first-child {
  text-align: center;
  font-weight: 500;
}

/* Controlled text wrapping */
.md-wrap {
  display: block;
  max-width: 180px;
  line-height: 1.35;
  word-break: break-word;
}

/* Highlight column */
.md-highlight {
  background: #f5f5f5;
  font-weight: 600;
}

/* Muted text */
.md-muted {
  color: #777;
}

/* Price row */
.md-price-row td {
  background: #fff;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .md-header h2 {
    font-size: 26px;
  }

  .md-table th,
  .md-table td {
    padding: 10px 1px;
    font-size: 12px;
  }

  .md-wrap {
    max-width: 130px;
  }

  .md-price-row td {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .md-wrap {
    max-width: 110px;
  }
}

/* Shorten Feature column only */
.md-table th:first-child,
.md-table td:first-child {
  width: 25%;
}

/* Center feature text perfectly */
.md-table th:first-child,
.md-table td:first-child {
  text-align: center;
  vertical-align: middle;
}

.md-wrap {
  margin: 0 auto;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f72e3b8 */<section class="program-cards">
  <div class="pc-container">
    <div class="pc-grid">

      <!-- FOUNDATION -->
      <div class="pc-card">
        <img src="https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?q=80&w=800&auto=format&fit=crop" alt="Model fundamentals training">

        <div class="pc-content">
          <div class="pc-meta">
            <span class="pc-label">Foundation</span>
            <span class="pc-duration">1 Month</span>
          </div>

          <h3>Essential Foundations</h3>
          <p>
            Master the core fundamentals of professional modeling. Perfect for beginners seeking authentic industry training without overwhelming commitment.
          </p>

          <h4>What You’ll Learn</h4>
          <ul class="pc-list">
            <li>Runway walk fundamentals and posture correction</li>
            <li>Basic posing techniques for different angles</li>
            <li>Portfolio development basics and photo selection</li>
            <li>Industry etiquette and professional behavior</li>
            <li>Understanding modeling industry standards</li>
          </ul>

          <h4>Program Format</h4>
          <ul class="pc-list">
            <li>8 live online classes (2× per week)</li>
            <li>4 hours of recorded content</li>
            <li>Weekly progress assessments</li>
            <li>Private student community access</li>
          </ul>

          <div class="pc-price">
            <span>Investment</span>
            <strong>$997</strong>
            <em>Payment plans available</em>
          </div>

          <a href="#" class="pc-btn outline">Enroll Now</a>
        </div>
      </div>

      <!-- PROFESSIONAL -->
      <div class="pc-card featured">
        <span class="pc-badge">Most Popular</span>

        <img src="https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?q=80&w=800&auto=format&fit=crop" alt="Editorial posing photoshoot">

        <div class="pc-content">
          <div class="pc-meta">
            <span class="pc-label">Professional</span>
            <span class="pc-duration">3 Months</span>
          </div>

          <h3>Professional Development</h3>
          <p>
            Comprehensive training for serious models ready to elevate their craft and open doors to genuine industry opportunities.
          </p>

          <h4>What You’ll Learn</h4>
          <ul class="pc-list">
            <li>All foundation content plus advanced techniques</li>
            <li>Advanced runway techniques for different show types</li>
            <li>Editorial and commercial posing mastery</li>
            <li>Professional portfolio creation and curation</li>
            <li>Agency preparation and submission strategies</li>
            <li>Casting preparation and audition techniques</li>
          </ul>

          <h4>Program Format</h4>
          <ul class="pc-list">
            <li>24 live online classes (2× per week)</li>
            <li>12 hours of recorded content</li>
            <li>Bi-weekly one-on-one mentorship</li>
            <li>Professional portfolio photoshoot</li>
            <li>Priority Mydream opportunity consideration</li>
          </ul>

          <div class="pc-price">
            <span>Investment</span>
            <strong>$2,497</strong>
            <em>Payment plans available • Save $491 vs monthly</em>
          </div>

          <a href="#" class="pc-btn filled">Enroll Now</a>
        </div>
      </div>

      <!-- ELITE -->
      <div class="pc-card">
        <img src="https://images.unsplash.com/photo-1469334031218-e382a71b716b?q=80&w=800&auto=format&fit=crop" alt="International runway performance">

        <div class="pc-content">
          <div class="pc-meta">
            <span class="pc-label">Elite</span>
            <span class="pc-duration">5 Months</span>
          </div>

          <h3>Elite Mastery</h3>
          <p>
            Complete transformation for models committed to professional excellence and serious industry success through the Mydream ecosystem.
          </p>

          <h4>What You’ll Learn</h4>
          <ul class="pc-list">
            <li>All professional content plus elite specialization</li>
            <li>Specialized niche training (runway, editorial, commercial)</li>
            <li>Personal brand development and social media strategy</li>
            <li>Direct Mydream ecosystem integration and opportunities</li>
            <li>Career launch support and industry connections</li>
            <li>Business of modeling: contracts, negotiations, finances</li>
          </ul>

          <h4>Program Format</h4>
          <ul class="pc-list">
            <li>40 live online classes (2× per week)</li>
            <li>20 hours of recorded content</li>
            <li>Weekly one-on-one mentorship</li>
            <li>Two professional portfolio photoshoots</li>
            <li>Guaranteed Mydream showcase opportunity</li>
            <li>Lifetime alumni network access</li>
          </ul>

          <div class="pc-price">
            <span>Investment</span>
            <strong>$3,997</strong>
            <em>Payment plans available • Save $988 vs monthly</em>
          </div>

          <a href="#" class="pc-btn outline">Enroll Now</a>
        </div>
      </div>

    </div>
  </div>
</section>

<style>
/* ===== BASE ===== */
.program-cards {
  background: #fff;
  padding: 20px;
  color: #000;
  font-family: system-ui, -apple-system, sans-serif;
}

.pc-container {
  max-width: 1200px;
  margin: auto;
}

/* ===== GRID ===== */
.pc-grid {
  display: grid;
  gap: 32px;
}

/* ===== CARD ===== */
.pc-card {
  border: 1px solid #000;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.pc-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}

/* FEATURED */
.pc-card.featured {
  border-width: 2px;
}

.pc-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  background: #000;
  color: #fff;
  padding: 6px 12px;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* ===== CONTENT ===== */
.pc-content {
  padding: 32px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pc-meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.pc-label {
  border: 1px solid #000;
  padding: 4px 10px;
}

.pc-duration {
  font-weight: 600;
}

.pc-content h3 {
  font-size: 24px;
  margin-bottom: 14px;
}

.pc-content h4 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 26px 0 12px;
}

.pc-content p {
  line-height: 1.6;
  margin-bottom: 20px;
}

/* ===== LIST ===== */
.pc-list {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.pc-list li {
  padding-left: 16px;
  position: relative;
  margin-bottom: 10px;
}

.pc-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
}

/* ===== PRICE ===== */
.pc-price {
  margin-bottom: 20px;
}

.pc-price span {
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.pc-price strong {
  font-size: 28px;
  display: block;
}

.pc-price em {
  font-style: normal;
  font-size: 12px;
  opacity: 0.8;
}

/* ===== BUTTON ===== */
.pc-btn {
  margin-top: auto;
  display: block;
  text-align: center;
  padding: 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  border: 1px solid #000;
}

.pc-btn.outline {
  background: #fff;
  color: #000;
}

.pc-btn.filled {
  background: #000;
  color: #fff;
}

/* ===== RESPONSIVE ===== */
@media (min-width: 768px) {
  .pc-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .pc-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .pc-card img {
    height: 180px;
  }

  .pc-content {
    padding: 22px;
  }

  .pc-content h3 {
    font-size: 18px;
  }

  .pc-btn {
    font-size: 11px;
    padding: 12px;
  }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-891c9d7 *//* ===============================
   GLOBAL SAFETY (IMPORTANT)
================================ */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* ===============================
   PAGEANT PROGRAM SECTION
================================ */

.pageant-section {
  background: #000;
  color: #fff;
  padding: clamp(56px, 8vw, 100px) clamp(16px, 4vw, 32px);
  font-family: system-ui, -apple-system, sans-serif;
  overflow-x: hidden;
}

.pageant-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* GRID */
.pageant-grid {
  display: grid;
  gap: clamp(32px, 6vw, 72px);
  align-items: center;
}

/* ===============================
   CONTENT
================================ */

.pageant-content {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.pageant-badge {
  display: inline-block;
  border: 1px solid #fff;
  padding: 6px 16px;
  font-size: clamp(10px, 1.8vw, 11px);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.pageant-content h2 {
  font-size: clamp(26px, 4.5vw, 40px);
  margin-bottom: 20px;
}

.pageant-intro {
  font-size: clamp(14px, 2.5vw, 18px);
  line-height: 1.6;
  margin-bottom: 32px;
}

/* LIST */
.pageant-list h4 {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.pageant-list ul {
  list-style: none;
  padding: 0;
  margin-bottom: 32px;
  max-width: 100%;
}

.pageant-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;
  line-height: 1.5;
  font-size: clamp(13px, 2.4vw, 15px);
}

.pageant-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
}

/* ===============================
   PRICE
================================ */

.pageant-price {
  border: 1px solid #fff;
  padding: clamp(18px, 4vw, 28px);
  margin-bottom: 32px;
  max-width: 100%;
  box-sizing: border-box;
}

.pageant-price .price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  flex-wrap: wrap;
  gap: 8px;
}

.pageant-price span {
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.pageant-price strong {
  font-size: clamp(22px, 4vw, 32px);
}

.pageant-price p {
  font-size: clamp(12px, 2.4vw, 14px);
}

/* ===============================
   BUTTON
================================ */

.pageant-btn {
  display: inline-block;
  border: 1px solid #fff;
  padding: 14px 28px;
  color: #000;
  background: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  transition: 0.25s ease;
  max-width: 100%;
  box-sizing: border-box;
}

.pageant-btn:hover {
  background: #000;
  color: #fff;
}

/* ===============================
   MEDIA
================================ */

.pageant-media {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}

.pageant-image img {
  width: 100%;
  height: clamp(300px, 50vw, 720px);
  object-fit: cover;
  display: block;
}

/* STAT BADGE — SAFE POSITIONING */
.pageant-stat {
  position: absolute;
  bottom: 16px;
  left: 16px;               /* ✅ no negative offset */
  background: #fff;
  color: #000;
  padding: clamp(14px, 3vw, 24px);
  max-width: 240px;
  box-sizing: border-box;
}

.pageant-stat strong {
  display: block;
  font-size: clamp(22px, 4vw, 40px);
  margin-bottom: 6px;
  line-height: 1;
}

.pageant-stat span {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: normal;     /* ✅ allow wrap */
}

/* ===============================
   RESPONSIVE LAYOUT
================================ */

/* Tablet and up */
@media (min-width: 768px) {
  .pageant-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* Mobile refinements */
@media (max-width: 767px) {

  .pageant-content {
    text-align: center;
  }

  .pageant-badge {
    margin-left: auto;
    margin-right: auto;
  }

  .pageant-list ul {
    display: inline-block;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .pageant-price {
    text-align: center;
  }

  .pageant-price .price-row {
    justify-content: center;
  }

  .pageant-btn {
    margin-left: auto;
    margin-right: auto;
  }

  .pageant-stat {
    position: static;
    margin: 16px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: calc(100vw - 32px); /* 🔒 never exceed screen */
    text-align: center;
  }

  .pageant-stat strong {
    margin: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5058524 *//* ===============================
   PROGRAM OUTCOMES
================================ */

.outcomes {
  background: #fff;
  padding: 80px 20px;
  color: #000;
  font-family: system-ui, -apple-system, sans-serif;
}

.outcomes-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* HEADER */
.outcomes-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 80px;
}

.outcomes-badge {
  display: inline-block;
  border: 1px solid #000;
  padding: 6px 16px;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.outcomes-header h2 {
  font-size: 40px;
  margin-bottom: 20px;
}

.outcomes-header p {
  font-size: 18px;
  line-height: 1.6;
}

/* GRID */
.outcomes-grid {
  display: grid;
  gap: 48px;
  text-align: center;
}

/* CARD */
.outcome-card h4 {
  font-size: 20px;
  margin-bottom: 8px;
}

.outcome-card p {
  font-size: 14px;
  line-height: 1.5;
}

/* CIRCLE */


.outcome-circle span {
  font-size: 36px;
  font-weight: 600;
}

/* ===============================
   RESPONSIVE
================================ */

/* Tablet */
@media (min-width: 768px) {
  .outcomes-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .outcomes-header h2 {
    font-size: 34px;
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .outcomes-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .outcomes-header h2 {
    font-size: 42px;
  }
}

/* ===============================
   MOBILE SIZE REDUCTION
================================ */
@media (max-width: 767px) {

  .outcomes {
    padding: 60px 16px;
  }

  .outcomes-header {
    margin-bottom: 50px;
  }

  .outcomes-badge {
    font-size: 11px;
    padding: 5px 12px;
    margin-bottom: 18px;
  }

  .outcomes-header h2 {
    font-size: 26px;
    margin-bottom: 14px;
  }

  .outcomes-header p {
    font-size: 14px;
    line-height: 1.5;
  }

  .outcomes-grid {
    gap: 32px;
  }

  .outcome-card h4 {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .outcome-card p {
    font-size: 12px;
  }

  .outcome-circle span {
    font-size: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66f4925 *//* ===============================
   REVIEWS SECTION
================================ */

.reviews-section {
  background: #fff;
  padding: 20px 20px;
  color: #000;
  font-family: system-ui, -apple-system, sans-serif;
}

.reviews-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* HEADER */
.reviews-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 80px;
}

.reviews-badge {
  display: inline-block;
  border: 1px solid #000;
  padding: 6px 16px;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.reviews-header h2 {
  font-size: 40px;
  margin-bottom: 18px;
}

.reviews-header p {
  font-size: 18px;
  line-height: 1.6;
}

/* GRID */
.reviews-grid {
  display: grid;
  gap: 32px;
}

/* CARD */
.review-card {
  border: 1px solid #000;
  padding: 28px;
}

.stars {
  font-size: 16px;
  margin-bottom: 14px;
}

.review-text {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 20px;
  font-style: italic;
}

.review-author strong {
  display: block;
  font-size: 16px;
}

.review-author span {
  font-size: 13px;
}

/* ===============================
   RESPONSIVE
================================ */

/* Tablet */
@media (min-width: 768px) {
  .reviews-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .reviews-header h2 {
    font-size: 34px;
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .reviews-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .reviews-header h2 {
    font-size: 42px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .reviews-section {
    padding: 20px 16px;
  }

  .reviews-header {
    margin-bottom: 60px;
  }

  .reviews-header h2 {
    font-size: 26px;
  }

  .reviews-header p {
    font-size: 14px;
  }

  .review-card {
    padding: 22px;
  }

  .review-text {
    font-size: 13px;
  }

  .review-author strong {
    font-size: 14px;
  }

  .review-author span {
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c865c6 *//* ===============================
   GLOBAL
================================ */
section {
  font-family: system-ui, -apple-system, sans-serif;
  color: #000;
}

/* ===============================
   REQUIREMENTS
================================ */
.requirements-section {
  background: #fff;
  padding: 80px 20px;
}

.req-container {
  max-width: 1200px;
  margin: auto;
}

.req-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 70px;
}

.req-badge {
  border: 1px solid #000;
  padding: 6px 16px;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 20px;
}

.req-header h2 {
  font-size: 40px;
  margin-bottom: 16px;
}

.req-header p {
  font-size: 18px;
  line-height: 1.6;
}

.req-grid {
  display: grid;
  gap: 32px;
  max-width: 900px;
  margin: auto;
}

.req-card {
  border: 1px solid #000;
  padding: 32px;
}

.req-card h3 {
  font-size: 24px;
  margin-bottom: 16px;
}

.req-card ul {
  list-style: none;
  padding: 0;
}

.req-card li {
  margin-bottom: 10px;
  font-size: 15px;
}

.req-card .muted li {
  opacity: 0.75;
}

/* ===============================
   EXPECTATIONS
================================ */
.expectations {
  background: #000;
  color: #fff;
  margin-top: 60px;
  padding: 40px;
  text-align: center;
}

.expectations h3 {
  font-size: 26px;
  margin-bottom: 30px;
}

.expect-grid {
  display: grid;
  gap: 24px;
  max-width: 900px;
  margin: 0 auto;
  justify-items: center;
}

.expect-grid > div {
  max-width: 420px;
}

.expect-grid h4 {
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
  text-align: center;
}

.expect-grid ul {
  list-style: none;
  padding: 0;
  text-align: left;
  display: inline-block;
}

.expect-grid li {
  font-size: 14px;
  margin-bottom: 8px;
}

/* ===============================
   PAYMENTS
================================ */
.payments-section {
  background: #f5f5f5;
  padding: 20px 20px;
}

.pay-container {
  max-width: 1200px;
  margin: auto;
}

.pay-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 70px;
}

.pay-badge {
  border: 1px solid #000;
  padding: 6px 16px;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 20px;
}

.pay-header h2 {
  font-size: 40px;
  margin-bottom: 16px;
}

.pay-header p {
  font-size: 18px;
}

/* PLANS */
.pay-grid {
  display: grid;
  gap: 32px;
}

.pay-card {
  background: #fff;
  border: 1px solid #000;
  padding: 32px;
  text-align: center;
}

.pay-card.featured {
  border-width: 2px;
}

.pay-card .tag {
  display: inline-block;
  border: 1px solid #000;
  padding: 4px 12px;
  font-size: 11px;
  margin-bottom: 12px;
}

.pay-card h3 {
  font-size: 24px;
  margin-bottom: 12px;
}

.price {
  font-size: 36px;
  margin-bottom: 6px;
}

.note {
  font-size: 14px;
  margin-bottom: 20px;
}

.pay-card ul {
  list-style: none;
  padding: 0;
}

.pay-card li {
  font-size: 14px;
  margin-bottom: 8px;
}

/* DETAILS */
.pay-details {
  background: #fff;
  border: 1px solid #000;
  padding: 40px;
  margin-top: 60px;
  text-align: center;
}

.detail-grid {
  display: grid;
  gap: 32px;
  margin: 30px 0;
}

.pay-details h3 {
  font-size: 26px;
  margin-bottom: 24px;
}

.pay-details h4 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 12px;
}

.pay-details ul {
  list-style: none;
  padding: 0;
}

.pay-details li {
  font-size: 14px;
  margin-bottom: 8px;
}

.refund {
  font-size: 14px;
  margin-bottom: 24px;
}

/* SCHEDULE CONSULTATION BUTTON */
.pay-btn {
  display: inline-block;
  border: 1px solid #000;
  padding: 14px 28px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  text-decoration: none;
  background: #000;
  color: #fff;
  transition: 0.3s ease;
}

/* HOVER: BLACK & WHITE ONLY */
.pay-btn:hover {
  background: #fff;
  color: #000;
}

/* ===============================
   RESPONSIVE
================================ */
@media (min-width: 768px) {
  .req-grid,
  .pay-grid,
  .expect-grid,
  .detail-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .pay-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {

  .requirements-section,
  .payments-section {
    padding: 20px 16px;
  }

  .req-header,
  .pay-header {
    margin-bottom: 40px;
  }

  .req-header h2,
  .pay-header h2 {
    font-size: 26px;
  }

  .req-header p,
  .pay-header p {
    font-size: 14px;
  }

  .req-grid,
  .pay-grid,
  .expect-grid,
  .detail-grid {
    gap: 20px;
  }

  .req-card,
  .pay-card {
    padding: 22px;
  }

  .expectations {
    padding: 26px 20px;
    margin-top: 40px;
  }

  .pay-details {
    padding: 24px 20px;
    margin-top: 40px;
  }

  .price {
    font-size: 28px;
  }
}

/* ===============================
   REDESIGNED EXPECTATIONS CONTENT
================================ */

.expectations {
  background: #000;
  color: #fff;
  margin-top: 60px;
  padding: 48px 40px;
  text-align: center;
}

.expectations h3 {
  font-size: 26px;
  margin-bottom: 36px;
}

/* Grid container */
.expect-grid {
  display: grid;
  gap: 32px;
  max-width: 900px;
  margin: 0 auto;
}

/* Individual columns */
.expect-grid > div {
  border: 1px solid #fff;
  padding: 28px 26px;
  text-align: center;
}

/* Section titles */
.expect-grid h4 {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 18px;
  position: relative;
}

/* subtle divider under heading */
.expect-grid h4::after {
  content: "";
  display: block;
  width: 200px;
  height: 1px;
  background: #fff;
  margin: 12px auto 0;
}

/* Lists */
.expect-grid ul {
  list-style: disc;
  padding: 0;
  margin: 0;
}

.expect-grid li {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
  opacity: 0.9;
}

/* ===============================
   RESPONSIVE TUNING
================================ */

/* Tablet & Desktop */
@media (min-width: 768px) {
  .expect-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .expectations {
    padding: 32px 20px;
  }

  .expect-grid {
    gap: 20px;
  }

  .expect-grid > div {
    padding: 22px 18px;
  }

  .expect-grid li {
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fc9814 *//* ===============================
   CTA SECTION – LIGHT VERSION
================================ */

.cta-section.light {
  position: relative;
  background: #000;
  color: #fff;
  padding: 100px 20px;
  overflow: hidden;
  font-family: system-ui, -apple-system, sans-serif;
}

/* Subtle background shape */
.cta-section.light .cta-bg-shape {
  position: absolute;
  inset: 0;
  opacity: 0.06;
  background: linear-gradient(
    to bottom right,
    #fff 0%,
    transparent 60%
  );
}

/* Container */
.cta-container {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
}

/* Content */
.cta-content {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.cta-content h2 {
  font-size: 40px;
  margin-bottom: 20px;
  color: #fff;
}

.cta-content p {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 36px;
  color: #fff;
}

/* Buttons */
.cta-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* Base button */
.cta-btn {
  display: inline-block;
  padding: 14px 30px;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #fff;
  transition: 0.3s ease;
}

/* Primary button */
.cta-btn.primary {
  background: #000;
  color: #fff;
}

.cta-btn.primary:hover {
  background: #fff;
  color: #000;
}

/* Outline button */
.cta-btn.outline {
  background: transparent;
  color: #fff;
}

.cta-btn.outline:hover {
  background: #000;
  color: #fff;
}

/* ===============================
   RESPONSIVE
================================ */

/* Tablet */
@media (max-width: 1024px) {
  .cta-content h2 {
    font-size: 34px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .cta-section.light {
    padding: 70px 16px;
  }

  .cta-content h2 {
    font-size: 26px;
  }

  .cta-content p {
    font-size: 14px;
  }

  .cta-buttons {
    flex-direction: column;
  }

  .cta-btn {
    width: 100%;
    text-align: center;
  }
}/* End custom CSS */