/* Óla Española — правки поверх експорту з Framer.
   Підключається останнім у <head>, тому перемагає стилі Framer. */

:root {
  --ola-cream: #f9f2d8;
  --ola-brown: #492a2d;
  --ola-orange: #ef582d;
  --ola-red: #db5035;
  --ola-yellow: #f7c245;
  --ola-blue: #45a5c8;
  --ola-display: "Friendful Black", "Friendful Black Placeholder", sans-serif;
}

/* ---------- 1. «Крок 1/2/3»: рівні відступи між картками (десктоп) ---------- */
@media (min-width: 1440px) {
  .framer-1jldlnq {
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 48px !important;
    padding-top: 56px !important;
    height: auto !important;
    overflow: visible !important;
  }
  .framer-dtke4y-container,
  .framer-gw9xc8-container,
  .framer-x4gvwm-container {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
  }
  /* у DOM порядок 1-3-2, у рядку має бути 1-2-3 */
  .framer-dtke4y-container { order: 1; }
  .framer-gw9xc8-container { order: 2; }
  .framer-x4gvwm-container { order: 3; }
}

/* ---------- 2. Червоний «штамп» не обрізається ---------- */
.framer-1wh9pp8 { overflow: visible !important; }
@media (min-width: 810px) {
  .framer-109py41 { z-index: 3 !important; }
}
@media (min-width: 1440px) {
  /* трохи ліворуч, щоб накладався на кут фото, а не на обличчя */
  .framer-109py41 { left: calc(51.7857% - 216.5px - 60px) !important; }
}

/* ---------- 3. Портрет: прибрати світлі кути ---------- */
.framer-ssvf42 {
  background-color: transparent !important;
  border-radius: 40px !important;
}

/* ---------- 4. Текст «Хто стоїть за Óla Española» ---------- */
.framer-17l370j { gap: 18px !important; }

/* Дві колонки на десктопі: заголовок на всю ширину, текст у двох колонках */
@media (min-width: 1440px) {
  .framer-17l370j {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    column-gap: 56px;
    row-gap: 22px;
    align-items: start;
    padding: 0 30px !important;
  }
  .framer-17l370j .framer-th1n59 { grid-column: 1 / -1; }
  /* абзаци першого блоку стають елементами сітки: вступ — на всю ширину,
     решта — ліва колонка; другий блок — права колонка */
  .framer-17l370j .framer-niwov8 { display: contents !important; }
  .framer-17l370j .framer-niwov8 > p:first-child { grid-column: 1 / -1; grid-row: 2; }
  .framer-17l370j .framer-niwov8 > p:nth-child(n + 2) { grid-column: 1; }
  .framer-17l370j .framer-10jvjpw { grid-column: 2; grid-row: 3 / span 3; }
}
@media (min-width: 810px) and (max-width: 1439.98px) {
  .framer-17l370j { max-width: 720px; align-self: flex-start; }
}

/* Вступний рядок — великий, у шрифті заголовків */
.framer-17l370j .framer-niwov8 > p:first-child {
  font-family: var(--ola-display) !important;
  font-size: 1.9em !important;
  line-height: 1.15 !important;
  color: var(--ola-brown) !important;
  margin-bottom: 0.4em;
}

/* Цитата-стікер «Хороший викладач ніколи не перестає бути студентом.» */
.framer-17l370j .framer-niwov8 > p:nth-child(3) {
  display: inline-block;
  width: auto !important;
  margin: 0.6em 0 0.9em;
  padding: 0.7em 1em 0.75em;
  background: var(--ola-yellow);
  color: var(--ola-brown) !important;
  font-family: var(--ola-display) !important;
  font-size: 1.35em !important;
  line-height: 1.2 !important;
  border-radius: 14px;
  transform: rotate(-1.5deg);
  box-shadow: 0 10px 24px -14px rgba(73, 42, 45, .45);
}

/* Головна думка — маркером */
.framer-17l370j .framer-10jvjpw > p:first-child {
  font-size: 1.15em !important;
}
.framer-17l370j .framer-10jvjpw > p:first-child strong {
  color: var(--ola-brown);
  background: linear-gradient(transparent 58%, var(--ola-yellow) 58%, var(--ola-yellow) 92%, transparent 92%);
  padding: 0 .15em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* Акценти всередині тексту */
.framer-17l370j .framer-10jvjpw > p strong { color: var(--ola-orange); }
.framer-17l370j .framer-niwov8 > p em { color: var(--ola-orange); font-style: normal; }

/* Підпис «Aprendemos español. Vivimos la vida.» */
.framer-17l370j .framer-10jvjpw > p:last-child {
  display: inline-block;
  width: auto !important;
  margin-top: 0.8em;
  padding-top: 0.7em;
  border-top: 2px dashed var(--ola-orange);
  font-family: var(--ola-display) !important;
  font-size: 1.5em !important;
  line-height: 1.2 !important;
  color: var(--ola-orange) !important;
}
.framer-17l370j .framer-10jvjpw > p:last-child em { font-style: normal; }

/* =====================================================================
   Планшет і телефон
   ===================================================================== */

/* ---------- «Крок 1/2/3»: картки у потоці, а не за абсолютними координатами ---------- */
@media (max-width: 1439.98px) {
  .framer-10lqqig { height: auto !important; padding: 0 20px 230px !important; }
  .framer-1mq7eez { height: auto !important; padding: 80px 0 0 !important; gap: 40px !important; }
  .framer-1jldlnq {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 32px !important;
    height: auto !important;
    overflow: visible !important;
    order: 1;
  }
  .framer-1jldlnq .ssr-variant { display: contents !important; }
  .framer-dtke4y-container,
  .framer-gw9xc8-container,
  .framer-x4gvwm-container {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    max-width: 100%;
  }
  .framer-dtke4y-container { order: 1; }
  .framer-gw9xc8-container { order: 2; }
  .framer-x4gvwm-container { order: 3; }
}
@media (max-width: 809.98px) {
  .framer-10lqqig { padding-bottom: 200px !important; }
  .framer-1mq7eez { padding-top: 60px !important; }
  .framer-1jldlnq { flex-direction: column !important; align-items: center !important; gap: 24px !important; }
}

/* ---------- «Для кого»: заголовок → фото → штамп, без накладань ---------- */
@media (max-width: 809.98px) {
  .framer-1wh9pp8 { padding: 45px 0 !important; gap: 24px !important; align-items: center !important; }
  /* скрол-анімація зсуває заголовок на фото, поки не завершиться — вимикаємо на телефоні */
  .framer-oykedo, .framer-109py41 { transform: none !important; opacity: 1 !important; }
  .framer-oykedo .framer-text { text-align: center !important; }
  .framer-109py41 {
    position: relative !important;
    inset: auto !important;
    order: 2;
    width: 357px !important;
    max-width: calc(100vw - 32px);
    height: 432px !important;
    margin: -160px 16px 0 auto;  /* трохи перекриває фото */
    place-content: center !important;
    align-items: center !important;
  }
  .framer-1j10w6n { left: 0 !important; }
  .framer-1eaa09g { top: 52% !important; left: 50% !important; }
}

/* ---------- Банер «¿Listo?»: компонент має фіксовану висоту, щоб хмара й кнопка стали на місце ---------- */
@media (max-width: 809.98px) {
  .framer-7g5nn5 { height: auto !important; padding: 60px 0 !important; }
  .framer-c8yyx8-container { width: 366px !important; height: 633px !important; max-width: 100%; }
}

/* ---------- FAQ на планшеті: у Framer акордеон має ширину 370% і відступи 314px ---------- */
@media (min-width: 810px) and (max-width: 1439.98px) {
  .framer-1e5z565 { padding: 92px 40px !important; }
  .framer-imle2x-container { width: 100% !important; max-width: 760px; }
}

/* ---------- Футер на телефоні: текст не ширший за екран ---------- */
@media (max-width: 809.98px) {
  .framer-1tehv9f { padding: 48px 24px !important; gap: 96px !important; }
  .framer-w9kkwd, .framer-darwua { width: 100% !important; max-width: 100%; }
}

/* ---------- Банер на планшеті: у Framer-варіанті дві однакові хмари, лишаємо одну ---------- */
@media (min-width: 810px) and (max-width: 1439.98px) {
  .framer-13tuv4y { display: none !important; }
}

/* ---------- «Страхи» (зірка → шестикутник) на телефоні: той самий sticky-ефект, що на десктопі ----------
   У phone-варіанті Framer шестикутник вкладений усередину блоку зірки, тому ефект не спрацьовував.
   Робимо зірку і її текст sticky, шестикутник наїжджає зверху під час скролу. */
@media (max-width: 809.98px) {
  .framer-1q4foti { overflow: visible !important; }
  .framer-zor8bv { position: sticky !important; top: 0; }
  .framer-1ythc5m {
    /* текст зірки «липне» синхронно з нею: той самий поріг (443px = висота зірки),
       а на місце його ставить transform, а не відʼємний margin (Safari рахує sticky інакше) */
    position: sticky !important;
    top: 443px !important;
    left: auto !important;
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: -142px !important;
    transform: translateY(-293px) !important;
  }
  .framer-1lo0jcb { order: 1; margin-top: 60px !important; }
}

/* ---------- Банер на широкому телефоні / вузькому планшеті (600–809): ширша рамка без порожнечі знизу ---------- */
@media (min-width: 600px) and (max-width: 809.98px) {
  .framer-c8yyx8-container { width: 560px !important; height: 600px !important; }
  .framer-12cnq7e { width: calc(100% + 12px) !important; height: 470px !important; top: 140px !important; left: -6px !important; }
  .framer-1a20t7r { left: 50% !important; margin-left: -96px; }
}

/* ---------- «Для кого» на планшеті (810–1439): усе по центру, штамп накладається на низ фото ---------- */
@media (min-width: 810px) and (max-width: 1439.98px) {
  .framer-1wh9pp8 {
    flex-direction: column !important;
    align-items: center !important;
    gap: 36px !important;
    padding: 45px 0 40px !important;
  }
  .framer-oykedo { width: 100% !important; }
  .framer-oykedo .framer-text { text-align: center !important; }
  /* скрол-анімація зсуває заголовок на фото, а штамп лишає маленьким — вимикаємо */
  .framer-oykedo, .framer-109py41 { transform: none !important; opacity: 1 !important; }
  .framer-1f0fh80 { order: 1; }
  .framer-109py41 {
    position: relative !important;
    inset: auto !important;
    order: 2;
    zoom: 0.85;
    margin-top: -190px;   /* накладання на нижній край фото */
  }
}

/* =====================================================================
   Інтерактив (див. ola.js)
   ===================================================================== */
.ola-hidden { display: none !important; }
:root {
  --ola-body: "Friendful Variable Variable Medium", "Friendful Medium", "Inter", sans-serif;
  --ola-paper: #fffdf9;
}

/* ---------- Кнопки Framer: пружний hover ---------- */
a.framer-CP0Ej { transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), box-shadow .35s; will-change: transform; }
a.framer-CP0Ej:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 14px 28px -16px rgba(73, 42, 45, .6); }
a.framer-CP0Ej:active { transform: translateY(0) scale(.97); transition-duration: .1s; }

/* ---------- Стікери: похитування ---------- */
@keyframes ola-wobble { 0%, 100% { rotate: 0deg; scale: 1; } 25% { rotate: -6deg; scale: 1.06; } 60% { rotate: 5deg; scale: 1.06; } }
@keyframes ola-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
.framer-p13mv2 { animation: ola-float 4s ease-in-out infinite; }                  /* кактус у хіро */
.framer-p13mv2:hover,
.framer-19fn44x:hover,                                                             /* бейдж «Крок N» */
.framer-i5jeW:hover,                                                               /* номер тарифу */
.framer-9zscds:hover,                                                              /* тег тарифу */
.framer-fzXpU:hover,                                                               /* тег відгуку */
.framer-25jsdy:hover, .framer-1a20t7r:hover,                                       /* хмара в банері */
.framer-109py41:hover .framer-1j10w6n,                                             /* червоний штамп */
.ola-phrase__sticker:hover, .ola-tag:hover { animation: ola-wobble .7s cubic-bezier(.34, 1.56, .64, 1) 1; }
.framer-1f0fh80 { transition: transform .5s cubic-bezier(.34, 1.56, .64, 1), box-shadow .5s; }
.framer-1f0fh80:hover { transform: rotate(5deg) scale(1.02) !important; }           /* полароїд вирівнюється */

/* ---------- Нахил карток за курсором + поява при скролі ---------- */
.ola-tilt { transform-style: preserve-3d; }
.ola-js .ola-reveal, .ola-tilt {
  transform: translateY(var(--ola-ty, 0)) perspective(900px) rotateX(var(--ola-rx, 0deg)) rotateY(var(--ola-ry, 0deg)) !important;
  transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .6s ease;
  transition-delay: var(--ola-delay, 0ms);
}
.ola-js .ola-reveal:not(.ola-in) { opacity: 0 !important; --ola-ty: 28px; }
.ola-js .ola-reveal.ola-in { opacity: 1 !important; }
.ola-tilt:hover { transition-duration: .12s; transition-delay: 0ms; }

/* ---------- Біжучий рядок ---------- */
.ola-ticker-host { overflow: hidden !important; padding: 40px 0 !important; height: auto !important; min-height: 0 !important; width: 100% !important; }
.ola-ticker-host .framer-1b3lhu3 { display: none !important; }   /* жовта плашка зі старим текстом */
.ola-ticker-wrap { display: grid; gap: 14px; width: 100vw; max-width: 100%; }
.ola-ticker { overflow: hidden; width: 110%; margin-left: -5%; padding: 14px 0; white-space: nowrap;
  font-family: var(--ola-display); font-size: clamp(20px, 2.6vw, 34px); letter-spacing: .02em; text-transform: uppercase; }
.ola-ticker--a { background: var(--ola-yellow); color: var(--ola-brown); transform: rotate(-1.5deg); }
.ola-ticker--b { background: var(--ola-orange); color: var(--ola-cream); transform: rotate(1.2deg); }
.ola-ticker__track { display: inline-flex; align-items: center; animation: ola-marquee 42s linear infinite; }
.ola-ticker--b .ola-ticker__track { animation-direction: reverse; animation-duration: 36s; }
.ola-ticker:hover .ola-ticker__track { animation-play-state: paused; }
.ola-ticker__track span { padding: 0 .5em; }
.ola-ticker__track i { font-style: normal; opacity: .6; font-size: .7em; }
@keyframes ola-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .ola-ticker__track { animation: none; } .framer-p13mv2 { animation: none; } }

/* ---------- Живе слово у хіро ---------- */
.ola-word { display: inline-block; transition: transform .26s cubic-bezier(.4, 0, 1, 1), opacity .26s; }
.ola-word--out { transform: translateY(-60%) rotate(-6deg); opacity: 0; }
.ola-word--in { animation: ola-word-in .4s cubic-bezier(.34, 1.56, .64, 1); }
@keyframes ola-word-in { from { transform: translateY(60%) rotate(6deg); opacity: 0; } to { transform: none; opacity: 1; } }

/* ---------- Спільне для нових секцій ---------- */
.ola-sec { width: 100%; background: var(--ola-cream); padding: 72px 20px; font-family: var(--ola-body); color: var(--ola-brown); box-sizing: border-box; }
.ola-sec *, .ola-fab * { box-sizing: border-box; }
.ola-sec__inner { max-width: 760px; margin: 0 auto; }
.ola-kicker { font-family: var(--ola-display); font-size: 14px; letter-spacing: .12em; text-transform: uppercase; color: var(--ola-orange); margin-bottom: 10px; text-align: center; }
.ola-h2 { font-family: var(--ola-display); font-weight: 400; font-size: clamp(30px, 4.4vw, 48px); line-height: 1.05; text-align: center; margin: 0 0 32px; }
.ola-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 16px 28px; border-radius: 999px; border: 0; cursor: pointer;
  background: var(--ola-orange); color: var(--ola-cream); font: 700 17px/1 var(--ola-display); text-decoration: none; letter-spacing: .01em;
  box-shadow: 0 6px 0 #b5401f; transition: transform .25s cubic-bezier(.34, 1.56, .64, 1), box-shadow .25s; }
.ola-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 0 #b5401f; }
.ola-btn:active { transform: translateY(4px); box-shadow: 0 2px 0 #b5401f; }
.ola-btn--ghost { background: transparent; color: var(--ola-brown); box-shadow: inset 0 0 0 2px var(--ola-brown); }
.ola-btn--ghost:hover, .ola-btn--ghost:active { box-shadow: inset 0 0 0 2px var(--ola-brown); }
.ola-btn--sm { padding: 12px 20px; font-size: 15px; }
.ola-tag { display: inline-block; padding: 8px 14px; border-radius: 999px; background: var(--ola-yellow); color: var(--ola-brown); font: 700 13px/1 var(--ola-display); letter-spacing: .04em; text-transform: uppercase; }
@keyframes ola-pop { from { transform: scale(.96) translateY(10px); opacity: 0; } to { transform: none; opacity: 1; } }
.ola-pop { animation: ola-pop .45s cubic-bezier(.34, 1.56, .64, 1); }

/* ---------- Квіз ---------- */
.ola-quiz__card { background: var(--ola-paper); border-radius: 28px; padding: 36px 36px 32px; box-shadow: 0 24px 50px -30px rgba(73, 42, 45, .45); position: relative; overflow: hidden; }
.ola-quiz__card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 10px;
  background: repeating-linear-gradient(90deg, var(--ola-orange) 0 32px, var(--ola-yellow) 32px 64px); }
.ola-quiz__progress { height: 6px; border-radius: 3px; background: #efe3c2; overflow: hidden; margin: 6px 0 26px; }
.ola-quiz__progress i { display: block; height: 100%; background: var(--ola-blue); border-radius: 3px; transition: width .4s; }
.ola-quiz__q { font-family: var(--ola-display); font-size: clamp(22px, 3vw, 30px); line-height: 1.15; margin: 0 0 22px; }
.ola-quiz__answers { display: grid; gap: 12px; }
.ola-answer { text-align: left; padding: 16px 20px; border-radius: 16px; border: 2px solid #efe3c2; background: #fff; color: var(--ola-brown);
  font: 500 17px/1.3 var(--ola-body); cursor: pointer; transition: transform .2s, border-color .2s, background .2s; }
.ola-answer:hover { border-color: var(--ola-orange); background: #fff6ea; transform: translateX(4px); }
.ola-answer:active { transform: scale(.98); }
.ola-quiz__card--result { text-align: center; padding-top: 44px; }
.ola-quiz__title { font-family: var(--ola-display); font-size: clamp(24px, 3.4vw, 34px); line-height: 1.1; margin: 16px 0 12px; }
.ola-quiz__text { font-size: 17px; line-height: 1.5; margin: 0 0 26px; }
.ola-quiz__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* ---------- Фраза дня ---------- */
.ola-phrase { padding: 40px 20px 80px; }
.ola-phrase__inner { display: flex; align-items: center; gap: 28px; background: var(--ola-blue); color: #fff; border-radius: 28px; padding: 32px 36px; position: relative; }
.ola-phrase__sticker { flex: none; width: 112px; height: 112px; border-radius: 50%; background: var(--ola-yellow); color: var(--ola-brown); display: grid; place-items: center; text-align: center;
  font: 700 18px/1.05 var(--ola-display); rotate: -8deg; box-shadow: 0 10px 20px -12px rgba(0, 0, 0, .4);
  background-image: radial-gradient(circle at 50% 50%, transparent 60%, rgba(0,0,0,.06) 61%); }
.ola-phrase .ola-kicker { color: #e7f4fa; text-align: left; opacity: .9; }
.ola-phrase__es { font-family: var(--ola-display); font-size: clamp(26px, 3.6vw, 40px); line-height: 1.1; margin: 0 0 6px; }
.ola-phrase__ua { font-size: 18px; margin: 0 0 18px; opacity: .95; }
.ola-phrase__actions { display: flex; gap: 10px; flex-wrap: wrap; }
@keyframes ola-pulse { 0%, 100% { box-shadow: 0 6px 0 #b5401f, 0 0 0 0 rgba(239, 88, 45, .5); } 50% { box-shadow: 0 6px 0 #b5401f, 0 0 0 12px rgba(239, 88, 45, 0); } }
.ola-btn--playing { animation: ola-pulse 1s ease-out infinite; }
.ola-phrase .ola-btn--ghost { color: #fff; box-shadow: inset 0 0 0 2px rgba(255,255,255,.7); }
@media (max-width: 600px) { .ola-phrase__inner { flex-direction: column; align-items: flex-start; padding: 28px 24px; } .ola-phrase__sticker { width: 92px; height: 92px; font-size: 15px; } }

/* ---------- Підказки-переклади ---------- */
.ola-tip { position: relative; cursor: help; text-decoration: underline dotted currentColor; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.ola-tip::after { content: attr(data-tip); position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%) translateY(4px);
  background: var(--ola-brown); color: var(--ola-cream); font: 500 14px/1.3 var(--ola-body); letter-spacing: 0; text-transform: none; font-style: normal;
  padding: 8px 12px; border-radius: 10px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; z-index: 50; }
.ola-tip::before { content: ""; position: absolute; left: 50%; bottom: calc(100% + 2px); transform: translateX(-50%); border: 6px solid transparent; border-top-color: var(--ola-brown); opacity: 0; transition: opacity .2s; z-index: 50; }
.ola-tip:hover::after, .ola-tip:focus::after, .ola-tip--open::after, .ola-tip:hover::before, .ola-tip:focus::before, .ola-tip--open::before { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ---------- Плаваюча кнопка Telegram (мобільний) ---------- */
.ola-fab { position: fixed; right: 16px; bottom: 16px; z-index: 60; display: none; align-items: center; gap: 8px; padding: 14px 18px 14px 14px; border-radius: 999px;
  background: var(--ola-blue); color: #fff; font: 700 15px/1 var(--ola-display); text-decoration: none; box-shadow: 0 12px 24px -10px rgba(0, 0, 0, .45);
  transform: translateY(120px); transition: transform .5s cubic-bezier(.34, 1.56, .64, 1), opacity .3s; }
.ola-fab svg { width: 20px; height: 20px; fill: currentColor; }
.ola-fab--show { transform: none; }
.ola-fab--hide { transform: translateY(120px); }
@media (max-width: 809.98px) { .ola-fab { display: inline-flex; } }

/* посилання на сторінку бота у футері головної */
.ola-footer-bot { font: inherit; color: inherit; text-decoration: none; margin-left: 24px; white-space: nowrap; }
.ola-footer-bot:hover { text-decoration: underline; }
@media (max-width: 809.98px) { .ola-footer-bot { margin-left: 0; } }

/* логотип клікабельний */
.ola-logo-link { cursor: pointer; }
.ola-logo-link:hover { opacity: .85; }

/* ---------- Safari/WebKit: порядок малювання не враховує flex `order` ----------
   У банері хмара-рамка (абсолютна, пізніше в DOM) перекривала заголовок і текст;
   у «Страхах» на телефоні текст зірки малювався поверх шестикутника. */
.framer-3amkv5 .framer-1uabwxf, .framer-3amkv5 .framer-j2v0sj { position: relative; z-index: 2 !important; }
.framer-3amkv5 .framer-qakk6h-container { z-index: 3 !important; }
.framer-3amkv5 .framer-12cnq7e, .framer-3amkv5 .framer-1a20t7r, .framer-3amkv5 .framer-25jsdy, .framer-3amkv5 .framer-13tuv4y { z-index: 0 !important; }
@media (max-width: 809.98px) {
  .framer-zor8bv, .framer-1ythc5m { z-index: 1 !important; }
  .framer-1lo0jcb { z-index: 2 !important; }
}