/* style.css */

/* ===== Global ===== */
body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
  }
  
  /* Offset for fixed navbar */
  .main-content {
    min-height: 100vh;
  }
  
  /* ===== Hero Section ===== */
  #hero {
    position: relative;
    min-height: 100vh;
    background: url('hero-bg.jpg') center center / cover no-repeat;
  }
  #hero .overlay {
    position: absolute;
    top: 0; left: 0;
    right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .hero-content {
    position: relative;
    z-index: 2;
    padding-top: 200px;
    padding-bottom: 200px;
  }
  
  /* ===== Service Cards Hover Effect ===== */
  .service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  }
  
  /* ===== Footer ===== */
  footer {
    position: relative;
  }