/* ====================== CTA Section with Background Image ====================== */

.cta-section {
  background-image: url('https://www.wizmedia.co.uk/express/images/air.jpg');   /* ← Replace this later with your photo */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 120px 0;                    /* You can adjust this spacing */
  position: relative;
  color: white;
  overflow: hidden;
}

/* Dark overlay to make text readable over the background image */
.cta-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.50);     /* Change 0.50 to adjust darkness (0.3 = lighter, 0.7 = darker) */
  z-index: 1;
}

/* Make sure content stays above the overlay */
.cta-content {
  position: relative;
  z-index: 2;
}

/* Optional: Make the section look even better on mobile */
@media (max-width: 768px) {
  .cta-section {
    padding: 80px 0;
  }
}