.elementor-2031 .elementor-element.elementor-element-cec9c5a{--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;--background-transition:0.3s;}body.elementor-page-2031:not(.elementor-motion-effects-element-type-background), body.elementor-page-2031 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a291686 );}/* Start custom CSS for html, class: .elementor-element-72580c0 */.services-hero-section{
  width:100vw;
  margin-left:calc(50% - 50vw);
  padding:90px 24px;
  position:relative;
  overflow:hidden;

  background:
    linear-gradient(115deg, rgba(15,23,42,.72), rgba(49,46,129,.60)),
    url("https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&w=1600&auto=format&fit=crop")
    center/cover no-repeat;
}

.services-hero-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 420px;
  gap:60px;
  align-items:center;
}

.services-badge{
  display:inline-flex;
  margin-bottom:20px;
  padding:9px 18px;
  border-radius:999px;
  color:#c4b5fd;
  background:rgba(255,255,255,.12);
  font-size:12px;
  font-weight:900;
  letter-spacing:1px;
}

.services-hero-content h1{
  margin:0 0 22px;
  max-width:700px;
  color:#fff;
  font-size:58px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-1.8px;
}

.services-hero-content h1 span{
  background:linear-gradient(135deg,#8b5cf6,#c084fc,#4f7cff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.services-hero-content p{
  max-width:620px;
  margin:0 0 34px;
  color:#e2e8f0;
  font-size:19px;
  line-height:1.75;
}

.services-main-btn,
.services-hero-card a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 26px;
  border-radius:14px;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800;
  background:linear-gradient(135deg,#4f7cff,#7c3aed);
  box-shadow:0 14px 30px rgba(79,124,255,.35);
}

.services-hero-card{
  padding:42px 36px;
  border-radius:28px;
  text-align:center;
  background:rgba(255,255,255,.94);
  box-shadow:0 24px 70px rgba(15,23,42,.22);
}

.services-card-icon{
  width:82px;
  height:82px;
  margin:0 auto 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:24px;
  font-size:38px;
  background:linear-gradient(135deg,rgba(79,124,255,.16),rgba(124,58,237,.18));
}

.services-hero-card h3{
  margin:0 0 12px;
  color:#0f172a;
  font-size:28px;
  font-weight:900;
}

.services-hero-card p{
  margin:0 0 24px;
  color:#64748b;
  line-height:1.7;
}

.services-list-section{
  padding:70px 24px 100px;
  background:#fff;
}

.services-list-container{
  max-width:1200px;
  margin:0 auto;
}

.services-title{
  text-align:center;
  margin-bottom:36px;
}

.services-title h2{
  margin:0;
  color:#1e3a8a;
  font-size:28px;
  font-weight:800;
}

.services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.service-card{
  padding:32px 28px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(79,124,255,.10);
  box-shadow:0 14px 36px rgba(15,23,42,.08);
  transition:.3s ease;
}

.service-card:hover{
  transform:translateY(-8px);
  box-shadow:0 24px 50px rgba(15,23,42,.12);
}

.service-icon{
  width:70px;
  height:70px;
  margin-bottom:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  font-size:32px;
  background:linear-gradient(135deg,rgba(79,124,255,.14),rgba(124,58,237,.16));
}

.service-card h3{
  margin:0 0 10px;
  color:#0f172a;
  font-size:22px;
  font-weight:900;
}

.service-card p{
  margin:0;
  color:#64748b;
  line-height:1.65;
}

@media(max-width:900px){
  .services-hero-container{
    grid-template-columns:1fr;
  }

  .services-hero-content h1{
    font-size:42px;
  }

  .services-grid{
    grid-template-columns:1fr;
  }
}/* End custom CSS */