/* Custom breadcrumb styling */
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent;
  border-radius: 0.25rem;
}

.breadcrumb a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.breadcrumb a:hover {
  color: #2362af;
  text-decoration: underline;
}

.breadcrumb .active {
  color: #f8f9fa;
  font-weight: 500;
}

.breadcrumb .mx-1 {
  margin: 0 0.5rem;
  color: #cccccc;
}

/* Fix for dark background sections */
.bg-dark-1 .breadcrumb {
  background-color: transparent;
  color: #ffffff;
}

.bg-dark-1 .breadcrumb a {
  color: #ffffff;
}

.bg-dark-1 .breadcrumb .active {
  color: #f99321;
}

/* Icon styling for services page */
.service-title i {
  margin-right: 8px;
  vertical-align: middle;
  font-size: 1.1em;
}

.breadcrumb i {
  margin-right: 4px;
  vertical-align: middle;
}

.widget-title i {
  margin-right: 8px;
  vertical-align: middle;
}

.service-card-title i {
  margin-right: 8px;
  vertical-align: middle;
}

.widget-menu i {
  margin-right: 8px;
  vertical-align: middle;
  font-size: 1.1em;
}

label i {
  margin-right: 5px;
  vertical-align: middle;
}

.section-title i {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 1.2em;
}

button i {
  margin-right: 5px;
  vertical-align: middle;
}

.section-text p i {
  margin-right: 8px;
  vertical-align: middle;
  font-size: 1.1em;
}