/* Home hero background */
.hero-home {
  background:
    radial-gradient(circle at 10% 20%, rgba(56, 189, 248, 0.18) 0, transparent 55%),
    radial-gradient(circle at 80% 0%, rgba(129, 140, 248, 0.22) 0, transparent 55%);
}

/* Service hero variants */

.hero-service {
  background:
    radial-gradient(circle at 0% 0%, rgba(56, 189, 248, 0.18) 0, transparent 55%),
    radial-gradient(circle at 100% 0%, rgba(129, 140, 248, 0.22) 0, transparent 55%);
}

.hero-cloud {
  background:
    radial-gradient(circle at 0% 0%, rgba(59, 130, 246, 0.25) 0, transparent 55%),
    radial-gradient(circle at 100% 0%, rgba(56, 189, 248, 0.18) 0, transparent 55%);
}

.hero-hybrid {
  background:
    radial-gradient(circle at 0% 0%, rgba(16, 185, 129, 0.25) 0, transparent 55%),
    radial-gradient(circle at 100% 0%, rgba(56, 189, 248, 0.18) 0, transparent 55%);
}

.hero-automation {
  background:
    radial-gradient(circle at 0% 0%, rgba(234, 179, 8, 0.25) 0, transparent 55%),
    radial-gradient(circle at 100% 0%, rgba(56, 189, 248, 0.18) 0, transparent 55%);
}

.hero-ai {
  background:
    radial-gradient(circle at 0% 0%, rgba(244, 114, 182, 0.25) 0, transparent 55%),
    radial-gradient(circle at 100% 0%, rgba(129, 140, 248, 0.22) 0, transparent 55%);
}

.hero-migration {
  background:
    radial-gradient(circle at 0% 0%, rgba(96, 165, 250, 0.25) 0, transparent 55%),
    radial-gradient(circle at 100% 0%, rgba(45, 212, 191, 0.22) 0, transparent 55%);
}

.hero-people {
  background:
    radial-gradient(circle at 0% 0%, rgba(251, 191, 36, 0.25) 0, transparent 55%),
    radial-gradient(circle at 100% 0%, rgba(129, 140, 248, 0.22) 0, transparent 55%);
}

.hero-services {
  background:
    radial-gradient(circle at 0% 0%, rgba(56, 189, 248, 0.18) 0, transparent 55%),
    radial-gradient(circle at 100% 0%, rgba(129, 140, 248, 0.22) 0, transparent 55%);
}

.hero-courses {
  background:
    radial-gradient(circle at 0% 0%, rgba(56, 189, 248, 0.18) 0, transparent 55%),
    radial-gradient(circle at 100% 0%, rgba(16, 185, 129, 0.22) 0, transparent 55%);
}

.hero-contact {
  background:
    radial-gradient(circle at 0% 0%, rgba(129, 140, 248, 0.25) 0, transparent 55%),
    radial-gradient(circle at 100% 0%, rgba(56, 189, 248, 0.18) 0, transparent 55%);
}