html {
  scroll-behavior: smooth;
}

body {
  background-color: #e3ecff;
}

.text-intro {
  font-size: 1.48rem;
}

.grid-item {
  width: 20%;
}

@media (max-width: 1024px) {
  .grid-item {
    width: 25%;
  }
}

@media (max-width: 992px) {
  .grid-item {
    width: 33.33%;
  }
}

@media (max-width: 768px) {
  .grid-item {
    width: 50%;
  }

  .text-intro {
    font-size: inherit;
  }
}

.img-invert {
  filter: invert(1);
}

.rounded-4 {
  border-radius: 0.8rem;
}

.bg-google-green {
  background-color: var(--color-darker-blue);
}
.bg-google-alternate {
  background-color: var(--color-darker-blue);
}

.max-width-770 {
  max-width: 770px;
}

.grid-item .card {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  top: 0;
  color: black;
  border-radius: 0.65rem;
  overflow: hidden;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.25);
  margin: 0 10px 20px;
}

.grid-item .card:hover {
  transform: scale(1.01);
  top: -2px;
  background-color: #bac8e5;
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.35);
}

.grid-item .card-body {
  padding: 1.6rem;
}

.alert.alert-warning {
  background-color: var(--color-darker-blue) !important;
}

figure svg path {
  fill: #dd5f6b !important;
}

.home-buyer-guide-container .bg-google-green,
.home-buyer-guide-container .bg-google-alternate {
  background-color: #40577f;
}

.btn-outline-danger {
  border-color: white;
  color: white;
}

.home-buyer-guide-container .grid-item .card {
  border-radius: 0;
}