.elementor-1862 .elementor-element.elementor-element-b2573b0:not(.elementor-motion-effects-element-type-background), .elementor-1862 .elementor-element.elementor-element-b2573b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://webdevo.in/wp-content/uploads/2025/12/Group-185-1766128965.png");background-position:top center;background-size:cover;}.elementor-1862 .elementor-element.elementor-element-b2573b0 > .elementor-container{max-width:1140px;min-height:850px;}.elementor-1862 .elementor-element.elementor-element-b2573b0 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:10px;}.elementor-1862 .elementor-element.elementor-element-b2573b0 > .elementor-background-overlay{opacity:0.3;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1862 .elementor-element.elementor-element-b2573b0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1862 .elementor-element.elementor-element-01a8a34{--display:flex;}.elementor-1862 .elementor-element.elementor-element-442e045{--display:flex;}.elementor-1862 .elementor-element.elementor-element-d22aa02{--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-1862 .elementor-element.elementor-element-295a56d{--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-1862 .elementor-element.elementor-element-6e8bee8{--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-1862 .elementor-element.elementor-element-c90b7b0{--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;}@media(max-width:1024px){.elementor-1862 .elementor-element.elementor-element-b2573b0 > .elementor-container{min-height:820px;}.elementor-1862 .elementor-element.elementor-element-b2573b0:not(.elementor-motion-effects-element-type-background), .elementor-1862 .elementor-element.elementor-element-b2573b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:repeat;background-size:cover;}.elementor-1862 .elementor-element.elementor-element-b2573b0{padding:40px 20px 60px 20px;}}@media(max-width:767px){.elementor-1862 .elementor-element.elementor-element-b2573b0 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:0px;}.elementor-1862 .elementor-element.elementor-element-b2573b0 > .elementor-container{min-height:400px;}.elementor-1862 .elementor-element.elementor-element-b2573b0:not(.elementor-motion-effects-element-type-background), .elementor-1862 .elementor-element.elementor-element-b2573b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-1862 .elementor-element.elementor-element-b2573b0{padding:40px 20px 60px 20px;}.elementor-1862 .elementor-element.elementor-element-01a8a34{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for html, class: .elementor-element-878ccb5 */.webdesign-hero *{
  box-sizing:border-box;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
}

/* HERO */
.webdesign-hero{
  width:100%;
  background:transparent; /* no bg */
  color:#1e1b4b;
  padding:110px 16px 90px;
  overflow:hidden;
}

/* LAYOUT */
.wd-inner{
  max-width:1240px;
  margin:auto;
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:60px;
  align-items:center;
}

/* =========================
   ANIMATIONS
========================= */
@keyframes fadeUp{
  from{
    opacity:0;
    transform:translateY(28px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes floatImage{
  0%{ transform:translateY(0); }
  50%{ transform:translateY(-14px); }
  100%{ transform:translateY(0); }
}

/* CONTENT ANIMATION */
.wd-content h1{
  animation:fadeUp .9s ease forwards;
}

.wd-content p{
  animation:fadeUp .9s ease forwards;
  animation-delay:.15s;
}

.wd-actions{
  animation:fadeUp .9s ease forwards;
  animation-delay:.3s;
}

/* CONTENT STYLES */
.wd-content h1{
  font-size:clamp(32px,4.8vw,52px);
  font-weight:800;
  line-height:1.15;
  margin-bottom:22px;
}

.wd-content h1 span{
  color:#7c3aed;
}

.wd-content p{
  max-width:560px;
  font-size:16px;
  line-height:1.85;
  color:#475569;
  margin-bottom:34px;
}

/* CTA */
.wd-actions{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.wd-btn-primary,
.wd-btn-secondary{
  transition:transform .25s ease, box-shadow .25s ease;
}

.wd-btn-primary{
  padding:16px 38px;
  border-radius:999px;
  background:linear-gradient(135deg,#7c3aed,#a78bfa);
  color:#ffffff;
  font-size:15px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 18px 44px rgba(124,58,237,0.45);
}

.wd-btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 60px rgba(124,58,237,0.55);
}

.wd-btn-secondary{
  padding:16px 34px;
  border-radius:999px;
  background:#ffffff;
  color:#4c1d95;
  font-size:15px;
  font-weight:600;
  text-decoration:none;
  border:1px solid #ddd6fe;
}

.wd-btn-secondary:hover{
  transform:translateY(-2px);
  background:#ede9fe;
}

/* IMAGE */
.wd-visual{
  text-align:center;
}

.wd-visual img{
  width:100%;
  max-width:540px;
  height:auto;
  animation:floatImage 6s ease-in-out infinite;
}

/* MOBILE */
@media(max-width:900px){
  .wd-inner{
    grid-template-columns:1fr;
    text-align:center;
  }
  .wd-content p{
    margin:auto;
  }
  .wd-actions{
    justify-content:center;
  }
}

/* ACCESSIBILITY – REDUCED MOTION */
@media (prefers-reduced-motion: reduce){
  *{
    animation:none !important;
    transition:none !important;
  }
}/* End custom CSS */