.elementor-52820 .elementor-element.elementor-element-1900ed09 > .elementor-container{max-width:1160px;}.elementor-52820 .elementor-element.elementor-element-1900ed09 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-52820 .elementor-element.elementor-element-1900ed09{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 15px 0px 15px;}.elementor-52820 .elementor-element.elementor-element-1900ed09 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-52820 .elementor-element.elementor-element-2dfb892c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-52820 .elementor-element.elementor-element-2dfb892c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-52820 .elementor-element.elementor-element-2dfb892c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-52820 .elementor-element.elementor-element-df3fd31.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-52820 .elementor-element.elementor-element-df3fd31.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-52820 .elementor-element.elementor-element-df3fd31 > .elementor-element-populated{padding:10px 0px 10px 30px;}@media(max-width:1024px){.elementor-52820 .elementor-element.elementor-element-1900ed09{padding:5px 0px 0px 0px;}}@media(max-width:767px){.elementor-52820 .elementor-element.elementor-element-1900ed09 > .elementor-container{max-width:550px;}.elementor-52820 .elementor-element.elementor-element-1900ed09{padding:0px 0px 0px 0px;}.elementor-52820 .elementor-element.elementor-element-2dfb892c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-52820 .elementor-element.elementor-element-df3fd31 > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-488e6baf *//* ---------- Video frame (black placeholder until thumb / video loads) ---------- */
#htut-media{
  --htut-teal:#6cc9cf;
  --htut-radius:32px;
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border-radius:var(--htut-radius);
  overflow:hidden;
  background:#000;
  isolation:isolate;
  transform:translateZ(0); /* keeps rounded corners clipping the iframe in Safari */
}
@supports not (aspect-ratio:1){
  #htut-media::before{content:"";display:block;padding-top:56.25%;}
}
#htut-media *,
#htut-media *::before,
#htut-media *::after{box-sizing:border-box;}
 
/* Reset Astra/Elementor button styles inside this section only */
#htut-media button{
  -webkit-appearance:none;appearance:none;
  margin:0;padding:0;border:0;border-radius:0;
  background:none;box-shadow:none;color:inherit;
  font:inherit;line-height:1;letter-spacing:normal;text-transform:none;
  min-height:0;cursor:pointer;
}
#htut-media button:focus{outline:none;}
#htut-media button:focus-visible{outline:2px solid var(--htut-teal);outline-offset:3px;}
 
/* ---------- Poster (thumbnail + play button) ---------- */
#htut-media .htut-poster{
  position:absolute;inset:0;z-index:2;
  display:block;width:100%;height:100%;
  transition:opacity .35s ease;
}
#htut-media .htut-poster:focus-visible{outline-offset:-4px;border-radius:var(--htut-radius);}
#htut-media .htut-thumb{
  position:absolute;inset:0;
  display:block;width:100%;height:100%;max-width:none;
  object-fit:cover;
  opacity:0;
  transition:opacity .45s ease;
}
#htut-media .htut-thumb.is-loaded{opacity:1;}
#htut-media .htut-poster::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:rgba(32,42,46,.55);
  pointer-events:none;
}
 
/* ---------- Play button: glass circle + outer ring ---------- */
#htut-media .htut-play{
  position:absolute;top:50%;left:50%;z-index:2;
  width:128px;height:128px;margin:-64px 0 0 -64px;
  display:flex;align-items:center;justify-content:center;
  pointer-events:none;
}
#htut-media .htut-play__ring{
  position:absolute;inset:0;
  border-radius:50%;
  border:1.5px solid rgba(255,255,255,.3);
  background:radial-gradient(circle, rgba(255,255,255,0) 55%, rgba(255,255,255,.12) 100%);
  opacity:0;
  transform:scale(.6);
  transition:opacity .35s ease, transform .45s cubic-bezier(.2,.8,.2,1);
}
#htut-media .htut-play__glass{
  position:relative;
  width:76px;height:76px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(102,200,206,.15);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22), 0 8px 24px rgba(0,0,0,.25);
  transition:transform .3s ease, background-color .3s ease;
}
#htut-media .htut-play__icon{display:block;width:28px;height:28px;max-width:none;margin-left:4px;}
 
/* Hover / keyboard focus / pressed / loading → second ring appears */
#htut-media .htut-poster:hover .htut-play__ring,
#htut-media .htut-poster:focus-visible .htut-play__ring,
#htut-media .htut-poster:active .htut-play__ring,
#htut-media.is-loading .htut-play__ring{
  opacity:1;
  transform:scale(1);
  animation:htut-ring-pulse 1.8s ease-in-out .45s infinite;
}
#htut-media .htut-poster:hover .htut-play__glass,
#htut-media .htut-poster:focus-visible .htut-play__glass,
#htut-media.is-loading .htut-play__glass{
  transform:scale(1.06);
  background:rgba(102,200,206,.25);
}
@keyframes htut-ring-pulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.07);}
}
 
/* ---------- Inline player slot ---------- */
#htut-media .htut-player{position:absolute;inset:0;z-index:1;}
/* Oversize iframe by 1px each side → hides sub-pixel black slivers at the rounded edges */
#htut-media .htut-player iframe{
  position:absolute;top:-1px;left:-1px;
  display:block;width:calc(100% + 2px);height:calc(100% + 2px);
  max-width:none;border:0;
}
#htut-media.is-playing .htut-poster{opacity:0;visibility:hidden;pointer-events:none;}
 
/* ---------- Enlarge button ---------- */
#htut-media .htut-expand{
  position:absolute;top:16px;right:16px;z-index:3;
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  background:rgba(0,0,0,.35);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
  /* Hidden until the video starts playing */
  opacity:0;visibility:hidden;pointer-events:none;transform:scale(.85);
  transition:opacity .3s ease, transform .3s ease, background-color .2s ease, visibility 0s linear .3s;
}
#htut-media.is-playing .htut-expand{
  opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);
  transition:opacity .3s ease, transform .3s ease, background-color .2s ease;
}
#htut-media.is-playing .htut-expand:hover{background:var(--htut-teal);transform:scale(1.06);}
#htut-media .htut-expand svg{display:block;width:18px;height:18px;}
 
/* ---------- Popup (Widget 2 JS creates #htut-modal on <body>; styles stay scoped by ID) ---------- */
html.htut-no-scroll,
html.htut-no-scroll body{overflow:hidden !important;}
 
#htut-modal{
  position:fixed;inset:0;z-index:999999;
  display:flex;align-items:center;justify-content:center;
  padding:72px 24px 24px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .25s ease, visibility 0s linear .25s;
}
#htut-modal.is-open{
  opacity:1;visibility:visible;pointer-events:auto;
  transition:opacity .25s ease;
}
#htut-modal *,
#htut-modal *::before,
#htut-modal *::after{box-sizing:border-box;}
#htut-modal .htut-modal__backdrop{
  position:absolute;inset:0;
  background:rgba(0,0,0,.72);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
#htut-modal .htut-modal__dialog{
  position:relative;z-index:1;
  width:100%;
  max-width:min(1040px, calc((100vh - 120px) * 16 / 9));
  transform:scale(.96);
  transition:transform .25s ease;
}
#htut-modal.is-open .htut-modal__dialog{transform:none;}
#htut-modal .htut-modal__frame{
  position:relative;width:100%;aspect-ratio:16/9;
  background:#000;border-radius:20px;overflow:hidden;
  transform:translateZ(0);
}
@supports not (aspect-ratio:1){
  #htut-modal .htut-modal__frame::before{content:"";display:block;padding-top:56.25%;}
}
#htut-modal .htut-modal__player{position:absolute;inset:0;}
#htut-modal .htut-modal__player iframe{
  position:absolute;top:-1px;left:-1px;
  display:block;width:calc(100% + 2px);height:calc(100% + 2px);
  max-width:none;border:0;
}
#htut-modal button{
  -webkit-appearance:none;appearance:none;
  margin:0;padding:0;border:0;border-radius:0;
  background:none;box-shadow:none;color:inherit;
  font:inherit;line-height:1;min-height:0;cursor:pointer;
}
#htut-modal .htut-modal__close{
  position:absolute;top:-52px;right:0;
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;background:rgba(255,255,255,.14);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
  transition:background-color .2s ease;
}
#htut-modal .htut-modal__close:hover{background:#6cc9cf;}
#htut-modal .htut-modal__close:focus-visible{outline:2px solid #6cc9cf;outline-offset:3px;}
#htut-modal .htut-modal__close svg{display:block;width:18px;height:18px;}
 
/* ---------- Breakpoints (fixed px) ---------- */
@media (max-width:1024px){
  #htut-media{--htut-radius:28px;}
  #htut-media .htut-play{width:112px;height:112px;margin:-56px 0 0 -56px;}
  #htut-media .htut-play__glass{width:68px;height:68px;}
  #htut-media .htut-play__icon{width:24px;height:24px;}
}
@media (max-width:767px){
  #htut-media{--htut-radius:24px;}
}
@media (max-width:480px){
  #htut-media{--htut-radius:20px;}
  #htut-media .htut-play{width:96px;height:96px;margin:-48px 0 0 -48px;}
  #htut-media .htut-play__glass{width:56px;height:56px;}
  #htut-media .htut-play__icon{width:20px;height:20px;margin-left:3px;}
  /* Mobile: second ring always visible, no animation */
  #htut-media .htut-play__ring,
  #htut-media .htut-poster:hover .htut-play__ring,
  #htut-media .htut-poster:focus-visible .htut-play__ring,
  #htut-media .htut-poster:active .htut-play__ring,
  #htut-media.is-loading .htut-play__ring{
    opacity:1;transform:none;animation:none;
  }
  #htut-media .htut-poster:hover .htut-play__glass{transform:none;}
  #htut-media .htut-expand{top:12px;right:12px;width:36px;height:36px;}
  #htut-media .htut-expand svg{width:16px;height:16px;}
 
  #htut-modal{padding:64px 12px 12px;}
  #htut-modal .htut-modal__frame{border-radius:12px;}
  #htut-modal .htut-modal__close{top:-48px;width:36px;height:36px;}
}
@media (prefers-reduced-motion:reduce){
  #htut-media .htut-play__ring,
  #htut-media .htut-poster:hover .htut-play__ring,
  #htut-media .htut-poster:focus-visible .htut-play__ring,
  #htut-media .htut-poster:active .htut-play__ring,
  #htut-media.is-loading .htut-play__ring{animation:none;}
  #htut-media *,#htut-modal,#htut-modal *{transition-duration:.01s !important;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d86e208 */#htut-content{
  --htut-teal:#6cc9cf;
  --htut-ink:#1d1d1f;
  --htut-body:#3a3a3c;
  width:100%;
  max-width:440px;
  text-align:left;
}
#htut-content *,
#htut-content *::before,
#htut-content *::after{box-sizing:border-box;}
 
/* ---------- Tabs ---------- */
#htut-content .htut-tabs{
  display:flex;flex-wrap:nowrap;gap:14px;
  margin:0 0 28px;padding:0;
}
#htut-content .htut-tab{
  -webkit-appearance:none;appearance:none;
  margin:0;
  display:inline-flex;align-items:center;justify-content:center;
  height:40px;min-height:0;padding:0 28px;
  border:1.5px solid var(--htut-teal);border-radius:999px;
  background:#fff;color:var(--htut-teal);
  font-family:inherit;font-size:14px;font-weight:500;line-height:1;
  letter-spacing:normal;text-transform:none;white-space:nowrap;
  box-shadow:none;cursor:pointer;
  transition:background-color .25s ease, color .25s ease;
}
#htut-content .htut-tab:hover,
#htut-content .htut-tab:focus{background:rgba(108,201,207,.1);color:var(--htut-teal);outline:none;}
#htut-content .htut-tab.is-active,
#htut-content .htut-tab.is-active:hover,
#htut-content .htut-tab.is-active:focus{background:var(--htut-teal);color:#fff;}
#htut-content .htut-tab:focus-visible{outline:2px solid var(--htut-teal);outline-offset:3px;}
 
/* ---------- Panels ---------- */
#htut-content .htut-panel[hidden]{display:none !important;}
#htut-content .htut-panel.is-active{animation:htut-panel-in .35s ease both;}
@keyframes htut-panel-in{
  from{opacity:0;transform:translateY(6px);}
  to{opacity:1;transform:none;}
}
#htut-content .htut-title{
  margin:0 0 20px;padding:0;max-width:380px;
  color:var(--htut-ink);
  font-family:inherit;font-size:30px;font-weight:700;line-height:1.25;
  letter-spacing:normal;text-transform:none;
}
#htut-content .htut-desc{
  margin:0 0 20px;padding:0;
  color:var(--htut-body);
  font-size:16px;line-height:1.5;
}
#htut-content .htut-note{
  margin:-8px 0 20px;padding:0;
  color:#d0021b;font-size:13px;font-style:italic;line-height:1.4;
}
#htut-content .htut-link{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--htut-teal);
  font-size:16px;font-weight:500;line-height:1.3;
  text-decoration:none;box-shadow:none;
}
#htut-content .htut-link:hover,
#htut-content .htut-link:focus{color:var(--htut-teal);text-decoration:none;}
#htut-content .htut-link:focus-visible{outline:2px solid var(--htut-teal);outline-offset:3px;}
#htut-content .htut-link svg{display:block;width:16px;height:16px;transition:transform .25s ease;}
#htut-content .htut-link:hover svg{transform:translateX(4px);}
 
/* ---------- Breakpoints (fixed px) ---------- */
@media (max-width:1024px){
  #htut-content .htut-tabs{gap:10px;margin-bottom:22px;}
  #htut-content .htut-tab{padding:0 20px;}
  #htut-content .htut-title{font-size:24px;margin-bottom:16px;}
  #htut-content .htut-desc{font-size:15px;}
}
@media (max-width:767px){
  /* Elementor stacks the columns here → centre everything like the mobile mock */
  #htut-content{max-width:none;margin:0 auto;padding-top:24px;text-align:center;}
  #htut-content .htut-tabs{gap:5px;margin-bottom:20px;}
  #htut-content .htut-tab{flex:1 1 0;padding:0 12px;}
  #htut-content .htut-title{max-width:none;font-size:20px;margin-bottom:14px;}
  #htut-content .htut-desc{font-size:15px;margin-bottom:16px;}
}
@media (max-width:480px){
  #htut-content .htut-title{font-size:19px;}
  #htut-content .htut-desc{font-size:14px;}
  #htut-content .htut-link{font-size:15px;}
}
@media (prefers-reduced-motion:reduce){
  #htut-content .htut-panel.is-active{animation:none;}
  #htut-content *{transition-duration:.01s !important;}
}/* End custom CSS */