:root {
  /* Core brand colors */
  --color-primary: #4CBDC6;
  --color-success: #33C75F;
  --color-navy: #21689C;
  --color-primary-black: #343536;

  /* Text and background */
  --color-text: var(--color-primary-black);
  --color-background: #ffffff;

  /* Font */
  --font-family: 'Roboto', sans-serif;
}

body,
p,
span,
div,
label,
h1,
h2,
h3,
h4,
h5,
h6,
a,
li,
td,
th,
strong,
em {
  font-family: var(--font-family) !important;
}

body {
  background-color: var(--color-primary-black) !important;
}

.fa,
.fas,
.far,
.fal,
.fad,
.fab,
.fa-classic,
.fa-regular,
.fa-solid {
  font-family: "Font Awesome 6 Free" !important;
}

/* Custom navbar  */
.navbar {
  box-shadow: none !important;
  background-color: var(--color-primary-black) !important;
  border-bottom: solid 5px var(--color-primary) !important;
}

.navbar .navbar-nav>li>a {
  color: white !important;
}

.navbar.navbar-dark .navbar-toggler {
  background-color: var(--color-primary-black) !important;
  border: none !important;
}


/* Custom footer */

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

.footer .footer-bottom .custom-footer,
.custom-footer-top-container,
.custom-footer-bottom-container {
  display: flex;
  flex-direction: column;
}

.custom-footer-bottom-container {
  align-items: end;
}

.custom-footer-top-container span:first-child {
  font-size: 24px;
  font-weight: 700;
}

.blue-divider {
  height: 3px;
  background-color: #4CBDC6;
  margin: 20px auto 0;
  width: 100%;
}

#description-section {
  padding-top: 15px;
  margin-top: 10px;
  margin-bottom: 15px;
  border-top: none !important; /* Remove the extra blue line */
}

@media (min-width: 992px) {
  #description-section {
    padding-top: 8px;
    margin-top: 5px;
    margin-bottom: 0;
  }
  #description-section .mb-4 {
    margin-bottom: 10px;
  }
}

/* Vinh: Faq -> FAQ */
a[href="/Faq/"] {
    text-transform: uppercase;
}