@media (max-width: 991px) {
  .navbar-collapse {
      background: #004AAD;
      padding: 10px;
      border-radius: 10px;
  }

  .nav-link {
      padding: 10px;
      display: block;
  }

  .btn-service {
      display: block;
      width: 100%;
      text-align: center;
      margin-top: 10px;
  }
}
/* Hero Slider Styling */
#heroSlider {
  position: relative;
  background-color: #002147;
  color: white;
  padding: 50px 0;
}

.hero-content {
  text-align: left;
}

.hero-content h1 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.hero-content p {
  font-size: 1.1rem;
  margin-bottom: 20px;
}

.hero-content .btn {
  background-color: #00aaff;
  border: none;
  padding: 12px 20px;
  font-size: 1rem;
}

.hero-content .btn:hover {
  background-color: #0088cc;
}

/* Image Styling */
.carousel-item img {
  max-height: 400px;
  object-fit: cover;
}




/* Responsive Design */
@media (max-width: 991px) {
  .about-us {
    text-align: center;
  }

  .about-content {
    margin-top: 30px;
  }

  .about-img img {
    width: 80%;
  }
}
/* Responsive Design */
@media (max-width: 991px) {
  .why-choose-us {
    text-align: center;
  }

  .why-box {
    flex-direction: column;
    text-align: center;
  }

  .why-box i {
    font-size: 40px;
  }

  .why-box p {
    font-size: 14px;
  }
}
/* Responsive Design */
@media (max-width: 768px) {
  .services-grid {
    grid-template-columns: 1fr;
  }
}


/* Responsive Design */
@media (max-width: 768px) {
  .quality-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {
  .quality-content {
    flex-direction: column;
    text-align: center;
  }

  .quality-text, .quality-image {
    width: 100%;
  }

  .quality-step {
    text-align: left;
  }

  .btn-primary {
    display: block;
    margin: 20px auto;
  }
}