/* Hero Section Positioning Utilities */
/* These classes replace inline styles for better performance */

.hero-icon-pos-1 {
  top: 45% !important;
  left: 18% !important;
}

.hero-icon-pos-2 {
  top: 20% !important;
  right: 18% !important;
}

.hero-icon-pos-3 {
  top: 20% !important;
  left: 15% !important;
}

.hero-icon-pos-4 {
  top: 35% !important;
}

.hero-icon-pos-5 {
  top: 80% !important;
  left: 8% !important;
}

.hero-icon-pos-6 {
  top: 50% !important;
  right: 18% !important;
}

.hero-icon-pos-7 {
  top: 80% !important;
  right: 8% !important;
}

.hero-icon-pos-8 {
  top: 35% !important;
}

.cta-icon-pos-1 {
  top: 40% !important;
  left: 24% !important;
}

.cta-icon-pos-2 {
  bottom: 40% !important;
  right: 24% !important;
}

.cta-icon-pos-3 {
  bottom: -4% !important;
  left: 28% !important;
}