/* Hero Background Variants for Different Service Pages */

/* Default service hero styling */
.service-hero {
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

/* AI Development Page - Background Image Override Only */
.ai-hero {
  /* Keep all existing hero styles from styles.css */
  /* Only override the background image */
  background-image: linear-gradient(to right, #3caefc, #5f19a0b9), url("../pics/services-bg-1.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

/* AI Development Hero */
.ai-hero {
  background-image: linear-gradient(to right, #3caefc, #5f19a0b9), url("../pics/services-bg-1.jpg") !important;
}

/* Web Development Hero */
.web-hero {
  background-image: linear-gradient(to right, #3caefc, #5f19a0b9), url("../pics/overlay/67269.jpg") !important;
}

/* Mobile Development Hero */
.mobile-hero {
  background-image: linear-gradient(to right, #3caefc, #5f19a0b9), url("../pics/services-bg-1.jpg") !important;
}

/* CMS Development Hero */
.cms-hero {
  background-image: linear-gradient(to right, #3caefc, #5f19a0b9), url("../pics/services-bg-1.jpg") !important;
}

/* Cloud Services Hero */
.cloud-hero {
  background-image: linear-gradient(to right, #3caefc, #5f19a0b9), url("../pics/services-bg-1.jpg") !important;
}