.quote-section {
  background-color: #1a1a1a;
  color: #fff;
  padding: 4rem 2rem;
}

.quote-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}

.quote-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.quote-form input,
.quote-form textarea {
  padding: 0.8rem;
  border: none;
  border-radius: 4px;
}

.quote-form button {
  background-color: #ffb800;
  color: #000;
  padding: 1rem;
  border: none;
  border-radius: 4px;
  font-weight: bold;
  cursor: pointer;
}

@media (max-width: 800px) {

 

.map-container {
  display: none;
}

  .nav-container {
    position: relative; /* Ensure proper positioning */
  }
  
  nav {
    transition: all 0.3s ease; /* Smooth transition for nav visibility */
  }
  
  button.animate {
    transition: transform 0.3s ease; /* Smooth transition for the button */
    transform: rotate(90deg); /* Rotate button on open */
  }
  
  @media (max-width: 800px) {
      
 
    .nav-container {
      flex-direction: column;
      align-items: center;
    }
  
    nav ul {
      flex-direction: column;
      align-items: center;
      gap: 1.2rem;
      padding: 2rem 0;
    }
  
    nav ul.open {
      display: flex;
    }
  
    nav ul li {
      margin-left: 0;
    }
  
    .nav-toggle {
      display: block;
      position: fixed;
      top: 1rem;
      right: 1rem;
    }
  
    .quote-container {
      grid-template-columns: 1fr;
    }
  
    .hero h1 {
      font-size: clamp(2rem, 5vw, 2.5rem);
    }
  
    .service-card {
      margin: 1rem;
    }
  }
  
}