.home-banner {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--dl-color-gray-black);
}
.home-banner1 {
  gap: var(--dl-space-space-oneandhalfunits);
  width: var(--dl-size-size-maxwidth);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2rem;
  padding-bottom: 0;
}
.home-banner-heading {
  color: var(--dl-color-gray-white);
  text-align: center;
  font-family: "Anton", sans-serif;
  line-height: 1.6;
  letter-spacing: 4px;
}
.home-banner-sub-heading {
  color: #588dbb;
  max-width: var(--dl-size-size-maxwidth);
  text-align: center;
  line-height: 1.6;
  font-size: var(--fs-500);
}
.home-banner-button {
  transition: 0.3s;
  font-weight: 700;
  padding: 1.5rem 3rem;
  border-width: 0px;
}
.home-banner-button .button1 {
  background-color: #ffff;
  color: #588dbb;
}
.home-banner-button .button2 {
  color: #ffff;
  background-color: #588dbb;
}
.home-banner-button.button1:hover {
  color: #ffff;
  cursor: pointer;
  outline: solid 1px #ffff;
  background-color: #101010;
}
.home-banner-button:hover {
  cursor: pointer;
  color: #ffff;
  outline: solid 1px #ffff;
  background-color: #101010;
}
.carousel-control-next:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.carousel-control-prev:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}