.hero-section {
  background: linear-gradient(to bottom, #000000c7, #0000006e),
    url(images/road-accident-with-injured.png);
  min-height: 85vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #333;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.contact-us-section {
  background: linear-gradient(to bottom, #000000c7, #0000006e),
    url(images/young-man.png);
  min-height: 85vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #333;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.bg-primary {
  background: #1f7089 !important;
}

.btn-primary {
  border-color: #1f7089;
  background: #1f7089 !important;
}

body {
  font-family: "Josefin Sans" !important;
}

.header-title {
  font-size: 42px;
  font-family: "Josefin Sans";
  line-height: 56px;
}

.header-subtitle {
  font-family: "Josefin Sans";
  font-size: 24px;
}
.form-section {
  margin: 2rem 0;
}
.benefits-section,
.faq-section,
.contact-section {
  padding: 2rem 0;
}
.benefits-section .benefit {
  text-align: center;
}
.recognized-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

img {
  width: 100%;
  height: auto;
}

.step {
  display: none;
}

.step.active {
  display: block;
}

.hidden {
  display: none;
}

.btn {
  width: 100%;
}

/* Input field */
.form-control {
  margin-bottom: 15px;
}

.accordion-button {
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
  background: #1f7089;
  color: #fff;
  text-decoration: none;
  font-family: "Josefin Sans", sans-serif !important;
  line-height: 22px;
}

.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #1f7089;
}