.elementor-kit-12{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!-- 
  VITALIS QUEST — Retreats Page
  Elementor HTML Widget-be másolandó
-->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap" rel="stylesheet">

<style>
.vqr * { box-sizing: border-box; margin: 0; padding: 0; }
.vqr {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  background: #FAF8F4;
  width: 100%;
  --obsidian: #1A1714;
  --charcoal: #2D2926;
  --stone: #6B6560;
  --sand: #C4B89A;
  --cream: #F5F0E8;
  --ivory: #FAF8F4;
  --jade: #4A7C6F;
  --jade-dark: #3A6B60;
  --terracotta: #B5633A;
  --gold: #C49A45;
  --gold-light: #DDB96A;
}

/* ── TYPOGRAPHY ── */
.vqr .vq-tag {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 14px;
}
.vqr .tag-gold  { color: var(--gold); }
.vqr .tag-jade  { color: var(--jade); }
.vqr .tag-terra { color: var(--terracotta); }
.vqr .tag-muted { color: rgba(250,248,244,0.45); }

.vqr h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 300;
  line-height: 1.08;
  color: var(--cream);
  margin-bottom: 18px;
}
.vqr h1 em { font-style: italic; color: var(--gold-light); }

.vqr h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(24px, 3.2vw, 38px);
  font-weight: 300;
  line-height: 1.2;
  color: var(--obsidian);
  margin-bottom: 14px;
}
.vqr h2 em { font-style: italic; color: var(--terracotta); }
.vqr h2.light { color: var(--cream); }

.vqr h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 400;
  color: var(--obsidian);
  margin-bottom: 10px;
  line-height: 1.3;
}
.vqr h3.light { color: var(--cream); }

.vqr p {
  font-size: 15px;
  line-height: 1.8;
  color: var(--stone);
  font-weight: 300;
}

/* ── BUTTONS ── */
.vqr .btn-jade {
  display: inline-block;
  background: var(--jade);
  color: var(--ivory);
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  padding: 14px 32px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.3s;
}
.vqr .btn-jade:hover { background: var(--jade-dark); }

.vqr .btn-outline {
  display: inline-block;
  background: transparent;
  color: var(--sand);
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  padding: 13px 32px;
  border: 1px solid rgba(196,184,154,0.35);
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s;
}
.vqr .btn-outline:hover { border-color: var(--sand); color: var(--cream); }

.vqr .btn-white {
  display: inline-block;
  background: var(--ivory);
  color: var(--obsidian);
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  padding: 14px 32px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.3s;
}
.vqr .btn-white:hover { opacity: 0.88; }

.vqr .btn-link {
  display: inline-block;
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--jade);
  text-decoration: none;
  border-bottom: 1px solid rgba(74,124,111,0.4);
  padding-bottom: 2px;
  transition: all 0.3s;
}
.vqr .btn-link:hover { color: var(--terracotta); border-color: rgba(181,99,58,0.4); }

.vqr .btn-link-gold {
  display: inline-block;
  font-family: 'Jost', sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  text-decoration: none;
  border-bottom: 1px solid rgba(196,154,69,0.4);
  padding-bottom: 2px;
  transition: all 0.3s;
}

/* ── 01 HERO ── */
.vqr-hero {
  background: var(--obsidian);
  padding: clamp(80px, 10vw, 130px) clamp(32px, 6vw, 100px);
  position: relative;
  overflow: hidden;
  min-height: 70vh;
  display: flex;
  align-items: center;
}

.vqr-hero-inner { position: relative; z-index: 1; max-width: 640px; }
.vqr-hero p { color: var(--stone); max-width: 500px; margin-bottom: 0; }

/* ── 02 FLAGSHIP ── */
.vqr-flagship {
  background: var(--ivory);
  padding: clamp(60px, 8vw, 110px) clamp(32px, 6vw, 100px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(40px, 6vw, 80px);
  align-items: start;
}
.vqr-flagship p { margin-bottom: 16px; }
.vqr-flagship p:last-of-type { margin-bottom: 28px; }

.vqr-flagship-card {
  background: var(--obsidian);
  padding: 36px 32px;
}
.vqr-badge {
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  border: 1px solid rgba(196,154,69,0.35);
  padding: 4px 12px;
  display: inline-block;
  margin-bottom: 18px;
}
.vqr-flagship-card ul {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}
.vqr-flagship-card ul li {
  font-size: 13px;
  color: var(--stone);
  padding: 8px 0;
  border-bottom: 1px solid rgba(196,184,154,0.08);
  line-height: 1.5;
  font-weight: 300;
}
.vqr-flagship-card ul li::before { content: '— '; color: var(--jade); }
.vqr-price-note {
  font-size: 12px;
  color: rgba(196,184,154,0.5);
  font-style: italic;
  margin-top: 16px;
}

/* ── 03 PORTFOLIO GRID ── */
.vqr-portfolio {
  background: var(--cream);
  padding: clamp(60px, 8vw, 110px) clamp(32px, 6vw, 100px);
}
.vqr-portfolio-head {
  margin-bottom: 40px;
}
.vqr-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--sand);
}
.vqr-card {
  background: var(--ivory);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
}
.vqr-card-loc {
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 10px;
  display: block;
}
.vqr-card h3 {
  font-size: 18px;
  margin-bottom: 10px;
  flex: 0;
}
.vqr-card p {
  font-size: 12px;
  line-height: 1.7;
  color: var(--stone);
  flex: 1;
  margin-bottom: 16px;
}
.vqr-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid rgba(196,184,154,0.25);
  margin-top: auto;
}
.vqr-card-price {
  font-size: 12px;
  color: var(--jade);
  font-weight: 400;
}
.vqr-card-urgency {
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--terracotta);
  display: block;
  margin-bottom: 14px;
}

/* ── 04 SCHEDULE ── */
.vqr-schedule {
  background: var(--charcoal);
  padding: clamp(60px, 8vw, 110px) clamp(32px, 6vw, 100px);
}
.vqr-timeline { margin-top: 36px; }
.vqr-t-item {
  display: grid;
  grid-template-columns: 110px 1fr auto;
  gap: 24px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(196,184,154,0.08);
  align-items: center;
}
.vqr-t-item:last-child { border-bottom: none; }
.vqr-t-date {
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
  line-height: 1.5;
}
.vqr-t-info h4 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  font-weight: 300;
  color: var(--cream);
  margin-bottom: 4px;
}
.vqr-t-info p {
  font-size: 12px;
  color: var(--stone);
  line-height: 1.5;
}
.vqr-t-info .spots {
  font-size: 9px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--terracotta);
  margin-top: 4px;
  display: block;
}
.vqr-t-cta { text-align: right; flex-shrink: 0; }
.vqr-t-price {
  font-size: 11px;
  color: var(--jade);
  display: block;
  margin-bottom: 8px;
  text-align: right;
}

/* ── 05 FINAL CTA ── */
.vqr-cta {
  background: var(--obsidian);
  padding: clamp(72px, 10vw, 130px) clamp(32px, 6vw, 100px);
  text-align: center;
  border-top: 1px solid rgba(196,184,154,0.1);
}
.vqr-cta h2.light { max-width: 560px; margin: 0 auto 16px; }
.vqr-cta p { color: var(--stone); max-width: 440px; margin: 0 auto 36px; }

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .vqr-flagship { grid-template-columns: 1fr; }
  .vqr-grid { grid-template-columns: 1fr 1fr; }
  .vqr-t-item { grid-template-columns: 90px 1fr; }
  .vqr-t-cta { display: none; }
}
@media (max-width: 600px) {
  .vqr-grid { grid-template-columns: 1fr; }
}
</style>

<div class="vqr">

  <!-- ══ 01 HERO ══ -->
  <section class="vqr-hero">
    <div class="vqr-hero-inner">
      <span class="vq-tag tag-gold">Transformational Retreat Programs · Worldwide</span>
      <h1>Retreats That <em>Transform</em> Lives</h1>
      <p>From fertility healing to nervous system reset — our programs are designed for people who are ready for real change. Science-grounded, nature-immersed, expertly guided.</p>
    </div>
  </section>

  <!-- ══ 02 FLAGSHIP ══ -->
  <section class="vqr-flagship">
    <div class="left">
      <span class="vq-tag tag-jade">Flagship Program</span>
      <h2>6-Day Fertility Reset <em>Retreat</em></h2>
      <p>Our core offer. Built on the Five Pillars framework — Nervous System Softening, Biological Nourishment, Flow & Circulation, Emotional Integration, and Inner-Outer Coherence.</p>
      <p>Available in select destinations. Limited to 8–12 participants per intake. Every program is expertly guided and fully supported.</p>
      <a href="/contact" class="btn-jade">Apply for the Retreat</a>
    </div>
    <div class="right">
      <div class="vqr-flagship-card">
        <div class="vqr-badge">Limited to 8 Couples · Next Intake Open</div>
        <h3 class="light">What's Included</h3>
        <ul>
          <li>Daily yoga & breathwork sessions</li>
          <li>1:1 fertility consultation</li>
          <li>Nutrition & lifestyle workshops</li>
          <li>Healing ceremony experiences</li>
          <li>Couples connection sessions</li>
          <li>Nervous system regulation practices</li>
          <li>Personal fertility action plan</li>
        </ul>
        <p class="vqr-price-note">Investment from USD 3,500 per person</p>
      </div>
    </div>
  </section>

  <!-- ══ 03 PORTFOLIO GRID ══ -->
  <section class="vqr-portfolio">
    <div class="vqr-portfolio-head">
      <span class="vq-tag tag-jade">All Programs</span>
      <h2>The Full Retreat Portfolio</h2>
    </div>
    <div class="vqr-grid">

      <!-- Mexico -->
      <div class="vqr-card">
        <span class="vqr-card-loc">Mexico · Riviera Maya</span>
        <h3>Fertility & Emotional Reset</h3>
        <span class="vqr-card-urgency">Limited to 8 couples</span>
        <p>Water, womb healing and nervous system reset. Our flagship fertility program in the Caribbean.</p>
        <div class="vqr-card-footer">
          <span class="vqr-card-price">From USD 3,500</span>
          <a href="/retreats/fertility-mexico" class="btn-link">Learn More →</a>
        </div>
      </div>

      <!-- Spain -->
      <div class="vqr-card">
        <span class="vqr-card-loc">Spain · Ibiza / Mallorca</span>
        <h3>Creative Rebirth</h3>
        <span class="vqr-card-urgency">Limited to 12 participants</span>
        <p>Clarity, creative output and a new direction — in Mediterranean silence and warmth.</p>
        <div class="vqr-card-footer">
          <span class="vqr-card-price">From USD 1,800</span>
          <a href="/retreats/creative-spain" class="btn-link">Learn More →</a>
        </div>
      </div>

      <!-- Morocco -->
      <div class="vqr-card">
        <span class="vqr-card-loc">Morocco · Sahara Desert</span>
        <h3>Silence & Vision</h3>
        <span class="vqr-card-urgency">Limited to 10 participants</span>
        <p>24-hour solo desert sit, nomadic rituals, and a vision mapping workshop for life direction.</p>
        <div class="vqr-card-footer">
          <span class="vqr-card-price">From USD 3,500</span>
          <a href="/retreats/silence-morocco" class="btn-link">Learn More →</a>
        </div>
      </div>

      <!-- Costa Rica -->
      <div class="vqr-card">
        <span class="vqr-card-loc">Costa Rica · Uvita</span>
        <h3>Vitality & Longevity</h3>
        <span class="vqr-card-urgency">Limited to 12 participants</span>
        <p>Nature-based biohacking, circadian reset, jungle immersion — back to biological baseline.</p>
        <div class="vqr-card-footer">
          <span class="vqr-card-price">From USD 4,500</span>
          <a href="/retreats/vitality-costa-rica" class="btn-link">Learn More →</a>
        </div>
      </div>

      <!-- Austria -->
      <div class="vqr-card">
        <span class="vqr-card-loc">Austria · Alps</span>
        <h3>Grounding & Structure</h3>
        <span class="vqr-card-urgency">Limited to 10 participants</span>
        <p>European shamanic retreat — mountain walks, cold water immersion, breathwork and inner council work.</p>
        <div class="vqr-card-footer">
          <span class="vqr-card-price">From USD 2,200</span>
          <a href="/retreats/grounding-austria" class="btn-link">Learn More →</a>
        </div>
      </div>

      <!-- Peru -->
      <div class="vqr-card">
        <span class="vqr-card-loc">Peru · Sacred Valley</span>
        <h3>Activation & Purpose</h3>
        <span class="vqr-card-urgency">Limited to 10 participants</span>
        <p>High-altitude ceremonies, Machu Picchu integration day, breathwork and life calling clarity.</p>
        <div class="vqr-card-footer">
          <span class="vqr-card-price">From USD 5,300</span>
          <a href="/retreats/activation-peru" class="btn-link">Learn More →</a>
        </div>
      </div>

      <!-- Colombia -->
      <div class="vqr-card">
        <span class="vqr-card-loc">Colombia · Putumayo Jungle</span>
        <h3>Ancestral Healing</h3>
        <span class="vqr-card-urgency">Exclusive · Max 8 participants</span>
        <p>Deep jungle, tribal healing traditions, plant wisdom and ancestral reset with indigenous guides.</p>
        <div class="vqr-card-footer">
          <span class="vqr-card-price">From USD 3,500</span>
          <a href="/retreats/ancestral-colombia" class="btn-link">Learn More →</a>
        </div>
      </div>

      <!-- Iceland -->
      <div class="vqr-card">
        <span class="vqr-card-loc">Iceland</span>
        <h3>Elemental Power</h3>
        <span class="vqr-card-urgency">Limited to 10 participants</span>
        <p>Fire & ice, volcanic landscapes, fear release practices and inner strength activation.</p>
        <div class="vqr-card-footer">
          <span class="vqr-card-price">From USD 6,000</span>
          <a href="/retreats/elemental-iceland" class="btn-link">Learn More →</a>
        </div>
      </div>

      <!-- Egypt -->
      <div class="vqr-card">
        <span class="vqr-card-loc">Egypt · Giza & Luxor</span>
        <h3>Identity & Consciousness</h3>
        <span class="vqr-card-urgency">Limited to 10 participants</span>
        <p>Ancient codes, pyramid sunrise meditation, temple ceremonies — rewrite your inner blueprint.</p>
        <div class="vqr-card-footer">
          <span class="vqr-card-price">From USD 5,500</span>
          <a href="/retreats/identity-egypt" class="btn-link">Learn More →</a>
        </div>
      </div>

    </div>
  </section>

  <!-- ══ 04 SCHEDULE ══ -->
  <section class="vqr-schedule">
    <span class="vq-tag tag-gold">Upcoming Programs</span>
    <h2 class="light">2026–2027 Schedule</h2>
    <div class="vqr-timeline">

      <div class="vqr-t-item">
        <div class="vqr-t-date">Oct 2026</div>
        <div class="vqr-t-info">
          <h4>Creative Rebirth — Spain</h4>
          <p>Ibiza / Mallorca · 4–5 days · Max 12 guests</p>
          <span class="spots">Applications open</span>
        </div>
        <div class="vqr-t-cta">
          <span class="vqr-t-price">From USD 1,800</span>
          <a href="/contact" class="btn-link-gold">Apply for the Retreat</a>
        </div>
      </div>

      <div class="vqr-t-item">
        <div class="vqr-t-date">Nov 2026</div>
        <div class="vqr-t-info">
          <h4>Silence & Vision — Morocco</h4>
          <p>Sahara Desert · 5 days · Max 10 guests</p>
          <span class="spots">Applications open</span>
        </div>
        <div class="vqr-t-cta">
          <span class="vqr-t-price">From USD 3,500</span>
          <a href="/contact" class="btn-link-gold">Apply for the Retreat</a>
        </div>
      </div>

      <div class="vqr-t-item">
        <div class="vqr-t-date">Dec 2026</div>
        <div class="vqr-t-info">
          <h4>Fertility Reset — Mexico</h4>
          <p>Riviera Maya · 6 days · Max 8 couples</p>
          <span class="spots">Limited — 3 spaces remaining</span>
        </div>
        <div class="vqr-t-cta">
          <span class="vqr-t-price">From USD 3,500</span>
          <a href="/contact" class="btn-link-gold">Apply for the Retreat</a>
        </div>
      </div>

      <div class="vqr-t-item">
        <div class="vqr-t-date">Jan 2027</div>
        <div class="vqr-t-info">
          <h4>Vitality & Longevity — Costa Rica</h4>
          <p>Uvita · 5 days · Max 12 guests</p>
          <span class="spots">Applications open</span>
        </div>
        <div class="vqr-t-cta">
          <span class="vqr-t-price">From USD 4,500</span>
          <a href="/contact" class="btn-link-gold">Apply for the Retreat</a>
        </div>
      </div>

      <div class="vqr-t-item">
        <div class="vqr-t-date">Feb 2027</div>
        <div class="vqr-t-info">
          <h4>Fertility Reset — Mexico</h4>
          <p>Riviera Maya · 6 days · Max 8 couples</p>
          <span class="spots">Applications open</span>
        </div>
        <div class="vqr-t-cta">
          <span class="vqr-t-price">From USD 3,500</span>
          <a href="/contact" class="btn-link-gold">Apply for the Retreat</a>
        </div>
      </div>

      <div class="vqr-t-item">
        <div class="vqr-t-date">Mar 2027</div>
        <div class="vqr-t-info">
          <h4>Fertility Reset + Ancestral Healing</h4>
          <p>Mexico + Colombia · parallel programs</p>
          <span class="spots">Applications open</span>
        </div>
        <div class="vqr-t-cta">
          <span class="vqr-t-price">From USD 3,500</span>
          <a href="/contact" class="btn-link-gold">Apply for the Retreat</a>
        </div>
      </div>

    </div>
  </section>

  <!-- ══ 05 FINAL CTA ══ -->
  <section class="vqr-cta">
    <span class="vq-tag tag-muted">Take the Next Step</span>
    <h2 class="light">Not Sure Which Retreat Is Right for You?</h2>
    <p>Book a private call with Arumi Nomad. We'll help you find the right program, timing, and approach for your situation.</p>
    <a href="/contact" class="btn-white">Book a Private Call</a>
  </section>

</div>/* End custom CSS */