html,
body {
  height: 100%;
}

a {
  text-decoration: none;
  cursor: pointer;
}

ul {
  list-style-type: none;
  padding-left: 0;
}

ul li::before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  margin-right: 10px;
  color: var(--text-primary);
}

.p-6 {
  padding: 6rem !important;
}

.head-row {
  background-image: url("../images/head.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 100vh;
}

.btn-opaque {
  cursor: pointer;
}

.btn-opaque:hover {
  opacity: 0.5;
}

.bg-primary {
  background-color: var(--bg-primary) !important;
}

.bg-secondary {
  background-color: var(--bg-secondary) !important;
}

.bg-tertiary {
  background-color: var(--bg-tertiary) !important;
}

.bg-opaque {
  background-color: var(--bg-opaque) !important;
}

.bg-whatsapp {
  background-color: var(--whatsapp) !important;
}

.bg-accent-primary {
  background-color: var(--accent-primary) !important;
}

.bg-accent-secondary {
  background-color: var(--accent-secondary) !important;
}

.bg-accent-tertiary {
  background-color: var(--accent-tertiary) !important;
}

.text-primary {
  color: var(--text-primary) !important;
}

.text-secondary {
  color: var(--text-secondary) !important;
}

.text-tertiary {
  color: var(--text-tertiary) !important;
}

.text-quaternary {
  color: var(--text-quaternary) !important;
}

.text-group > p {
  padding: 0 !important;
  margin: 0 !important;
}

.border-primary {
  border-color: var(--accent-primary) !important;
}

.border-secondary {
  border-color: var(--accent-secondary) !important;
}

.la-lg {
  font-size: 1.5 rem !important;
}

.bg-contact-gradient {
  width: 100%;
  background-image: linear-gradient(to bottom right, #5c2e91, #ff69b4, #ff8c00);
}

.fs-7 {
  font-size: 0.8rem !important;
}