body {
  font-family: Arial, sans-serif;
  position: relative; /* Required for scrollspy */
}

.navbar {
  background-color: #337ab7; /* Softer blue */
}

.navbar .nav-link {
  color: #fff !important;
  
}
.nav-item{
  padding: 0 10px;
}

.navbar .nav-link:hover {
  background-color: #ff8c00; /* Orange */
  border-radius: 5px;
}

/* Scrollspy active link style */
.navbar .nav-link.active {
  background-color: #ff8c00; /* Orange for active link */
  border-radius: 5px;
  color: #fff !important; /* Ensure text color remains white */
}

.hero {
  background: url('https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?auto=format&fit=crop&w=1600&q=80') center center/cover no-repeat;
  color: #fff;
  padding: 150px 0;
  text-align: center;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 60px;
}

/* Services section icons */
.text-primary {
  color: #337ab7 !important; /* Softer blue for icons */
}

/* Accordion */
.accordion-item {
  border: 1px solid rgba(0, 0, 0, 0.125); /* Default Bootstrap border */
}

.accordion-button {
  background-color: #f8f9fa; /* Default light gray */
  color: #212529; /* Default text color */
}

.accordion-button:not(.collapsed) {
  background-color: #ff8c00; /* Orange when active/selected */
  color: #fff; /* White text for orange background */
}

.accordion-button:focus {
  border-color: #ff8c00; /* Orange focus border */
  box-shadow: 0 0 0 0.25rem rgba(255, 140, 0, 0.25);
}

/* Buttons */
.btn-primary {
  background-color: #337ab7; /* Softer blue */
  border-color: #337ab7; /* Softer blue */
}

.btn-primary:hover {
  background-color: #ff8c00; /* Orange */
  border-color: #ff8c00; /* Orange */
}

.footer {
  background-color: #111;
  color: #ccc;
  padding: 60px 0; /* Increased padding for more height */
  line-height: 30px;
}

.footer h5 {
  color: #fff;
}

.footer a {
  color: #ccc;
  text-decoration: none;
}

.footer a:hover {
  /* text-decoration: underline; */
   color:#ff8c00;
}

.feature-img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}