.page-hero {
  position: relative;
  background: #343a40 url('../img/bg-masthead.jpg') center/cover no-repeat;
  padding: 6rem 0;
  color: #fff;
}

.page-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #212529;
  opacity: .45;
}

.page-hero .container {
  position: relative;
}

.section-space {
  padding: 5rem 0;
}

.icon-circle {
  width: 4rem;
  height: 4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eef6ff;
  color: #007bff;
  font-size: 1.7rem;
}

.service-card {
  border: 1px solid #e7edf3;
  box-shadow: 0 .25rem .75rem rgba(33,37,41,.06);
}

.service-card:hover {
  box-shadow: 0 .75rem 1.5rem rgba(33,37,41,.12);
}

.step-number {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #007bff;
  color: #fff;
  font-weight: 700;
}

.contact-panel {
  background: linear-gradient(135deg,#f7fbff,#eef6ff);
}

.contact-form-embed {
  display: block;
  width: 100%;
  min-height: 42rem;
  border: 0;
}

.skip-link {
  position: absolute;
  left: -999px;
  z-index: 1100;
}

.skip-link:focus {
  left: 1rem;
  top: 1rem;
  padding: .5rem .75rem;
  background: #fff;
}

.navbar .remote-support-nav {
  margin: .2rem 0;
  padding: .45rem 1rem;
  border-radius: 50rem;
  background: #75f783;
  color: #102116;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.navbar .remote-support-nav:hover, .navbar .remote-support-nav:focus {
  background: #52dc63;
  color: #102116;
}

@media (max-width: 991.98px) {
  .navbar-nav {
    padding-top: .75rem;
  }
}

@media (max-width: 991.98px) {
  .page-hero {
    padding: 4rem 0;
  }
}