.text-brand-blue {
  color: rgb(20, 182, 255) !important;
}
.btn-brand-blue {
  background-color: rgb(20, 182, 255) !important;
  border-color: rgb(20, 182, 255) !important;
  color: #fff !important; /* Ensures text is white and readable */
}
.btn-brand-blue:hover {
  background-color: rgb(0, 162, 235) !important;
  border-color: rgb(0, 162, 235) !important;
  color: #fff !important;
}
.hero-safety-pilot {
  position: relative;
  overflow: hidden;
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
  background:
    linear-gradient(rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.58)),
    url("Cover_image.jpeg") center center / cover no-repeat;
}

.hero-safety-pilot > .container {
  position: relative;
  z-index: 1;
}

.hero-safety-pilot h1,
.hero-safety-pilot .lead,
.hero-safety-pilot .text-body-secondary {
  color: #fff !important;
}

.hero-safety-pilot .btn-secondary {
  color: #fff !important;
}

@media (max-width: 767.98px) {
  .hero-safety-pilot {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}