@import url("./fonts.59bca29dd1f1.css");

:root {
  --navy: #001a39;
  --light-navy: #183a62;
  --yellow: #fbc700;
  --yellow-hover: #dbaf00;
  --hyperlink: #3b80d1;
  --blue: #0c6cbf;
  --blue-hover: #0b61ab;
  --blue-disabled: #a0ccef;
  --blue-transparent: #0c6cbf1a;
  --black: #111827;
  --sub-grey: #6b7280;
  --grey-100: #f3f4f6;
  --grey-300: #e5e7eb;
  --grey-350: #d1d5db;
  --grey-600: #4b5563;
  --grey-800: #1f2937;

  --red: #dc3545;
  --red-hover: #c82333;

  --green: #54B439;
  --green-hover: #4a9f33;
  --green-transparent: #54b4391a;

  --body-bg: #f3f5f7;
  --whiteish: #ececec;

  --bs-alert-text: #084298;
  --bs-alert-danger-text: #842029;
}

html,
body {
  font-family: "Roboto";
  font-weight: 400;
  background-color: var(--body-bg);
  color: var(--light-navy);
  font-size: 16px;
  width: 100%;
  overflow-x: hidden;
}

.font-Roboto {
  font-family: "Roboto" !important;
}

.font-Raleway {
  font-family: "Raleway" !important;
}

.text-white {
  color: #ffffff !important;
}

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

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

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

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

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

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

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

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

.fw-black {
  font-weight: 900 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

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

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

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

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

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

.bg-white {
  background-color: white !important;
}

.btn-close {
  opacity: 1 !important;
}

.fs-0\.625rem {
  /* 10px */
  font-size: 0.625rem !important;
}

.fs-0\.75rem {
  /* 12px */
  font-size: 0.75rem !important;
}

.fs-0\.875rem {
  /* 14px */
  font-size: 0.875rem !important;
}

.fs-1\.125rem {
  /* 18px */
  font-size: 1.125rem !important;
}

.fs-1\.5rem {
  /* 24px */
  font-size: 1.5rem !important;
}

.fs-1\.75rem {
  /* 28px */
  font-size: 1.75rem !important;
}

.fs-2\.625rem {
  /* 42px */
  font-size: 2.625rem !important;
}

.fs-3\.375rem {
  /* 54px */
  font-size: 3.375rem !important;
}

.mb-2rem {
  margin-bottom: 2rem !important;
}

.alert>button {
  float: right;
  border: none;
  background: none;
  color: var(--bs-alert-text);
}

.alert-danger>button {
  color: var(--bs-alert-danger-text) !important;
}