a {
  color: #FB3311;
  text-decoration: none;
}

.hero-image {
  width: 100%;
}

.card {
  transition: all 200ms;
  transition-timing-function: ease-out;
}

.card:hover {
  margin-top: -4px;
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 14%) !important;
  border: 1px solid #ff8d00;
}

.card-title::after {
  content: url(../docshomeimg/arrow-right.svg);
  vertical-align: middle;
  padding: 0 0 0 8px;
}

.card-body {
  padding: 2rem;
}

.image {
  height: 90px;
}

@media (min-width: 768px) {
  .hero-image {
    width: 645px;
  }
}