body {
  --tw-gradient-from: #70c6dd;
  --tw-gradient-to: #1e516f;
  --tw-gradient-stops: var(--tw-gradient-from), #0086c0,
    var(--tw-gradient-to, rgba(0, 134, 192, 1));
  --color-black: rgba(0, 0, 0, 1);
  --color-dark: rgba(31, 41, 55, 1);
  --color-grey-100: rgba(243, 244, 246, 1);
  --color-gray-200: rgba(229, 231, 235, 1);
  --color-gray-300: rgba(209, 213, 219, 1);
  --color-gray-400: rgba(156, 163, 175, 1);
  --color-gray-600: rgba(75, 85, 99, 1);
  --color-gray-700: rgba(55, 65, 81, 1);
  --color-gray-800: rgba(31, 41, 55, 1);
  --color-gray-900: rgba(17, 24, 39, 1);
  --color-green-100: rgba(209, 250, 229, 1);
  --color-green-500: rgba(16, 185, 129, 1);
  --color-light: rgba(249, 250, 251, 1);
  --color-primary: rgba(0, 134, 192, 1);
  --color-reading: rgba(107, 114, 128, 1);
  --color-teal-100: rgba(214, 241, 249, 1);
  --color-teal-200: rgba(167, 227, 241, 1);
  --color-teal-300: rgba(112, 198, 221, 1);
  --color-teal-400: rgba(56, 164, 195, 1);
  --color-teal-500: rgba(0, 134, 192, 1);
  --color-teal-600: rgba(35, 107, 142, 1);
  --color-teal-700: rgba(30, 81, 111, 1);
  --color-teal-800: rgba(22, 55, 79, 1);
  --color-teal-900: rgba(14, 33, 54, 1);
  --color-white: rgba(255, 255, 255, 1);
  --color-yellow-400: rgba(251, 191, 36, 1);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji;
}

.header-bg,
.footer-bg {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.header-btn {
  color: var(--color-primary);
  opacity: 1;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
}

.header-font {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  color: var(--color-white);
}

.nav-logo {
  height: 2.5rem;
}

.dropdown-menu {
  border: 0px;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--color-dark);
    font-weight: 500;
    font-size: 1rem;
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: var(--color-teal-500);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: var(--color-teal-500);
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  color: var(--color-teal-500);
}

.dropdown-item {
    font-weight: 500;
    font-size: 1rem;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--color-teal-500);
  background-color: var(--color-grey-100);
  border-radius: 0.5rem;
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--color-teal-500);
  text-decoration: none;
  background-color: var(--color-teal-100);
}

#cb-cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    border-radius: 0;
    display: none;
    color: var(--color-white);
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.btn-cookie {
    color: var(--color-dark);
    background-color: var(--tw-gradient-from);
    border-color: var(--tw-gradient-from);
}

.cookie-link {
    color: var(--color-white);
}

.cookie-link:focus,
.cookie-link:hover {
    color: var(--color-teal-300);
}
.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    border-radius: 0.5rem !important;
    margin-bottom: 3rem !important;
}