.elementor-443 .elementor-element.elementor-element-a6299ff{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-443 .elementor-element.elementor-element-7e96494{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-443 .elementor-element.elementor-element-986aa57{--display:flex;--position:absolute;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:1;}body:not(.rtl) .elementor-443 .elementor-element.elementor-element-986aa57{left:0px;}body.rtl .elementor-443 .elementor-element.elementor-element-986aa57{right:0px;}.elementor-443 .elementor-element.elementor-element-3005e61{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--z-index:3;}.elementor-443 .elementor-element.elementor-element-c56dfdd{--display:flex;}.elementor-443 .elementor-element.elementor-element-c139bdc{--display:flex;--min-height:700px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-443 .elementor-element.elementor-element-c139bdc.e-con{--align-self:center;}.elementor-443 .elementor-element.elementor-element-bbcfc45{--display:flex;--min-height:700px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-443 .elementor-element.elementor-element-986aa57{--content-width:100%;}.elementor-443 .elementor-element.elementor-element-c139bdc{--width:100%;}.elementor-443 .elementor-element.elementor-element-bbcfc45{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-a6299ff *//* ===== HERO BASE ===== */
.futuristic-hero{
  position:relative;
  height:100vh;
  background:#05060d;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ===== GRID BACKGROUND ===== */
.bg-grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(circle at center, black 40%, transparent 75%);
  z-index:0;
}

/* ===== GLOW ===== */
.bg-glow{
  position:absolute;
  width:600px;
  height:600px;
  background:radial-gradient(circle,#00f5ff55,transparent 70%);
  filter:blur(180px);
  z-index:0;
}

/* ===== PARTICLES ===== */
.particle{
  position:absolute;
  width:6px;
  height:6px;
  background:#00f5ff;
  border-radius:50%;
  opacity:.4;
}

.p1{top:20%;left:15%}
.p2{top:70%;left:25%}
.p3{top:40%;right:20%}
.p4{bottom:20%;right:30%}

/* ===== AI CORE ===== */
.ai-core{
  position:absolute;
  width:320px;
  height:320px;
  z-index:1;
}

.core-orb{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:radial-gradient(circle,#6a5cff,#05060d 70%);
  box-shadow:0 0 60px #6a5cffaa;
}

.core-ring{
  position:absolute;
  inset:-30px;
  border-radius:50%;
  border:1px solid rgba(0,245,255,.25);
}

.ring-2{
  inset:-60px;
  border-color:rgba(106,92,255,.25);
}

/* ===== CONTENT ===== */
.hero-content{
  position:relative;
  z-index:2;
  text-align:center;
  color:#fff;
}

.hero-content h1{
  font-size:clamp(42px,6vw,90px);
  text-shadow:0 0 25px rgba(0,245,255,.5);
}

.hero-content p{
  opacity:.8;
  margin:16px 0 32px;
}

.hero-content button{
  padding:14px 44px;
  border-radius:40px;
  border:none;
  background:linear-gradient(135deg,#00f5ff,#6a5cff);
  color:#000;
  font-weight:600;
  cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-986aa57 *//* =========================================
   GALAXY BACKGROUND – ELEMENTOR SAFE
========================================= */

/* MAIN SECTION (PARENT) */
.services-section {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at top, #0b1020 0%, #02040a 70%);
}

/* GALAXY LAYER */
.services-galaxy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  pointer-events: none;
  z-index: 1;
}

/* SMALL STARS */
.services-galaxy::before {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: repeat;
  background-size: 800px 800px;
  background-image:
    radial-gradient(1px 1px at 20% 30%, #ffffff, transparent),
    radial-gradient(1px 1px at 40% 70%, #ffffff, transparent),
    radial-gradient(1px 1px at 60% 40%, #ffffff, transparent),
    radial-gradient(1px 1px at 80% 20%, #ffffff, transparent),
    radial-gradient(1px 1px at 10% 80%, #ffffff, transparent);
  opacity: 0.6;
  animation: starsFloat 120s linear infinite;
}

/* BIG / GLOW STARS */
.services-galaxy::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: repeat;
  background-size: 1000px 1000px;
  background-image:
    radial-gradient(2px 2px at 25% 30%, #6cf, transparent),
    radial-gradient(2px 2px at 50% 80%, #9df, transparent),
    radial-gradient(2px 2px at 75% 20%, #7ff, transparent);
  opacity: 0.7;
  animation: starsFloatReverse 180s linear infinite;
}

/* STAR MOTION */
@keyframes starsFloat {
  from { transform: translateY(0); }
  to   { transform: translateY(-2000px); }
}

@keyframes starsFloatReverse {
  from { transform: translateY(-2000px); }
  to   { transform: translateY(0); }
}

/* CONTENT LAYER (TEXT + GLOBE) */
.services-content {
  position: relative;
  z-index: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbcfc45 *//* SPLINE – HERO SCALE */
.spline-globe {
  width: 100%;
  height: 100%;
  min-height: 800px;
  display: block;
  border: none;
}

/* Tablet */
@media (max-width: 1024px) {
  .spline-globe {
    min-height: 520px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .spline-globe {
    min-height: 380px;
  }
}/* End custom CSS */