/* =========================================================
   TechnoTaau Hero Slider — [technotaau_hero_slider]
   Design from the supplied fertility hero HTML. All classes are
   prefixed "tth-" so they don't clash with theme / Elementor styles.
   Colours, height and opacity come from the dashboard (inline vars).
   ========================================================= */
.tth-hero{
  --tth-bg:#0B221C;
  --tth-green:#1B6B4C;
  --tth-green-hover:#22855E;
  --tth-mint:#7FD3AE;
  --tth-mint-soft:#D6F0E6;
  --tth-peach:#F4C2AA;
  --tth-cream:#F7F5EF;
  --tth-muted:#C3D3CC;
  --tth-bg-opacity:.35;
  --tth-font-heading:'Outfit',system-ui,sans-serif;
  --tth-font-body:'Outfit',system-ui,sans-serif;
  --tth-title-weight:700;
  /* Per-device values (set inline from the dashboard) mapped to the current device. */
  --tth-minh:var(--tth-minh-d,860px);--tth-pt:var(--tth-pt-d,96px);--tth-pb:var(--tth-pb-d,80px);--tth-px:var(--tth-px-d,64px);--tth-pl:var(--tth-pl-d,var(--tth-px));
  --tth-gap:var(--tth-gap-d,56px);--tth-tgap:var(--tth-tgap-d,28px);--tth-imgw:var(--tth-imgw-d,520px);--tth-btnh:var(--tth-btnh-d,64px);--tth-btnpx:var(--tth-btnpx-d,34px);
  --tth-thumbw:var(--tth-thumbw-d,116px);--tth-arrow:var(--tth-arrow-d,60px);--tth-play:var(--tth-play-d,88px);--tth-soc-left:40px;
  --tth-eyebrow-size:var(--tth-eyebrow-fs,18px);--tth-para-size:var(--tth-para-fs,18px);--tth-button-size:var(--tth-button-fs,19px);
  --tth-title-size:clamp(var(--tth-title-fs-t,60px),6.4vw,var(--tth-title-fs,96px));
  position:relative;
  min-height:var(--tth-minh);
  overflow:hidden;
  background:var(--tth-bg);
  font-family:var(--tth-font-body);
  color:var(--tth-cream);
  box-sizing:border-box;
  text-align:left;
}
.tth-hero *,.tth-hero *::before,.tth-hero *::after{box-sizing:border-box}
.tth-hero [hidden]{display:none !important}

/* ---------- Background layer ---------- */
.tth-hero .tth-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.tth-hero .tth-bg-media{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:var(--tth-bg-opacity);margin:0;border:0;border-radius:0}
.tth-hero .tth-helix{position:absolute;top:-40px;width:160px;height:1000px;overflow:hidden}
.tth-hero .tth-helix svg{max-width:none}
.tth-hero .tth-helix--1{left:4%;opacity:.22;transform:rotate(-14deg)}
.tth-hero .tth-helix--2{right:38%;top:-60px;opacity:.12;transform:rotate(18deg)}
.tth-hero .tth-helix--1 svg{animation:tthHelix 9s linear infinite}
.tth-hero .tth-helix--2 svg{animation:tthHelixRev 12s linear infinite}
.tth-hero .tth-womb{position:absolute;left:30%;bottom:-90px;width:420px;height:420px}
.tth-hero .tth-womb g{animation:tthWomb 7s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.tth-hero .tth-cell{position:absolute}
.tth-hero .tth-cell--1{left:44%;top:12%;width:70px;opacity:.25;animation:tthFloat 6s ease-in-out infinite}
.tth-hero .tth-cell--2{left:22%;top:8%;width:40px;opacity:.25;animation:tthFloat 8s ease-in-out infinite 1s}
.tth-hero .tth-cell--3{right:6%;bottom:8%;width:54px;opacity:.22;animation:tthFloat 7s ease-in-out infinite 2s}
.tth-hero .tth-scrim{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--tth-bg) 92%,transparent) 0%,color-mix(in srgb,var(--tth-bg) 65%,transparent) 50%,color-mix(in srgb,var(--tth-bg) 35%,transparent) 100%)}
@supports not (background:color-mix(in srgb,red 50%,transparent)){
  .tth-hero .tth-scrim{background:linear-gradient(90deg,rgba(11,34,28,.92) 0%,rgba(11,34,28,.65) 50%,rgba(11,34,28,.35) 100%)}
}

@keyframes tthHelix{from{transform:translateY(0)}to{transform:translateY(-200px)}}
@keyframes tthHelixRev{from{transform:translateY(-200px)}to{transform:translateY(0)}}
@keyframes tthWomb{0%,100%{transform:scale(1);opacity:.16}50%{transform:scale(1.06);opacity:.26}}
@keyframes tthFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-26px)}}
@keyframes tthSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes tthRing{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}}

/* ---------- Social rail ---------- */
.tth-hero .tth-socials{position:absolute;left:var(--tth-soc-left);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:2}
.tth-hero .tth-socials a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#CFEDE0;border-radius:50%;transition:background .2s,color .2s;text-decoration:none !important;box-shadow:none}
.tth-hero .tth-socials a:hover{background:color-mix(in srgb,var(--tth-mint) 15%,transparent);color:var(--tth-mint)}
.tth-hero .tth-socials-line{width:1px;height:60px;background:rgba(207,237,224,.35);margin:6px auto 0}

/* ---------- Layout ---------- */
.tth-hero .tth-wrap{position:relative;z-index:1;max-width:var(--tth-wrapw,1320px);margin:0 auto;padding:var(--tth-pt) var(--tth-px) var(--tth-pb) var(--tth-pl);display:flex;flex-wrap:nowrap;align-items:center;gap:var(--tth-gap);min-height:var(--tth-minh)}
.tth-hero .tth-content{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:var(--tth-tgap)}
.tth-hero .tth-media{flex:1 1 420px;min-width:0;display:flex;justify-content:center}

/* ---------- Content (one block per slide, cross-fading in place) ---------- */
.tth-hero .tth-texts{display:grid}
.tth-hero .tth-text{grid-area:1/1;display:flex;flex-direction:column;gap:var(--tth-tgap);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease,visibility 0s linear .6s}
.tth-hero .tth-text.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease .1s,transform .6s ease .1s,visibility 0s}
.tth-hero .tth-eyebrow{display:flex;align-items:center;gap:16px}
.tth-hero .tth-eyebrow span{width:44px;height:2px;background:var(--tth-mint);flex:none}
.tth-hero .tth-eyebrow p{margin:0;padding:0;font-family:inherit;font-size:var(--tth-eyebrow-size);font-weight:var(--tth-eyebrow-fw,500);line-height:var(--tth-eyebrow-lh,1.4);letter-spacing:var(--tth-eyebrow-ls,0);text-transform:var(--tth-eyebrow-tt,none);color:var(--tth-mint)}
.tth-hero .tth-title{margin:0;padding:0;font-family:var(--tth-font-heading);font-size:var(--tth-title-size);line-height:var(--tth-title-lh,.98);font-weight:var(--tth-title-weight);letter-spacing:var(--tth-title-ls,-.035em);color:var(--tth-cream);text-transform:var(--tth-title-tt,none)}
.tth-hero .tth-title em{font-style:normal;font-family:inherit;font-weight:inherit;color:var(--tth-peach)}
.tth-hero .tth-para{margin:0;padding:0;max-width:520px;font-family:inherit;font-size:var(--tth-para-size);font-weight:var(--tth-para-fw,400);line-height:var(--tth-para-lh,1.6);letter-spacing:var(--tth-para-ls,0);text-transform:var(--tth-para-tt,none);color:var(--tth-muted)}
.tth-hero .tth-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:14px;height:var(--tth-btnh);padding:0 var(--tth-btnpx);margin-top:8px;border:0;border-radius:999px;background:var(--tth-green);color:#fff;font-family:inherit;font-size:var(--tth-button-size);font-weight:var(--tth-button-fw,600);line-height:var(--tth-button-lh,1);letter-spacing:var(--tth-button-ls,0);text-transform:var(--tth-button-tt,none);text-decoration:none !important;box-shadow:none;transition:background .2s}
.tth-hero .tth-btn:hover,.tth-hero .tth-btn:focus{background:var(--tth-green-hover);color:#fff;text-decoration:none !important}
.tth-hero .tth-btn svg{transition:transform .2s;flex:none}
.tth-hero .tth-btn:hover svg{transform:translateX(4px)}

/* counter */
.tth-hero .tth-counter{display:flex;align-items:center;gap:18px}
.tth-hero .tth-counter-current{font-size:20px;font-weight:700;color:var(--tth-cream)}
.tth-hero .tth-counter-total{font-size:20px;font-weight:500;color:#9DB3AA}
.tth-hero .tth-progress{position:relative;width:120px;height:3px;background:rgba(207,237,224,.25);border-radius:3px;overflow:hidden}
.tth-hero .tth-progress-bar{position:absolute;left:0;top:0;bottom:0;width:33.33%;background:var(--tth-mint);border-radius:3px;transition:width .35s}

/* thumbnails */
.tth-hero .tth-thumbs{display:flex;gap:14px;flex-wrap:wrap}
.tth-hero .tth-thumb{width:var(--tth-thumbw);height:calc(var(--tth-thumbw) * .69);padding:0;margin:0;border-radius:16px;border:3px solid transparent;background:color-mix(in srgb,var(--tth-mint-soft) 55%,transparent);overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;opacity:.75}
.tth-hero .tth-thumb img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;margin:0;border-radius:0}
.tth-hero .tth-thumb:hover{transform:translateY(-3px);opacity:1}
.tth-hero .tth-thumb.is-active{border-color:var(--tth-mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--tth-mint) 25%,transparent);opacity:1}
.tth-hero .tth-thumb:focus-visible,.tth-hero .tth-arrow:focus-visible,.tth-hero .tth-btn:focus-visible,.tth-hero .tth-play:focus-visible{outline:3px solid var(--tth-peach);outline-offset:3px}

/* ---------- Media / arch ---------- */
.tth-hero .tth-stage{position:relative;width:100%;max-width:var(--tth-imgw);aspect-ratio:520/640}
.tth-hero .tth-peach{position:absolute;left:calc(var(--tth-imgw) * -.07);bottom:calc(var(--tth-imgw) * -.07);width:46%;aspect-ratio:1;border-radius:50%;background:var(--tth-peach)}
.tth-hero .tth-dashed{position:absolute;right:-44px;top:40px;width:150px;height:150px;animation:tthSpin 40s linear infinite}
.tth-hero .tth-dots{position:absolute;right:-56px;bottom:30px;width:110px;height:150px;opacity:.6}
.tth-hero .tth-arch{position:absolute;inset:0;border-radius:400px 400px 36px 36px;overflow:hidden;background:var(--tth-mint-soft);box-shadow:0 40px 80px rgba(0,0,0,.35)}
.tth-hero .tth-slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .7s ease,transform 1.2s ease}
.tth-hero .tth-slide.is-active{opacity:1;transform:scale(1)}
.tth-hero .tth-slide img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;display:block;margin:0;border-radius:0}
.tth-hero .tth-pos-top img,.tth-hero img.tth-pos-top{object-position:center top}
.tth-hero .tth-pos-bottom img,.tth-hero img.tth-pos-bottom{object-position:center bottom}
.tth-hero .tth-pos-left img,.tth-hero img.tth-pos-left{object-position:left center}
.tth-hero .tth-pos-right img,.tth-hero img.tth-pos-right{object-position:right center}

/* play button */
.tth-hero .tth-play{position:absolute;left:14%;top:22%;width:var(--tth-play);height:var(--tth-play);padding:0;margin:0;border-radius:50%;background:var(--tth-green);border:4px solid var(--tth-cream);display:flex;align-items:center;justify-content:center;color:#fff;z-index:2;cursor:pointer;transition:background .2s}
.tth-hero .tth-play:hover{background:var(--tth-green-hover);color:#fff}
.tth-hero .tth-play-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--tth-mint);animation:tthRing 2.2s ease-out infinite}

/* arrows */
.tth-hero .tth-arrows{position:absolute;left:calc(var(--tth-arrow) / -2 + 2px);bottom:18.75%;display:flex;flex-direction:column;gap:14px;z-index:2}
.tth-hero .tth-arrow{width:var(--tth-arrow);height:var(--tth-arrow);padding:0;margin:0;border-radius:50%;border:none;background:#fff;color:var(--tth-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.25);transition:background .2s,color .2s}
.tth-hero .tth-arrow:hover{background:var(--tth-green);color:#fff}

/* ---------- Video modal (moved to <body> by hero.js) ---------- */
.tth-modal{position:fixed;inset:0;background:rgba(5,15,12,.88);display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px}
.tth-modal[hidden]{display:none}
.tth-modal *{box-sizing:border-box}
.tth-modal-inner{position:relative;width:100%;max-width:960px;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:visible}
.tth-modal-body{width:100%;height:100%;border-radius:16px;overflow:hidden}
.tth-modal-inner iframe,.tth-modal-inner video{width:100%;height:100%;border:0;display:block}
.tth-modal-close{position:absolute;top:-56px;right:0;width:44px;height:44px;padding:0;border-radius:50%;border:none;background:#fff;color:#0B221C;font-size:24px;line-height:1;cursor:pointer}

/* ---------- Responsive ----------
   Desktop > 1024px, tablet 768–1024px, mobile <= 767px.
   Every value below comes from Hero settings → Layout & responsive. */
@media (min-width:768px) and (max-width:1024px){
  .tth-hero{--tth-minh:var(--tth-minh-t,640px);--tth-pt:var(--tth-pt-t,72px);--tth-pb:var(--tth-pb-t,64px);--tth-px:var(--tth-px-t,40px);--tth-pl:var(--tth-pl-t,var(--tth-px));
    --tth-gap:var(--tth-gap-t,40px);--tth-tgap:var(--tth-tgap-t,22px);--tth-imgw:var(--tth-imgw-t,400px);--tth-btnh:var(--tth-btnh-t,54px);--tth-btnpx:var(--tth-btnpx-t,28px);
    --tth-thumbw:var(--tth-thumbw-t,96px);--tth-arrow:var(--tth-arrow-t,52px);--tth-play:var(--tth-play-t,76px);--tth-soc-left:20px;
    --tth-eyebrow-size:var(--tth-eyebrow-fs-t,16px);--tth-para-size:var(--tth-para-fs-t,17px);--tth-button-size:var(--tth-button-fs-t,17px);--tth-title-size:var(--tth-title-fs-t,60px)}
}
@media (max-width:767px){
  .tth-hero{--tth-minh:var(--tth-minh-m,0px);--tth-pt:var(--tth-pt-m,64px);--tth-pb:var(--tth-pb-m,72px);--tth-px:var(--tth-px-m,20px);--tth-pl:var(--tth-pl-m,var(--tth-px));
    --tth-gap:var(--tth-gap-m,48px);--tth-tgap:var(--tth-tgap-m,20px);--tth-imgw:var(--tth-imgw-m,340px);--tth-btnh:var(--tth-btnh-m,50px);--tth-btnpx:var(--tth-btnpx-m,24px);
    --tth-thumbw:var(--tth-thumbw-m,84px);--tth-arrow:var(--tth-arrow-m,44px);--tth-play:var(--tth-play-m,64px);--tth-soc-left:8px;
    --tth-eyebrow-size:var(--tth-eyebrow-fs-m,15px);--tth-para-size:var(--tth-para-fs-m,16px);--tth-button-size:var(--tth-button-fs-m,16px);--tth-title-size:var(--tth-title-fs-m,42px)}
  .tth-hero .tth-dashed,.tth-hero .tth-dots{display:none}
  .tth-hero .tth-socials{gap:6px}
}
@media (min-width:1025px){
  .tth-hero.tth-d-side .tth-wrap{flex-direction:row}
  .tth-hero.tth-d-rev .tth-wrap{flex-direction:row-reverse}
  .tth-hero.tth-d-below .tth-wrap,.tth-hero.tth-d-above .tth-wrap{flex-direction:column;align-items:stretch}
  .tth-hero.tth-d-above .tth-wrap{flex-direction:column-reverse}
  .tth-hero.tth-d-below .tth-content,.tth-hero.tth-d-above .tth-content,.tth-hero.tth-d-below .tth-media,.tth-hero.tth-d-above .tth-media{flex:0 0 auto;width:100%}
  .tth-hero.tth-d-va-top.tth-hero.tth-d-side .tth-wrap,.tth-hero.tth-d-va-top.tth-hero.tth-d-rev .tth-wrap{align-items:flex-start}
  .tth-hero.tth-d-va-top.tth-hero.tth-d-below .tth-wrap,.tth-hero.tth-d-va-top.tth-hero.tth-d-above .tth-wrap{justify-content:flex-start}
  .tth-hero.tth-d-va-center.tth-hero.tth-d-side .tth-wrap,.tth-hero.tth-d-va-center.tth-hero.tth-d-rev .tth-wrap{align-items:center}
  .tth-hero.tth-d-va-center.tth-hero.tth-d-below .tth-wrap,.tth-hero.tth-d-va-center.tth-hero.tth-d-above .tth-wrap{justify-content:center}
  .tth-hero.tth-d-va-bottom.tth-hero.tth-d-side .tth-wrap,.tth-hero.tth-d-va-bottom.tth-hero.tth-d-rev .tth-wrap{align-items:flex-end}
  .tth-hero.tth-d-va-bottom.tth-hero.tth-d-below .tth-wrap,.tth-hero.tth-d-va-bottom.tth-hero.tth-d-above .tth-wrap{justify-content:flex-end}
  .tth-hero.tth-d-ta-center .tth-content,.tth-hero.tth-d-ta-center .tth-text{align-items:center;text-align:center}
  .tth-hero.tth-d-ta-center .tth-eyebrow,.tth-hero.tth-d-ta-center .tth-counter,.tth-hero.tth-d-ta-center .tth-thumbs{justify-content:center}
  .tth-hero.tth-d-ta-center .tth-btn{align-self:center}
  .tth-hero.tth-d-ta-center .tth-eyebrow span{display:none}
  .tth-hero.tth-d-ta-center .tth-para{margin-left:auto;margin-right:auto}
  .tth-hero.tth-d-ta-center .tth-texts{width:100%}
  .tth-hero.tth-d-no-eyebrow .tth-eyebrow{display:none !important}
  .tth-hero.tth-d-no-button .tth-btn{display:none !important}
  .tth-hero.tth-d-no-counter .tth-counter{display:none !important}
  .tth-hero.tth-d-no-thumbs .tth-thumbs{display:none !important}
  .tth-hero.tth-d-no-arrows .tth-arrows{display:none !important}
  .tth-hero.tth-d-no-play .tth-play{display:none !important}
  .tth-hero.tth-d-no-socials .tth-socials{display:none !important}
  .tth-hero.tth-d-no-decor .tth-helix,.tth-hero.tth-d-no-decor .tth-womb,.tth-hero.tth-d-no-decor .tth-cell,.tth-hero.tth-d-no-decor .tth-dashed,.tth-hero.tth-d-no-decor .tth-dots{display:none !important}
}
@media (min-width:768px) and (max-width:1024px){
  .tth-hero.tth-t-side .tth-wrap{flex-direction:row}
  .tth-hero.tth-t-rev .tth-wrap{flex-direction:row-reverse}
  .tth-hero.tth-t-below .tth-wrap,.tth-hero.tth-t-above .tth-wrap{flex-direction:column;align-items:stretch}
  .tth-hero.tth-t-above .tth-wrap{flex-direction:column-reverse}
  .tth-hero.tth-t-below .tth-content,.tth-hero.tth-t-above .tth-content,.tth-hero.tth-t-below .tth-media,.tth-hero.tth-t-above .tth-media{flex:0 0 auto;width:100%}
  .tth-hero.tth-t-va-top.tth-hero.tth-t-side .tth-wrap,.tth-hero.tth-t-va-top.tth-hero.tth-t-rev .tth-wrap{align-items:flex-start}
  .tth-hero.tth-t-va-top.tth-hero.tth-t-below .tth-wrap,.tth-hero.tth-t-va-top.tth-hero.tth-t-above .tth-wrap{justify-content:flex-start}
  .tth-hero.tth-t-va-center.tth-hero.tth-t-side .tth-wrap,.tth-hero.tth-t-va-center.tth-hero.tth-t-rev .tth-wrap{align-items:center}
  .tth-hero.tth-t-va-center.tth-hero.tth-t-below .tth-wrap,.tth-hero.tth-t-va-center.tth-hero.tth-t-above .tth-wrap{justify-content:center}
  .tth-hero.tth-t-va-bottom.tth-hero.tth-t-side .tth-wrap,.tth-hero.tth-t-va-bottom.tth-hero.tth-t-rev .tth-wrap{align-items:flex-end}
  .tth-hero.tth-t-va-bottom.tth-hero.tth-t-below .tth-wrap,.tth-hero.tth-t-va-bottom.tth-hero.tth-t-above .tth-wrap{justify-content:flex-end}
  .tth-hero.tth-t-ta-center .tth-content,.tth-hero.tth-t-ta-center .tth-text{align-items:center;text-align:center}
  .tth-hero.tth-t-ta-center .tth-eyebrow,.tth-hero.tth-t-ta-center .tth-counter,.tth-hero.tth-t-ta-center .tth-thumbs{justify-content:center}
  .tth-hero.tth-t-ta-center .tth-btn{align-self:center}
  .tth-hero.tth-t-ta-center .tth-eyebrow span{display:none}
  .tth-hero.tth-t-ta-center .tth-para{margin-left:auto;margin-right:auto}
  .tth-hero.tth-t-ta-center .tth-texts{width:100%}
  .tth-hero.tth-t-no-eyebrow .tth-eyebrow{display:none !important}
  .tth-hero.tth-t-no-button .tth-btn{display:none !important}
  .tth-hero.tth-t-no-counter .tth-counter{display:none !important}
  .tth-hero.tth-t-no-thumbs .tth-thumbs{display:none !important}
  .tth-hero.tth-t-no-arrows .tth-arrows{display:none !important}
  .tth-hero.tth-t-no-play .tth-play{display:none !important}
  .tth-hero.tth-t-no-socials .tth-socials{display:none !important}
  .tth-hero.tth-t-no-decor .tth-helix,.tth-hero.tth-t-no-decor .tth-womb,.tth-hero.tth-t-no-decor .tth-cell,.tth-hero.tth-t-no-decor .tth-dashed,.tth-hero.tth-t-no-decor .tth-dots{display:none !important}
}
@media (max-width:767px){
  .tth-hero.tth-m-side .tth-wrap{flex-direction:row}
  .tth-hero.tth-m-rev .tth-wrap{flex-direction:row-reverse}
  .tth-hero.tth-m-below .tth-wrap,.tth-hero.tth-m-above .tth-wrap{flex-direction:column;align-items:stretch}
  .tth-hero.tth-m-above .tth-wrap{flex-direction:column-reverse}
  .tth-hero.tth-m-below .tth-content,.tth-hero.tth-m-above .tth-content,.tth-hero.tth-m-below .tth-media,.tth-hero.tth-m-above .tth-media{flex:0 0 auto;width:100%}
  .tth-hero.tth-m-va-top.tth-hero.tth-m-side .tth-wrap,.tth-hero.tth-m-va-top.tth-hero.tth-m-rev .tth-wrap{align-items:flex-start}
  .tth-hero.tth-m-va-top.tth-hero.tth-m-below .tth-wrap,.tth-hero.tth-m-va-top.tth-hero.tth-m-above .tth-wrap{justify-content:flex-start}
  .tth-hero.tth-m-va-center.tth-hero.tth-m-side .tth-wrap,.tth-hero.tth-m-va-center.tth-hero.tth-m-rev .tth-wrap{align-items:center}
  .tth-hero.tth-m-va-center.tth-hero.tth-m-below .tth-wrap,.tth-hero.tth-m-va-center.tth-hero.tth-m-above .tth-wrap{justify-content:center}
  .tth-hero.tth-m-va-bottom.tth-hero.tth-m-side .tth-wrap,.tth-hero.tth-m-va-bottom.tth-hero.tth-m-rev .tth-wrap{align-items:flex-end}
  .tth-hero.tth-m-va-bottom.tth-hero.tth-m-below .tth-wrap,.tth-hero.tth-m-va-bottom.tth-hero.tth-m-above .tth-wrap{justify-content:flex-end}
  .tth-hero.tth-m-ta-center .tth-content,.tth-hero.tth-m-ta-center .tth-text{align-items:center;text-align:center}
  .tth-hero.tth-m-ta-center .tth-eyebrow,.tth-hero.tth-m-ta-center .tth-counter,.tth-hero.tth-m-ta-center .tth-thumbs{justify-content:center}
  .tth-hero.tth-m-ta-center .tth-btn{align-self:center}
  .tth-hero.tth-m-ta-center .tth-eyebrow span{display:none}
  .tth-hero.tth-m-ta-center .tth-para{margin-left:auto;margin-right:auto}
  .tth-hero.tth-m-ta-center .tth-texts{width:100%}
  .tth-hero.tth-m-no-eyebrow .tth-eyebrow{display:none !important}
  .tth-hero.tth-m-no-button .tth-btn{display:none !important}
  .tth-hero.tth-m-no-counter .tth-counter{display:none !important}
  .tth-hero.tth-m-no-thumbs .tth-thumbs{display:none !important}
  .tth-hero.tth-m-no-arrows .tth-arrows{display:none !important}
  .tth-hero.tth-m-no-play .tth-play{display:none !important}
  .tth-hero.tth-m-no-socials .tth-socials{display:none !important}
  .tth-hero.tth-m-no-decor .tth-helix,.tth-hero.tth-m-no-decor .tth-womb,.tth-hero.tth-m-no-decor .tth-cell,.tth-hero.tth-m-no-decor .tth-dashed,.tth-hero.tth-m-no-decor .tth-dots{display:none !important}
}
@media (prefers-reduced-motion:reduce){
  .tth-hero *{animation:none !important;transition:none !important}
}