.elementor-11 .elementor-element.elementor-element-726550b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-168b181 */@import url(
  'https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap'
);


/* =========================================
   GLOBAL RESET
========================================= */

*{
  box-sizing:border-box;
}

html,
body{
  margin:0;
  padding:0;
}

body{
  overflow-x:hidden;
}


/* =========================================
   MAIN SECTION
========================================= */

.wha-maintenance{
  --wha-black:#050607;
  --wha-dark:#090b0e;
  --wha-card:#101216;
  --wha-card-light:#15181d;
  --wha-gold:#c7a454;
  --wha-gold-dark:#987231;
  --wha-gold-light:#f0d486;
  --wha-white:#ffffff;
  --wha-text:#d8dadd;
  --wha-muted:#90959e;
  --wha-border:rgba(255,255,255,.10);

  position:relative;
  width:100vw;
  min-height:100vh;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  overflow:hidden;

  color:var(--wha-white);
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(199,164,84,.12),
      transparent 32%
    ),
    radial-gradient(
      circle at 88% 77%,
      rgba(199,164,84,.10),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #030405 0%,
      #080a0d 52%,
      #040506 100%
    );

  font-family:'Manrope',sans-serif;
}


/* =========================================
   BACKGROUND EFFECT
========================================= */

.wha-maintenance__grid{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;

  opacity:.13;

  background-image:
    linear-gradient(
      rgba(255,255,255,.055) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.055) 1px,
      transparent 1px
    );

  background-size:72px 72px;

  -webkit-mask-image:
    linear-gradient(
      to bottom,
      rgba(0,0,0,1),
      transparent 94%
    );

  mask-image:
    linear-gradient(
      to bottom,
      rgba(0,0,0,1),
      transparent 94%
    );
}

.wha-maintenance__glow{
  position:absolute;
  z-index:0;
  border-radius:50%;
  pointer-events:none;
  filter:blur(100px);
}

.wha-maintenance__glow--one{
  width:440px;
  height:440px;
  top:-220px;
  left:-170px;
  background:rgba(199,164,84,.15);
}

.wha-maintenance__glow--two{
  width:540px;
  height:540px;
  right:-240px;
  bottom:-270px;
  background:rgba(199,164,84,.11);
}


/* =========================================
   CONTAINER
========================================= */

.wha-maintenance__container{
  position:relative;
  z-index:2;

  width:min(1380px,calc(100% - 60px));
  min-height:100vh;
  margin:0 auto;
  padding:30px 0 25px;

  display:flex;
  flex-direction:column;
}


/* =========================================
   HEADER
========================================= */

.wha-maintenance__header{
  position:relative;
  z-index:5;

  width:100%;
  min-height:75px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.wha-maintenance__brand{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}

.wha-maintenance__logo{
  display:block;
  width:250px;
  max-width:100%;
  height:auto;
  object-fit:contain;

  filter:
    drop-shadow(0 14px 28px rgba(0,0,0,.42));
}

.wha-maintenance__header-status{
  display:flex;
  align-items:center;
  gap:10px;

  color:#8f949d;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.wha-maintenance__header-dot{
  position:relative;

  width:7px;
  height:7px;
  border-radius:50%;

  background:var(--wha-gold-light);
  box-shadow:0 0 15px rgba(240,212,134,.65);
}

.wha-maintenance__header-dot::after{
  content:"";

  position:absolute;
  inset:-5px;

  border:1px solid rgba(240,212,134,.38);
  border-radius:50%;

  animation:whaHeaderPulse 2s ease-out infinite;
}


/* =========================================
   MAIN LAYOUT
========================================= */

.wha-maintenance__main{
  flex:1;

  display:grid;
  grid-template-columns:
    minmax(0,1.02fr)
    minmax(450px,.98fr);

  align-items:center;
  gap:80px;

  padding:55px 0 65px;
}


/* =========================================
   LEFT CONTENT
========================================= */

.wha-maintenance__content{
  width:100%;
  max-width:700px;
}

.wha-maintenance__badge{
  width:max-content;
  max-width:100%;

  display:flex;
  align-items:center;
  gap:11px;

  margin-bottom:25px;
  padding:10px 15px;

  border:1px solid rgba(199,164,84,.25);
  background:rgba(199,164,84,.07);

  color:var(--wha-gold-light);

  font-size:10px;
  font-weight:700;
  letter-spacing:1.25px;
  text-transform:uppercase;
}

.wha-maintenance__status-dot{
  position:relative;
  flex:0 0 auto;

  width:8px;
  height:8px;
  border-radius:50%;

  background:var(--wha-gold);
  box-shadow:0 0 0 5px rgba(199,164,84,.10);
}

.wha-maintenance__status-dot::after{
  content:"";

  position:absolute;
  inset:-5px;

  border:1px solid rgba(240,212,134,.42);
  border-radius:50%;

  animation:whaStatusPulse 2s ease-out infinite;
}

.wha-maintenance h1{
  margin:0;

  color:var(--wha-white);

  font-size:clamp(52px,5.6vw,88px);
  line-height:.98;
  font-weight:700;
  letter-spacing:-4.5px;
}

.wha-maintenance h1 em{
  display:block;

  margin-top:11px;

  color:var(--wha-gold-light);

  font-family:'Playfair Display',serif;
  font-weight:600;
  font-style:italic;
  letter-spacing:-3px;
}

.wha-maintenance__description{
  max-width:640px;

  margin:30px 0 0;

  color:var(--wha-muted);

  font-size:16px;
  line-height:1.9;
}


/* =========================================
   PROGRESS BAR
========================================= */

.wha-maintenance__progress-block{
  max-width:600px;
  margin-top:35px;
}

.wha-maintenance__progress-info{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  margin-bottom:11px;

  color:#c7c9cd;

  font-size:10px;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.wha-maintenance__progress-info strong{
  color:var(--wha-gold-light);
  font-size:10px;
}

.wha-maintenance__progress{
  position:relative;

  width:100%;
  height:4px;

  overflow:hidden;
  border-radius:50px;

  background:rgba(255,255,255,.075);
}

.wha-maintenance__progress span{
  position:absolute;
  inset:0 auto 0 0;

  width:74%;

  border-radius:inherit;

  background:
    linear-gradient(
      90deg,
      var(--wha-gold-dark),
      var(--wha-gold),
      var(--wha-gold-light)
    );

  box-shadow:
    0 0 24px rgba(199,164,84,.40);

  animation:
    whaProgressAnimation 2.8s ease-in-out infinite alternate;
}


/* =========================================
   ACTION BUTTONS
========================================= */

.wha-maintenance__actions{
  display:flex;
  flex-wrap:wrap;
  gap:13px;

  margin-top:35px;
}

.wha-maintenance__button{
  min-height:54px;
  padding:0 24px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;

  border:1px solid transparent;

  font-size:12px;
  font-weight:700;
  letter-spacing:.25px;
  text-decoration:none;

  transition:
    transform .3s ease,
    background .3s ease,
    border-color .3s ease,
    color .3s ease,
    box-shadow .3s ease;
}

.wha-maintenance__button:hover{
  transform:translateY(-3px);
}

.wha-maintenance__button--primary{
  color:#08090b;

  background:
    linear-gradient(
      135deg,
      var(--wha-gold-light),
      var(--wha-gold)
    );

  box-shadow:
    0 16px 38px rgba(199,164,84,.18);
}

.wha-maintenance__button--primary:hover{
  background:
    linear-gradient(
      135deg,
      #f9e8b1,
      #d6b25d
    );

  box-shadow:
    0 20px 45px rgba(199,164,84,.25);
}

.wha-maintenance__button-arrow{
  font-size:16px;
  line-height:1;
}

.wha-maintenance__button--secondary{
  color:#f1f2f3;

  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
}

.wha-maintenance__button--secondary:hover{
  color:var(--wha-gold-light);
  border-color:rgba(199,164,84,.42);
  background:rgba(199,164,84,.06);
}


/* =========================================
   NOTICE
========================================= */

.wha-maintenance__notice{
  max-width:600px;

  margin-top:25px;
  padding-top:22px;

  display:flex;
  align-items:flex-start;
  gap:13px;

  border-top:1px solid var(--wha-border);
}

.wha-maintenance__notice-icon{
  flex:0 0 auto;

  width:24px;
  height:24px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(199,164,84,.30);
  border-radius:50%;

  color:var(--wha-gold-light);

  font-family:'Playfair Display',serif;
  font-size:13px;
  font-style:italic;
}

.wha-maintenance__notice p{
  margin:0;

  color:#777d86;

  font-size:12px;
  line-height:1.75;
}


/* =========================================
   RIGHT VISUAL
========================================= */

.wha-maintenance__visual{
  position:relative;

  width:100%;
  max-width:620px;

  justify-self:end;

  padding:35px 0 52px;
}

.wha-maintenance__visual-frame{
  position:relative;
  z-index:2;

  min-height:525px;
  padding:30px;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.10);

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.057),
      rgba(255,255,255,.015)
    );

  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);

  box-shadow:
    0 38px 95px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.055);
}

.wha-maintenance__visual-frame::before{
  content:"";

  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;

  background:
    linear-gradient(
      120deg,
      transparent 25%,
      rgba(255,255,255,.026) 48%,
      transparent 70%
    );

  transform:translateX(-120%);

  animation:whaFrameShine 7s linear infinite;
}

.wha-maintenance__visual-top{
  position:relative;
  z-index:2;

  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

.wha-maintenance__visual-title{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.wha-maintenance__visual-title span{
  color:#777d86;

  font-size:9px;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.wha-maintenance__visual-title strong{
  color:#f2f3f4;

  font-size:18px;
  font-weight:600;
}

.wha-maintenance__live{
  display:flex;
  align-items:center;
  gap:8px;

  padding:8px 11px;

  border:1px solid rgba(199,164,84,.20);
  background:rgba(199,164,84,.07);

  color:var(--wha-gold-light);

  font-size:9px;
  font-weight:700;
  letter-spacing:1.1px;
  text-transform:uppercase;
}

.wha-maintenance__live span{
  width:6px;
  height:6px;

  border-radius:50%;

  background:var(--wha-gold-light);

  box-shadow:
    0 0 12px rgba(240,212,134,.75);
}


/* =========================================
   CHART
========================================= */

.wha-maintenance__chart{
  position:relative;
  z-index:2;

  height:270px;
  margin-top:45px;
}

.wha-maintenance__chart-grid{
  position:absolute;
  inset:0;

  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.wha-maintenance__chart-grid span{
  display:block;

  width:100%;
  height:1px;

  background:rgba(255,255,255,.055);
}

.wha-maintenance__chart svg{
  position:absolute;
  inset:12px 0 0;

  width:100%;
  height:245px;

  overflow:visible;
}

.wha-maintenance__chart-area{
  fill:url("#whaChartArea");
}

.wha-maintenance__chart-line{
  fill:none;

  stroke:url("#whaChartLine");
  stroke-width:3;
  stroke-linecap:round;

  filter:
    drop-shadow(0 0 9px rgba(199,164,84,.38));

  stroke-dasharray:1000;
  stroke-dashoffset:1000;

  animation:whaDrawChart 3.5s ease forwards;
}

.wha-maintenance__chart-marker{
  position:absolute;
  top:23px;
  right:-3px;

  width:11px;
  height:11px;

  border-radius:50%;

  background:var(--wha-gold-light);

  box-shadow:
    0 0 0 7px rgba(199,164,84,.12),
    0 0 26px rgba(240,212,134,.65);
}


/* =========================================
   FEATURES
========================================= */

.wha-maintenance__features{
  position:relative;
  z-index:2;

  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;

  margin-top:25px;
}

.wha-maintenance__feature{
  min-height:95px;
  padding:15px;

  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:13px;

  border:1px solid rgba(255,255,255,.072);
  background:rgba(255,255,255,.026);
}

.wha-maintenance__feature span{
  color:#707681;

  font-size:8px;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.wha-maintenance__feature strong{
  color:#e2e4e7;

  font-size:11px;
  font-weight:600;
  line-height:1.5;
}


/* =========================================
   FLOATING QUOTE
========================================= */

.wha-maintenance__quote{
  position:absolute;
  z-index:4;

  right:-28px;
  bottom:13px;

  width:270px;
  padding:19px 21px;

  border:1px solid rgba(240,212,134,.27);

  background:rgba(8,10,12,.93);

  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);

  box-shadow:
    0 24px 55px rgba(0,0,0,.45);
}

.wha-maintenance__quote span{
  display:block;
  margin-bottom:7px;

  color:var(--wha-gold);

  font-size:8px;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.wha-maintenance__quote strong{
  color:#f7e8bb;

  font-family:'Playfair Display',serif;
  font-size:16px;
  font-style:italic;
  font-weight:600;
  line-height:1.4;
}

.wha-maintenance__visual-line{
  position:absolute;
  z-index:1;
  pointer-events:none;

  border:1px solid rgba(199,164,84,.12);
}

.wha-maintenance__visual-line--one{
  width:150px;
  height:150px;
  top:5px;
  right:-40px;
}

.wha-maintenance__visual-line--two{
  width:100px;
  height:100px;
  bottom:28px;
  left:-36px;
}


/* =========================================
   FOOTER
========================================= */

.wha-maintenance__footer{
  width:100%;

  padding-top:22px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;

  border-top:1px solid rgba(255,255,255,.08);
}

.wha-maintenance__footer p{
  margin:0;

  color:#626872;

  font-size:10px;
}

.wha-maintenance__footer-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:22px;
}

.wha-maintenance__footer-links a{
  color:#868b94;

  font-size:9px;
  font-weight:700;
  letter-spacing:.8px;
  text-decoration:none;
  text-transform:uppercase;

  transition:color .25s ease;
}

.wha-maintenance__footer-links a:hover{
  color:var(--wha-gold-light);
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes whaHeaderPulse{

  0%{
    transform:scale(.7);
    opacity:1;
  }

  100%{
    transform:scale(1.9);
    opacity:0;
  }

}

@keyframes whaStatusPulse{

  0%{
    transform:scale(.75);
    opacity:1;
  }

  100%{
    transform:scale(1.8);
    opacity:0;
  }

}

@keyframes whaProgressAnimation{

  0%{
    width:67%;
  }

  100%{
    width:79%;
  }

}

@keyframes whaDrawChart{

  to{
    stroke-dashoffset:0;
  }

}

@keyframes whaFrameShine{

  0%{
    transform:translateX(-120%);
  }

  45%,
  100%{
    transform:translateX(120%);
  }

}


/* =========================================
   TABLET
========================================= */

@media (max-width:1100px){

  .wha-maintenance__container{
    width:min(100% - 46px,1380px);
  }

  .wha-maintenance__main{
    grid-template-columns:1fr;
    gap:20px;

    padding-top:70px;
  }

  .wha-maintenance__content{
    max-width:820px;
  }

  .wha-maintenance__visual{
    width:100%;
    max-width:760px;

    justify-self:start;

    margin-top:20px;
    padding-bottom:75px;
  }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width:767px){

  .wha-maintenance__container{
    width:min(100% - 30px,1380px);
    padding:20px 0;
  }

  .wha-maintenance__header{
    min-height:60px;
  }

  .wha-maintenance__logo{
    width:185px;
  }

  .wha-maintenance__header-status{
    display:none;
  }

  .wha-maintenance__main{
    padding:55px 0 50px;
  }

  .wha-maintenance__badge{
    padding:9px 12px;

    font-size:8px;
    letter-spacing:.85px;
  }

  .wha-maintenance h1{
    font-size:clamp(43px,13vw,62px);
    line-height:1;
    letter-spacing:-2.7px;
  }

  .wha-maintenance h1 em{
    margin-top:8px;
    letter-spacing:-2px;
  }

  .wha-maintenance__description{
    margin-top:23px;

    font-size:14px;
    line-height:1.8;
  }

  .wha-maintenance__progress-block{
    margin-top:30px;
  }

  .wha-maintenance__actions{
    flex-direction:column;
  }

  .wha-maintenance__button{
    width:100%;
  }

  .wha-maintenance__visual{
    padding:20px 0 78px;
  }

  .wha-maintenance__visual-frame{
    min-height:auto;
    padding:21px 17px;
  }

  .wha-maintenance__visual-title strong{
    font-size:14px;
  }

  .wha-maintenance__live{
    padding:7px 9px;
    font-size:8px;
  }

  .wha-maintenance__chart{
    height:215px;
    margin-top:35px;
  }

  .wha-maintenance__chart svg{
    height:190px;
  }

  .wha-maintenance__chart-marker{
    top:20px;
  }

  .wha-maintenance__features{
    grid-template-columns:1fr;
  }

  .wha-maintenance__feature{
    min-height:75px;
  }

  .wha-maintenance__quote{
    right:12px;
    bottom:17px;

    width:235px;
    padding:17px;
  }

  .wha-maintenance__quote strong{
    font-size:14px;
  }

  .wha-maintenance__footer{
    flex-direction:column;
    align-items:flex-start;
  }

  .wha-maintenance__footer-links{
    gap:15px;
  }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width:420px){

  .wha-maintenance__logo{
    width:165px;
  }

  .wha-maintenance h1{
    font-size:41px;
  }

  .wha-maintenance__visual-top{
    flex-direction:column;
  }

  .wha-maintenance__quote{
    width:215px;
  }

}/* End custom CSS */