.elementor-159 .elementor-element.elementor-element-fd0eed4{--display:flex;--min-height:100vh;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.17;}.elementor-159 .elementor-element.elementor-element-fd0eed4::before, .elementor-159 .elementor-element.elementor-element-fd0eed4 > .elementor-background-video-container::before, .elementor-159 .elementor-element.elementor-element-fd0eed4 > .e-con-inner > .elementor-background-video-container::before, .elementor-159 .elementor-element.elementor-element-fd0eed4 > .elementor-background-slideshow::before, .elementor-159 .elementor-element.elementor-element-fd0eed4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-159 .elementor-element.elementor-element-fd0eed4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-159 .elementor-element.elementor-element-62a6bf8{--display:flex;}.elementor-159 .elementor-element.elementor-element-c9b98fd{--display:flex;}.elementor-159 .elementor-element.elementor-element-8fa1d31{--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:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-159 .elementor-element.elementor-element-1eef641{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:025px;--padding-left:0px;--padding-right:0px;}.elementor-159 .elementor-element.elementor-element-5e0e7d0{text-align:center;}.elementor-159 .elementor-element.elementor-element-5e0e7d0 .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-accent );}.elementor-159 .elementor-element.elementor-element-f9e15f4{text-align:center;}.elementor-159 .elementor-element.elementor-element-f9e15f4 .elementor-heading-title{font-size:55px;text-transform:uppercase;color:var( --e-global-color-4e12c05 );}.elementor-159 .elementor-element.elementor-element-c52457f{--display:flex;}.elementor-159 .elementor-element.elementor-element-4101440{--display:flex;}.elementor-159 .elementor-element.elementor-element-4101440:not(.elementor-motion-effects-element-type-background), .elementor-159 .elementor-element.elementor-element-4101440 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-159 .elementor-element.elementor-element-8fa1d31{--width:750px;}}/* Start custom CSS for container, class: .elementor-element-1eef641 *//* ============================================
   AQUA SOLVING – HERO (box, texty, animácie)
   čisté CSS, bez GSAP
   ============================================ */

/* ---------- Box ---------- */
.hero-title-box{
  background:rgba(11,61,74,0.42);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(143,214,201,0.35);
  border-radius:24px;
  text-align:center;
  box-shadow:0 24px 70px rgba(14,58,70,0.35);
}

/* ---------- Label ---------- */
.hero-title-box .hero-label{
  display:inline-block;
  margin:0 0 18px;
  color:#8FD6C9;
  font-family:'Montserrat', sans-serif;
  font-weight:600;
  letter-spacing:3px;
  text-transform:uppercase;
  font-size:15px;
  text-shadow:0 2px 12px rgba(14,58,70,0.4);
}

/* ---------- Nadpis + vodný gradient (trvalý wow) ---------- */
.hero-title-box .elementor-heading-title{
  margin:0;
  font-family:'Montserrat', sans-serif;
  font-weight:800;
  line-height:1.1;
  background:linear-gradient(100deg,
    #FFFFFF 0%, #FFFFFF 35%,
    #8FD6C9 50%,
    #FFFFFF 65%, #FFFFFF 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:#FFFFFF; /* fallback */
  animation:as-water-shine 7s ease-in-out infinite;
  filter:drop-shadow(0 6px 30px rgba(14,58,70,0.55));
}
@keyframes as-water-shine{
  0%, 100% { background-position:0% 0; }
  50%      { background-position:100% 0; }
}

/* ---------- Podnadpis ---------- */
.hero-title-box .hero-sub{
  margin:20px 0 0;
  color:rgba(255,255,255,0.92);
  font-family:'Manrope', sans-serif;
  font-size:18px;
  line-height:1.55;
  text-shadow:0 3px 18px rgba(14,58,70,0.45);
}

/* ============================================
   PRÍCHODOVÉ ANIMÁCIE (po načítaní stránky)
   ============================================ */

/* 1) box doplaví zdola s rozostrením */
.hero-title-box.anim-box{
  animation:as-box-in 1s cubic-bezier(.22,.9,.3,1) both;
}
@keyframes as-box-in{
  from{ opacity:0; transform:translateY(50px) scale(.96); filter:blur(8px); }
  to  { opacity:1; transform:translateY(0)    scale(1);   filter:blur(0);   }
}

/* 2) label */
.hero-title-box .hero-label{
  animation:as-el-in .6s ease-out .45s both;
}

/* 3) nadpis – vynorí sa zdola s dovyostrením */
.hero-title-box .animovany-nadpis{
  animation:as-title-in .9s cubic-bezier(.22,.9,.3,1) .65s both;
}
@keyframes as-title-in{
  from{ opacity:0; transform:translateY(36px) scale(.97); filter:blur(6px); }
  to  { opacity:1; transform:translateY(0)    scale(1);   filter:blur(0);   }
}

/* 4) podnadpis */
.hero-title-box .animovany-podnadpis{
  animation:as-el-in .7s ease-out 1.05s both;
}

@keyframes as-el-in{
  from{ opacity:0; transform:translateY(22px); }
  to  { opacity:1; transform:translateY(0);    }
}



/* ---------- Editor: žiadne animácie, všetko hneď vidieť ---------- */
body.elementor-editor-active .hero-title-box.anim-box,
body.elementor-editor-active .hero-title-box .hero-label,
body.elementor-editor-active .hero-title-box .animovany-nadpis,
body.elementor-editor-active .hero-title-box .animovany-podnadpis{
  animation:none !important;
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}
body.elementor-editor-active .hero-title-box .animovany-nadpis::after{
  animation:none !important;
  width:140px;
}

/* ---------- Prístupnosť ---------- */
@media (prefers-reduced-motion: reduce){
  .hero-title-box.anim-box,
  .hero-title-box .hero-label,
  .hero-title-box .animovany-nadpis,
  .hero-title-box .animovany-podnadpis,
  .hero-title-box .elementor-heading-title,
  .hero-title-box .animovany-nadpis::after{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
  .hero-title-box .animovany-nadpis::after{ width:140px; }
}

/* ---------- Mobil ---------- */
@media (max-width:767px){
  .hero-title-box{
    width:min(92%,520px);
    padding:26px 22px;
    border-radius:18px;
  }
  .hero-title-box .hero-sub{ font-size:16px; }
  .hero-title-box .hero-label{ font-size:13px; letter-spacing:2px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b1c72c1 *//* ===== Scroll indicator – kvapka s vodou + ripple + šípka ===== */
.as-scroll{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  color:#8FD6C9;
  cursor:pointer;
  user-select:none;
  transition:color .3s ease;
}
.as-scroll:hover{ color:#FFFFFF; }

.as-drop-wrap{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* kvapka – väčšia, jemne pláva */
.as-scroll .as-drop{
  width:38px;
  height:38px;
  animation:as-drop-float 3.2s ease-in-out infinite;
  filter:drop-shadow(0 4px 14px rgba(14,58,70,.4));
}

/* voda v kvapke – stúpa a klesá */
.as-drop-water{
  animation:as-water-fill 3.2s ease-in-out infinite;
  opacity:.85;
}
@keyframes as-water-fill{
  0%, 100% { transform:translateY(0); }      /* prázdna */
  55%, 70% { transform:translateY(-13px); }  /* naplnená */
}

/* odlesk – žmurkne, keď je kvapka plná */
.as-drop-shine{
  opacity:0;
  animation:as-shine 3.2s ease-in-out infinite;
}
@keyframes as-shine{
  0%, 50%, 90%, 100% { opacity:0; }
  60%, 75%           { opacity:.9; }
}

/* ripple kruhy pod kvapkou */
.as-ripple{
  position:absolute;
  bottom:-3px;
  left:50%;
  width:30px;
  height:9px;
  border:1.5px solid rgba(143,214,201,.7);
  border-radius:50%;
  transform:translateX(-50%) scale(.3);
  opacity:0;
  pointer-events:none;
  animation:as-ripple 3.2s ease-out infinite;
  animation-delay:1.7s;   /* spustí sa pri "naplnení" */
}
.as-ripple-2{
  animation-delay:2.0s;
}
@keyframes as-ripple{
  0%   { transform:translateX(-50%) scale(.3); opacity:0; }
  10%  { opacity:.8; }
  45%  { transform:translateX(-50%) scale(1.6); opacity:0; }
  100% { transform:translateX(-50%) scale(1.6); opacity:0; }
}

/* kvapka pláva */
@keyframes as-drop-float{
  0%, 100% { transform:translateY(0); }
  50%      { transform:translateY(5px); }
}

/* šípka – väčšia, pulzuje dole */
.as-scroll .as-arrow{
  width:26px;
  height:26px;
  animation:as-arrow-nudge 3.2s ease-in-out infinite;
  animation-delay:.25s;
}
@keyframes as-arrow-nudge{
  0%, 100% { transform:translateY(0);   opacity:.5; }
  50%      { transform:translateY(7px); opacity:1;  }
}

/* umiestnenie – prilepená k spodku hero */
.as-scroll-bottom{
  position:absolute;
  left:50%;
  bottom:30px;
  transform:translateX(-50%);
  z-index:10;
}
.as-scroll-bottom:hover .as-drop{
  animation-play-state:paused;
}

@media (prefers-reduced-motion: reduce){
  .as-drop, .as-drop-water, .as-drop-shine, .as-ripple, .as-arrow{ animation:none !important; }
  .as-drop-water{ transform:translateY(-13px); }
}/* End custom CSS */