.about-hero {
  background-image: url("../../img/contact-hero-drop-shadow.png"),
    url("../../img/contact-hero.png");
  background-repeat: no-repeat, no-repeat;
  background-position: bottom, bottom;
  background-size: cover, cover;
  min-height: 300px;
}
.about-hero h3 {
  color: white;
  vertical-align: middle;
}
.about-hero h3:first-child {
  color: var(--light-blue-text);
}
.about-main-section-1 h3 {
  color: var(--dark-blue-text);
  font-size: 26px;
  font-weight: bold;
}
.about-main-section-1 p {
  line-height: 32px;
}
.about-main-section-2 {
  background-color: var(--blue-bg);
}
.about-card-body {
  background-color: white;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 20%, 2.7% 15%, 0 10%);
}
.about-card-body h5 {
  text-align: center;
  padding: 14px;
  background: transparent;
}
.about-card-body ul {
  background-color: #f5f5f5;
  padding-top: 20px;
  padding-bottom: 20px;
}
.about-card-body ul li {
  padding: 6px 10px;
}

.contact-heading {
  color: black !important;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
  border: 1px solid #707070;
  border-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 5px 10px;
  width: 100%;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder,
.contact-form select::placeholder {
  font-style: italic;
  opacity: 0.5;
}
.contact-form select:required:invalid {
  color: grey;
  font-style: italic;
  opacity: 0.8;
}
.contact-form textarea {
  min-height: 220px;
}
.contact-form input[type="checkbox"] {
  width: unset;
  margin-right: 7px;
}