.elementor-98 .elementor-element.elementor-element-0c60dd6{--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-98 .elementor-element.elementor-element-4a4be7d{--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-98 .elementor-element.elementor-element-2cff9fb{--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-98 .elementor-element.elementor-element-0a08871{--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-98 .elementor-element.elementor-element-f956fd3{--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;}/* Start custom CSS for html, class: .elementor-element-36b3432 */.hero-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 80px 20px;
  background: radial-gradient(circle at top, #0b1f3a, #020617);
  color: #ffffff;
}

.hero-inner {
  max-width: 900px;
}

/* 🔹 Top pill */
.hero-pill {
  display: inline-block;
  padding: 10px 22px;
  border-radius: 999px;
  background: rgba(59,130,246,0.15);
  color: #3b82f6;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 28px;
}

/* 🔹 Heading */
.hero-section h1 {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 24px;
}

.hero-section h1 span {
  color: #3b82f6;
}

/* 🔹 Text */
.hero-section p {
  font-size: 18px;
  color: #cbd5e1;
  max-width: 760px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

/* 🔹 CTA wrapper */
.hero-cta {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

/* 🔹 Primary CTA (same as before) */
.cta-primary {
  background-color: #2563eb;
  color: #ffffff !important;
  padding: 16px 44px;
  border-radius: 999px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 14px 38px rgba(37,99,235,0.55);
  transform: translateY(-1px);
}

/* 🔹 Secondary CTA */
.cta-secondary {
  padding: 16px 44px;
  border-radius: 999px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  border: 2px solid #3b82f6;
  color: #ffffff;
  background: rgba(59,130,246,0.08);
}

/* 📱 Mobile */
@media (max-width: 768px) {
  .hero-section h1 {
    font-size: 38px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8fc7b63 *//* Hide scrollbar – mobile & desktop */
.services-row {
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE / Edge */
}

.services-row::-webkit-scrollbar {
  display: none;               /* Chrome, Safari */
}
.services{
  padding:70px 20px;
  background: radial-gradient(
    120% 120% at 50% 10%,
    #10122a 0%,
    #050816 60%,
    #02040f 100%
  );
  color:#fff;
}

.services h2{
  text-align:center;
  font-size:34px;
  margin-bottom:45px;
}

.services-row{
  display:flex;
  gap:40px;
  justify-content:center;
  flex-wrap:wrap;
}

.service-card{
  width:180px;
  text-align:center;
}

.icon{
  width:120px;
  height:120px;
  border-radius:50%;
  background: radial-gradient(circle at top, #1e293b, #020617);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto;
  transition:0.3s ease;
}

.icon i{
  font-size:48px;
  color:#ffffff;
}

/* ✨ Hover Glow */
.service-card:hover .icon{
  transform:translateY(-6px) scale(1.05);
  box-shadow:
    0 0 25px rgba(59,130,246,0.6),
    0 0 50px rgba(59,130,246,0.35);
}

.service-card p{
  margin-top:14px;
  font-size:14px;
  color:#cfd6ff;
}

/* 📱 Mobile */
@media(max-width:768px){
  .services-row{
    flex-wrap:nowrap;
    overflow-x:auto;
    justify-content:flex-start;
    gap:22px;
  }

  .service-card{
    min-width:140px;
  }

  .icon{
    width:90px;
    height:90px;
  }

  .icon i{
    font-size:36px;/* End custom CSS */