.elementor-5940 .elementor-element.elementor-element-c579f3c{--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;}.elementor-5940 .elementor-element.elementor-element-a75bef4{--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;}.elementor-5940 .elementor-element.elementor-element-a75bef4:not(.elementor-motion-effects-element-type-background), .elementor-5940 .elementor-element.elementor-element-a75bef4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02060D;}.elementor-5940 .elementor-element.elementor-element-2120527{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-264f7c4 *//* =========================
   ROOT VARIABLES
========================= */
:root{
  --glass-bg: rgba(255,255,255,0.14);
  --border-glass: rgba(255,255,255,0.2);
  --text-muted:#94a3b8;
  --active:#3b82f6;
  --gradient: linear-gradient(135deg,#0ea5e9,#2563eb,#7c3aed);
}

/* =========================
   BOTTOM NAV (GLASS + LIGHT)
========================= */
.bottom-nav{
  position:fixed;
  bottom:15px;
  left:50%;
  transform:translateX(-50%) translateZ(0);
  width:92%;
  max-width:460px;
  display:flex;
  justify-content:space-around;
  align-items:center;
  padding:12px 10px;
  border-radius:22px;

  background:var(--glass-bg);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  border:1px solid var(--border-glass);
  box-shadow:0 5px 15px rgba(0,0,0,0.1);

  z-index:9999;
  will-change:transform;
}

/* =========================
   NAV ITEMS
========================= */
.nav-item{
  flex:1;
  text-align:center;
  color:var(--text-muted);
  font-size:15px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  transition:0.3s ease;
  position:relative;
  font-weight: bold;
}

/* ICON */
.nav-item .icon{
  font-size:20px;
  transition:0.3s;
}

/* LABEL (NO HEAVY ANIMATION) */
.label{
  font-weight:600;
}

/* =========================
   ACTIVE STATE
========================= */
.nav-item.active{
  color:var(--active);
}

.nav-item.active .icon{
  transform:translateY(-5px);
  filter:drop-shadow(0 3px 6px rgba(59,130,246,0.3));
}

/* DOT INDICATOR */
.nav-item.active::after{
  content:'';
  position:absolute;
  bottom:-5px;
  width:5px;
  height:5px;
  background:var(--active);
  border-radius:50%;
}

/* =========================
   CENTER BUTTON
========================= */
.center-btn{
  width:56px;
  height:56px;
  border-radius:16px;
  margin-top:-40px;

 background: linear-gradient(135deg, #10b981, #38bdf8, #1e3a8a);
  background-size: 200% 200%;

  color:#fff !important;

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

  box-shadow:0 8px 20px rgba(59,130,246,0.35);
  border:2px solid rgba(255,255,255,0.6);

  will-change:transform;

  
  animation: gradientSmooth 6s ease-in-out infinite,
             phoneLoop 4s ease-in-out infinite;
}
@keyframes gradientSmooth{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}

/* ICON CENTER */
.center-btn .icon{
  font-size:22px;
  color:white!important;
}

/* =========================
   PHONE ANIMATION (OPTIMIZED)
========================= */
@keyframes phoneLoop{
  0%,70%,100%{transform:scale(1)}
  20%{transform:scale(1.12)}
  30%{transform:rotate(-6deg)}
  35%{transform:rotate(6deg)}
  40%{transform:rotate(0)}
}

/* =========================
   TOUCH FEEDBACK
========================= */
.nav-item:active{
  transform:scale(0.9);
}
.center-btn::after{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:inherit;
  z-index:-1;
  animation:pulseGlow 2s infinite;
}

@keyframes pulseGlow{
  0%{transform:scale(1);opacity:0.6;}
  70%{transform:scale(1.5);opacity:0;}
  100%{opacity:0;}
}
/* =========================
   MOBILE ONLY
========================= */
@media(min-width:768px){
  .bottom-nav{
    display:none;
  }
}

/* =========================
   LOW-END DEVICE OPTIMIZATION
========================= */
@media (prefers-reduced-motion: reduce){
  *{
    animation:none !important;
    transition:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2120527 */.gradient-text{
  background:linear-gradient(90deg,#fbbf24,#a78bfa,#60a5fa,#fbbf24);
  background-size:200% 100%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  animation:gradientMove 6s ease infinite;
  font-size: clamp(2rem, 4vw, 3.5rem);
}
.text1{
  background: linear-gradient(
    90deg,
    #22c55e,
    #06b6d4,
    #3b82f6,
    #8b5cf6,
    #ec4899,
    #22c55e
  );
  background-size: 250% 100%;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: gradientMove 6s ease infinite;
}

@keyframes gradientMove{
  0%{background-position:0%}
  50%{background-position:100%}
  100%{background-position:0%}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a75bef4 */.elementor-5940 .elementor-element.elementor-element-a75bef4 {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}/* End custom CSS */