:root {
  --blue: #1673ff;
  --green: #31994e;
  --yellow: #facb2e;
}

/* Utils */
.bg-blue {
  background-color: var(--blue);
}

.bg-green {
  background-color: var(--green);
}

.bg-yellow {
  background-color: var(--yellow);
}

.text-blue {
  color: var(--blue);
}

.text-green {
  color: var(--green);
}

.text-yellow {
  color: var(--yellow);
}

/* Generic styles */
.body-section {
  padding: 4rem 0;
}

/* Header */
header h5 {
  font-size: 24px;
}

header h1 {
  width: 100%;
  font-size: 48px;
}

button {
  border-radius: 1rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

@media (min-width: 992px) {
  header h1 {
    width: 50%;
  }
}

/* Cards */
.cards {
  background: #f7f7f8;
  border-top: 1px solid #ccc;
}

/* Footer */
#footer img {
  max-width: 130px;
}

#footer .products img {
  max-width: 100px;
  max-height: 64px;
}

footer {
  padding: 0.5rem 0;
  font-size: smaller;
}

a {
  text-decoration: none;
}

.card {
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out;
}
.card:hover {
  transform: translateY(-5px);
}
.card h5 {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.card h5 i {
  margin-right: 15px;
}

.text-purple {
  color: #722E9A !important;
}