:root {
  --vibrant: #009ccd;
  --primary: #003557;
  --off-white: #f5fbff;
  --white: white;
  --drop-shadow: #00355742;
  --light-blue: #b2e1ff;
  --grey: #809aab;
  --sidebar-hover: 3rem;
  --gold: #ffbf00;
  --red: #d5402b;
  --green: #51c95d;
  --dark: #1e3b4e;
  --violet-light: #eee7ff;
  --primary-light: #d8f0ff;
  --blue: #5754ff;
  --violet: #b24fff;
  --brown: #cd7b00;
  --red-light: #ffe6e2;
  --read-grey: #00355708;
  --yellow-light: #fff2c9;
  --very-light: #00558b12;
  --unreadhover: #ff4d4d1c;
  --accessible-components--dark-grey: #9b9b9b;
  --yellow: #f6f647;
  --white-2: white;
  --black: black;
  --nav-icon: #b2e1ff;
  --yellow-dark: #ffc400;
  --blue-dark: #5754ff;
  --blue-light: #e2e2fd;
  --violet-dark: #b24fff;
  --red-dark: #d5402b;
  --green-dark: #51c95d;
  --green-light: #dbffdf;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--vibrant);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 600;
  line-height: 100%;
}

h2 {
  color: var(--primary);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 36px;
}

a {
  text-decoration: none;
}

img {
  object-fit: cover;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

.login-section {
  background-color: var(--off-white);
  background-image: url('../images/Rectangle-v2.png');
  background-position: 50% 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container {
  min-width: 90%;
  max-width: none;
}

.container.login-grid {
  z-index: 1;
  width: 80%;
  min-width: auto;
  max-width: 90%;
  position: relative;
}

.login-wrapper {
  background-color: var(--white);
  background-image: linear-gradient(135deg, var(--white), var(--off-white));
  box-shadow: 4px 4px 10.5px 0 var(--drop-shadow);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  text-align: left;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 1rem;
  font-weight: 300;
  display: flex;
}

.logo {
    text-align: center;
    /*margin-bottom: 2rem;*/
    margin-bottom: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.body {
  background-color: #003557;
  font-family: Montserrat, sans-serif;
  display: flex;
  overflow: hidden;
}

.login-button-wrapper {
  justify-content: center;
  margin-bottom: 1rem;
  font-weight: 500;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.text-field {
  box-shadow: none;
  color: var(--primary);
  border-radius: 10px;
  margin-bottom: 1rem;
  font-weight: 500;
  transition: box-shadow .2s;
}

.text-field:hover, .text-field:focus {
  box-shadow: 4px 4px 10.5px 0 var(--drop-shadow);
}

.select-field {
  color: #000;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}

.select-field:hover {
  box-shadow: 0 2px 5px #0003;
}

.select-field.text-field {
  font-weight: 300;
}

.primary-button {
  background-color: var(--primary);
  box-shadow: 6px 8px 0 0 var(--light-blue);
  border-radius: 10px;
  padding: 3px 2rem;
  transition: all .2s;
}

.primary-button:hover {
  background-color: var(--vibrant);
  box-shadow: 9px 12px 0 0 var(--light-blue);
}

.license-number {
  color: var(--grey);
}

.license-number-wrapper, .forogot-password-wrapper {
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 12px;
  display: flex;
}

.link {
  color: var(--grey);
  font-weight: 500;
  text-decoration: none;
}

.link:hover {
  color: var(--vibrant);
}

.grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 300px 1fr;
}

.divider {
  background-color: var(--white);
  width: 100%;
  height: 100%;
}

.divider._60, .divider._80 {
  height: 60%;
}

.divider._80.dark {
  background-color: var(--vibrant);
  height: 80%;
}

.greeting-text-wrapper {
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Great Vibes, cursive;
  font-size: 100px;
  font-weight: 900;
  line-height: 100%;
  display: none;
  position: relative;
}

.greeting-text {
  width: 100%;
  position: absolute;
}

.greeting-text.fade-up.tricks {
  left: 0;
}

.content-section {
  background-color: var(--off-white);
  border-radius: 10px 0 0 10px;
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  width: 100%;
  padding: .5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-body {
  background-color: #003557;
  flex-direction: column;
  height: 100vh;
  padding-top: 3rem;
  padding-bottom: 2rem;
  padding-left: 3rem;
  font-family: Montserrat, sans-serif;
  display: flex;
  overflow: hidden;
}

.side-bar {
  z-index: 200;
  width: var(--sidebar-hover);
  background-color: var(--primary);
  height: 93%;
  display: flex;
  position: absolute;
  inset: auto auto auto 0%;
}

.content-container {
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
  overflow: auto;
}

.dashboard-container {
  flex-direction: column;
  justify-content: space-between;
  min-width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
  overflow: auto;
}

.navbar {
  border-top: 2px solid var(--gold);
  justify-content: space-between;
  align-items: center;
  height: 3rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.footer {
  z-index: 202;
  background-color: var(--primary);
  height: 2rem;
  padding-left: .5rem;
  padding-right: .5rem;
  position: absolute;
  inset: auto 0% 0%;
}

.fa-icon {
  text-align: center;
  align-self: center;
  font-family: "Fa Solid 900", sans-serif;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.fa-icon.space {
  margin-right: .5rem;
}

.fa-icon.space.red {
  color: var(--red);
}

.fa-icon.small {
  width: 3rem;
  margin-top: 0;
  margin-bottom: 0;
  padding: .5rem;
  line-height: 20px;
}

.fa-icon.small.w--current {
  color: var(--light-blue);
  line-height: 20px;
}

.fa-icon.online {
  color: var(--green);
  font-size: 10px;
  position: absolute;
  bottom: -1px;
  right: 0%;
}

.fa-icon.tiny {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 20px;
}

.fa-icon.tiny.w--current {
  color: var(--light-blue);
  line-height: 100%;
}

.fa-icon.cal-arrow {
  color: var(--vibrant);
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  transition: all .2s;
}

.fa-icon.cal-arrow:hover {
  color: var(--primary);
  font-size: 23px;
}

.fa-icon.cal-arrow.w--current {
  color: var(--light-blue);
  line-height: 100%;
}

.fa-icon.space-bottom {
  margin-bottom: .3rem;
}

.fa-icon.margin {
  align-self: center;
  margin-left: .5rem;
  margin-right: .5rem;
  display: block;
}

.fa-icon.margin.navlink-title {
  margin-left: .5rem;
  margin-right: .5rem;
  display: none;
  position: absolute;
  right: 1%;
}

.fa-icon.grab {
  cursor: grab;
}

.fa-icon.cute {
  font-size: 12px;
}

.fa-icon.hollow {
  font-family: "Fa 400", sans-serif;
}

.page-heading-wrapper {
  color: var(--white);
  cursor: default;
  text-decoration: none;
  display: flex;
  position: relative;
}

.page-heading-wrapper.hidden {
  flex: none;
  display: none;
}

.page-heading-wrapper.absolute {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.sidebar-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 3rem;
  max-width: none;
  padding-left: 0;
  display: flex;
}

.heading-2 {
  color: var(--primary);
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 18px;
  line-height: 30px;
}

.heading-2.slide-up {
  margin-bottom: .5rem;
  line-height: 30px;
}

.side-menu-toggle {
  color: var(--light-blue);
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  font-size: 20px;
  transition: all .2s;
  display: flex;
}

.side-menu-toggle:hover {
  color: var(--white);
}

.side-menu-toggle.w--open {
  background-color: var(--dark);
  color: var(--white);
  font-size: 24px;
}

.sidebar-droplist-wrapper {
  background-color: var(--dark);
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}

.sidebar-droplist-wrapper.w--open {
  background-color: var(--dark);
  color: var(--primary);
  justify-content: flex-start;
  align-items: stretch;
}

.label {
  color: var(--white);
  white-space: nowrap;
}

.label-wrapper {
  background-color: var(--primary);
  border-radius: 10px;
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  margin-left: -1px;
  padding: .2rem 1rem;
  display: flex;
}

.arrow {
  width: 25px;
  transform: rotate(180deg);
}

.side-menu {
  justify-content: center;
  align-self: center;
  width: 100%;
  position: static;
}

.username {
  color: var(--white);
  font-weight: 600;
  line-height: 100%;
}

.username-wrapper {
  align-self: center;
  padding-left: .5rem;
  padding-right: .5rem;
}

.location {
  clear: left;
  color: var(--white);
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
}

.user.fa-icon {
  color: var(--white);
  font-size: 35px;
}

.user-icon {
  position: relative;
}

.nav-menu {
  cursor: pointer;
  background-color: #0000;
  align-items: center;
  height: 100%;
  margin-right: .25rem;
  padding: 0;
  line-height: 100%;
  display: flex;
}

.nav-menu-toggle {
  color: var(--white);
  border-radius: 4px;
  padding: 10px 25px 10px 10px;
  font-weight: 400;
  transition: all .2s;
}

.nav-menu-toggle:hover {
  background-color: var(--off-white);
  color: var(--primary);
  border-radius: 4px;
}

.nav-menu-toggle.w--open {
  background-color: var(--off-white);
  color: var(--primary);
  border-radius: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-menu-wrapper {
  align-self: stretch;
  display: none;
  position: relative;
}

.nav-search {
  align-items: center;
  height: 100%;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
}

.search-field {
  border: 1px #000;
  border-radius: 20px;
  height: 20px;
  margin-bottom: 0;
  padding: 0 12px;
}

.search-field._100h {
  height: 100%;
}

.search-field._100h.navlink-title {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 12px;
}

.form-block {
  margin-bottom: 0;
}

.nav-icons {
  align-items: center;
  height: 100%;
  display: flex;
}

.nav-icon-toggle {
  color: var(--white);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 35px;
  padding: 0 0;
  font-size: 18px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.nav-icon-toggle:hover, .nav-icon-toggle.w--open {
  color: var(--light-blue);
  font-size: 23px;
}

.icons-search-wrapper {
  align-items: center;
  display: flex;
}

.head-icons-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px auto;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.notification-calendar-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.notifcations-wrapper {
  padding-left: .5rem;
  padding-right: .5rem;
  position: relative;
  overflow: hidden;
}

.calendar-wrapper {
  flex-direction: column;
  justify-content: space-around;
  max-width: 50vw;
  padding-left: .5rem;
  padding-right: .5rem;
}

.dropdown-list-3 {
  top: 100%;
}

.dropdown-list-3.w--open {
  background-color: var(--primary);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 4px;
  padding: 0;
  box-shadow: -6px 6px 5px -2px #00355742;
}

.nav-dropdown-toggle {
  color: var(--white);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: .5rem 1rem .5rem .5rem;
  font-weight: 400;
  transition: all .2s;
}

.nav-dropdown-toggle:hover {
  color: var(--primary);
  background-color: #fff;
  border-radius: 4px;
}

.nav-dropdown-toggle.w--open {
  background-color: var(--white);
  color: var(--primary);
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.icon-side {
  margin-right: auto;
  right: 0%;
  transform: rotate(-90deg);
}

.icon {
  margin-right: 5px;
}

.drop-drop-down-list {
  top: 0%;
  left: 100%;
  box-shadow: -6px 6px 5px -2px #00355742;
}

.drop-drop-down-list.w--open {
  background-color: var(--primary);
  border-radius: 4px;
  padding: 0;
}

.dropdown-link {
  color: var(--white);
  padding: .5rem;
  transition: all .2s;
}

.dropdown-link:hover {
  background-color: var(--white);
  color: var(--primary);
  border-radius: 4px;
}

.dropdown-link.w--current {
  text-decoration: none;
}

.dropdown-list-item {
  width: 100%;
}

.footer-watermark {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.heading-1 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 22px;
}

.width-warning {
  display: none;
}

.calendar {
  display: inline-block;
}

.numbers {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 2rem 2rem 2rem 2rem 2rem 2rem 2rem;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center end;
  place-items: center stretch;
  display: grid;
}

.calendar-digit {
  color: var(--primary);
  text-align: center;
  border-radius: 100%;
  width: 1.5rem;
  height: 1.5rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-decoration: none;
  transition: all .2s;
}

.calendar-digit:hover {
  background-color: var(--primary);
  color: var(--white);
  border-radius: 100%;
}

.calendar-digit.faded {
  color: var(--grey);
}

.calendar-digit.faded:hover {
  color: var(--white);
}

.events {
  width: 100%;
  position: relative;
}

.calendar-days {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  grid-template-rows: auto;
  grid-template-columns: 2rem 2rem 2rem 2rem 2rem 2rem 2rem;
  grid-auto-columns: 1fr;
  place-content: center end;
  place-items: center stretch;
  margin-bottom: .5rem;
  display: grid;
}

.calendar-day-name {
  color: var(--grey);
  text-align: center;
  border-radius: 100%;
  width: 1.5rem;
  height: 1.5rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-decoration: none;
  transition: all .2s;
}

.calendar-month {
  color: var(--grey);
  text-align: right;
  margin-bottom: .5rem;
  font-size: 16px;
  font-weight: 700;
}

.slider {
  background-color: #ddd0;
  width: 245px;
  height: 100%;
  padding-top: 1rem;
}

.slide-nav {
  inset: 0% 0% auto;
}

.slide-nav.hide {
  display: none;
}

.left-arrow {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  inset: 1rem auto auto 0%;
  overflow: visible;
}

.right-arrow {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  inset: 1rem auto auto 1.5rem;
  overflow: visible;
}

.upcoming-events-heading {
  white-space: nowrap;
}

.upcoming-events {
  color: var(--primary);
  justify-content: flex-start;
  align-items: stretch;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.modules-stats-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.html-embed {
  margin-bottom: 0;
  display: flex;
}

.stats-wrapper {
  flex-direction: column;
  width: 45vw;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.div-block-2 {
  z-index: 1;
  background-image: linear-gradient(315deg, #0000, var(--off-white) 60%);
  width: 4rem;
  height: 2rem;
  position: absolute;
  inset: .5rem auto auto 0%;
}

.event-template {
  background-color: var(--violet-light);
  border-radius: 10px;
  height: 4rem;
  margin-bottom: .5rem;
  margin-right: 1rem;
  display: flex;
  overflow: hidden;
}

.event-template.color {
  background-color: var(--primary-light);
}

.event-template.color-2 {
  background-color: #ffe1dd;
}

.event-date {
  background-color: var(--blue);
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 100%;
  font-size: 18px;
  display: flex;
}

.event-date.color1 {
  background-color: var(--primary);
}

.event-date.color2 {
  background-color: var(--red);
}

.event-date-day {
  font-size: 22px;
  line-height: 100%;
}

.event-date-day-name {
  font-size: 12px;
  line-height: 100%;
}

.event-details {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.events-wrapper {
  justify-content: space-between;
  align-items: stretch;
}

.grid-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  grid-auto-rows: 1fr;
  grid-auto-columns: minmax(10rem, 1fr);
  grid-auto-flow: row;
  justify-content: start;
  justify-items: start;
  display: grid;
}

.module-tile {
  background-image: linear-gradient(135deg, var(--vibrant), var(--off-white));
  border-radius: 10px;
  width: 100%;
  min-height: 6rem;
  margin-right: .5rem;
  padding: 1px;
  text-decoration: none;
  transition: all .2s;
  overflow: hidden;
  box-shadow: 4px 4px 10.5px #00355742;
}

.module-tile:hover {
  padding-top: 5px;
  transform: translate(0, 3px);
}

.module-tile.w--current {
  background-image: linear-gradient(135deg, var(--green), var(--off-white));
  transform: translate(0, 3px);
}

.module-tile.no-hover {
  box-shadow: 4px 4px 10.5px 0 var(--drop-shadow);
  border-radius: 4px;
  height: 100%;
  min-height: auto;
  margin-right: 0;
  transition-property: none;
}

.module-tile.no-hover:hover {
  padding-top: 1px;
  transform: none;
}

.module-tile.locked {
  background-color: var(--white);
  pointer-events: none;
  background-image: none;
  position: relative;
}

.tile-content {
  background-image: linear-gradient(315deg, var(--white), var(--off-white));
  color: var(--primary);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: .5rem;
  transition: all .2s;
  display: flex;
}

.tile-content:hover {
  background-color: var(--primary);
}

.tile-content.bronze {
  color: var(--brown);
}

.tile-content.violet {
  color: var(--violet);
}

.tile-content.red {
  color: var(--red);
}

.tile-content.silver {
  color: var(--vibrant);
}

.tile-content.report {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: 4px;
  flex-direction: column;
  padding: 1rem;
  transition-property: none;
  overflow: auto;
}

.tile-content.report:hover {
  background-image: linear-gradient(315deg, var(--white), var(--off-white));
  color: var(--primary);
}

.tile-content.col-layout {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: 4px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem;
  transition-property: none;
  display: flex;
  overflow: auto;
}

.tile-content.col-layout:hover {
  background-image: linear-gradient(315deg, var(--white), var(--off-white));
  color: var(--primary);
}

.div-block-3 {
  justify-content: center;
  align-items: center;
}

.text-block {
  text-align: center;
  font-weight: 500;
  line-height: 100%;
}

.div-block-4 {
  font-size: 28px;
}

.content-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.event-title {
  font-weight: 500;
}

.footer-page-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding: .5rem;
  font-size: 14px;
}

.footer-page-title.previous {
  border-right: 1px solid var(--grey);
  color: var(--light-blue);
}

.events-list {
  max-width: 30vw;
  max-height: 13rem;
  overflow: auto;
}

.scroll-fade-off {
  z-index: 1;
  background-image: linear-gradient(to bottom, #0000, var(--off-white));
  position: absolute;
  inset: 80% 0% 0%;
}

.notification-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--primary);
  background-color: #0035570a;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: .5rem;
  padding: 0 .5rem 0 0;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.notification-content:hover {
  transform: scale(.99);
}

.notification-content.notification {
  background-color: var(--red-light);
  color: var(--red);
  font-weight: 700;
}

.notification-content.notification.inverted {
  color: var(--light-blue);
}

.notification-content.notification.inverted:hover {
  color: var(--white);
}

.notification-content.notification.no-padding {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  padding: 0 .5rem 0 0;
  overflow: hidden;
}

.notification-content.read {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--read-grey);
  font-weight: 400;
}

.notification-content.read.inverted {
  color: var(--light-blue);
}

.notification-content.message {
  background-color: var(--primary-light);
  color: var(--primary);
  font-weight: 700;
}

.notification-content.message:hover {
  background-color: var(--primary-light);
}

.notification-content.message.inverted {
  color: var(--light-blue);
}

.notification-content.message.inverted:hover {
  color: var(--white);
}

.notification-content.message.no-padding {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  overflow: hidden;
}

.notification-content.alert {
  background-color: var(--yellow-light);
  color: var(--brown);
  font-weight: 700;
}

.notification-content.alert:hover {
  background-color: var(--yellow-light);
}

.notification-content.alert.inverted {
  color: var(--light-blue);
}

.notification-content.alert.inverted:hover {
  color: var(--white);
}

.notification-message {
  color: var(--primary);
  text-align: left;
  white-space: normal;
  word-break: break-all;
  overflow-wrap: anywhere;
  height: 20px;
  line-height: 20px;
  display: block;
  overflow: hidden;
}

.notification-message.inverted {
  color: var(--white);
}

.notification-sender {
  color: var(--primary);
  white-space: nowrap;
  margin-right: .5rem;
  line-height: 100%;
  display: block;
}

.notification-sender.inverted {
  color: var(--white);
}

.log-in-content-wrapper {
  box-shadow: 4px 4px 10.5px 0 var(--drop-shadow);
  border-radius: 10px;
  overflow: hidden;
}

.notification-title-wrapper {
  align-self: stretch;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.notification-date {
  color: var(--primary);
  white-space: nowrap;
  align-self: flex-end;
  font-size: 12px;
}

.notification-date.inverted {
  color: var(--white);
}

.truncate {
  color: var(--primary);
  white-space: normal;
  line-height: 20px;
  display: block;
}

.truncate.inverted {
  color: var(--white);
}

.div-block-8 {
  height: 15rem;
  overflow: auto;
}

.width-warning-login {
  display: none;
}

.space {
  height: 3rem;
}

.space.xtra {
  height: 5rem;
}

.notification-num {
  color: var(--grey);
  white-space: nowrap;
  margin-right: .5rem;
  font-weight: 700;
  line-height: 100%;
  display: block;
}

.notification-num.inverted {
  color: var(--light-blue);
}

.notification-type {
  white-space: nowrap;
  margin-right: .2rem;
  line-height: 100%;
  display: block;
}

.tabs-menu {
  background-color: var(--very-light);
  border-radius: 20px;
  height: 1.6rem;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 102%;
  right: 0%;
  overflow: hidden;
}

.tab-link-tab-1 {
  background-color: #ddd0;
  align-self: stretch;
  align-items: center;
  padding: 0 15px;
  display: flex;
}

.tab-link-tab-1.w--current {
  background-color: var(--light-blue);
  border-radius: 20px;
}

.tab-link-tab-2 {
  background-color: #ddd0;
  align-self: stretch;
  align-items: center;
  padding: 0 15px;
  display: flex;
}

.tab-link-tab-2.w--current {
  background-color: var(--light-blue);
  border-radius: 20px;
}

.table_cell {
  text-align: center;
  white-space: nowrap;
  padding: .5px;
  overflow: hidden;
}

.table_row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--primary);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  font-size: 12px;
  font-weight: 500;
  position: relative;
}

.table_row.unread {
  background-color: var(--off-white);
  color: var(--red);
  cursor: pointer;
  font-weight: 700;
}

.table_body {
  position: relative;
}

.table_body.alt {
  background-color: var(--white);
}

.table_header {
  background-color: var(--primary);
  color: var(--white);
  text-align: left;
  padding: 3px;
  font-size: 10px;
}

.table_head {
  z-index: 1;
  position: sticky;
  top: 0%;
  left: 0%;
  right: 0%;
}

.table_component {
  background-color: var(--very-light);
  min-width: 100%;
  overflow: auto;
}

.legacy-table {
  z-index: 2;
  height: 15rem;
  position: relative;
  overflow: auto;
}

.fav-dropdown {
  top: 100%;
}

.fav-dropdown.w--open {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #00355799;
  border-radius: 4px;
  padding: 0;
  box-shadow: -6px 6px 5px -2px #00355742;
}

.message-dropdown {
  top: 100%;
}

.message-dropdown.w--open {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #00355799;
  border-radius: 4px;
  padding: 0;
  box-shadow: -6px 6px 5px -2px #00355742;
}

.notification-dropdown {
  top: 100%;
}

.notification-dropdown.w--open {
  background-color: var(--off-white);
  box-shadow: 0 0 10.5px 0 var(--drop-shadow);
  border-radius: 10px;
  width: 35rem;
  padding: .5rem;
  right: -200%;
}

.admin-dropdown {
  top: 100%;
}

.admin-dropdown.w--open {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #00355799;
  border-radius: 4px;
  padding: 0;
  right: 0%;
  box-shadow: -6px 6px 5px -2px #00355742;
}

.module-container {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
}

.module-group-link {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--primary);
  border: 1px #000;
  border-radius: 10px;
  padding: .5rem;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.module-group-link:hover {
  color: var(--vibrant);
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.module-group-link.grid {
  padding: 0;
  overflow: hidden;
}

.tabs-menu-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  grid-auto-rows: 1fr;
  grid-auto-columns: minmax(10rem, 1fr);
  grid-auto-flow: row;
  justify-content: start;
  justify-items: start;
  max-height: 100%;
  padding-bottom: 1rem;
  padding-right: 1rem;
  display: grid;
  overflow: auto;
}

.tabs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.fade-up {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  display: block;
}

.tabs-content {
  border-left: 2px solid var(--vibrant);
  width: 45vw;
  padding-left: 1rem;
}

.tricks {
  line-height: 100%;
}

.journal-entry-tab {
  background-color: var(--very-light);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 2px 20px;
  font-weight: 500;
}

.journal-entry-tab.w--current {
  background-color: var(--vibrant);
  color: var(--white);
}

.tabs-content-2 {
  border: 1px solid var(--vibrant);
  height: 100%;
  overflow: auto;
}

.journal-entry-sheet-wrapper {
  height: 100%;
  padding: 1rem;
}

.column {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-bottom: .1rem;
  margin-right: 1rem;
  display: flex;
  position: relative;
}

.column.is-horizontal {
  grid-column-gap: 1rem;
  flex-flow: row;
}

.inp-field {
  border: 1px solid var(--grey);
  color: var(--primary);
  background-color: #fff;
  width: 100%;
  height: 20px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
  font-size: 10px;
  font-weight: 500;
}

.inp-field:focus {
  background-color: var(--off-white);
}

.inp-field.alt {
  background-color: #4dbbff1c;
}

.inp-field.text-area {
  height: 45px;
}

.inp-field.is-required {
  background-image: url('../images/required-sign.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: .4rem;
}

.form-block-2 {
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 500;
}

.field-label {
  white-space: nowrap;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 100%;
}

.input-field {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: start;
  align-items: center;
  font-size: 10px;
  display: grid;
  position: relative;
}

.input-field.auto {
  grid-template-columns: auto 1fr;
  place-items: center stretch;
}

.input-field.text-area {
  grid-template-rows: auto 1fr;
  height: 45px;
}

.input-field.mz-webkit-fix {
  grid-template-rows: minmax(0, 1fr);
  height: 20px;
}

.form {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--primary);
  display: flex;
}

.journal-button {
  background-color: var(--primary);
  justify-content: flex-start;
  align-items: center;
  height: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
}

.checkbox-label {
  display: none;
}

.textarea {
  color: var(--primary);
  margin-bottom: 0;
  font-size: 10px;
}

.checkbox-field {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.sl-no {
  text-align: center;
  width: 2rem;
}

.tabs-2 {
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: flex;
}

.dropdown-toggle-2 {
  width: 100%;
  padding: .25rem;
}

.dropdown-toggle-2:hover, .dropdown-toggle-2.w--open {
  background-color: var(--light-blue);
  border-radius: 1px;
}

.dropdown-2 {
  align-self: center;
  width: 1rem;
  margin: 0;
  padding: 0;
  display: flex;
}

.table-drop-down {
  right: 0%;
}

.table-drop-down.w--open {
  background-color: var(--white);
  top: 100%;
  box-shadow: 0 2px 5px #0003;
}

.add-row-btn {
  color: var(--green);
  font-weight: 600;
}

.add-row-btn:hover {
  background-color: var(--very-light);
}

.remove-row-btn {
  color: var(--red);
  font-weight: 600;
}

.remove-row-btn:hover {
  background-color: var(--very-light);
}

.entry-sheet-wrapper {
  padding: 0;
}

.notification-table-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}

.notification-table-row.unread {
  background-color: var(--very-light);
  color: var(--red);
  cursor: pointer;
  padding-bottom: 0;
  font-weight: 700;
}

.notification-table-row.unread:hover {
  background-color: var(--unreadhover);
}

.list-grid-wrapper {
  justify-content: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 1rem;
}

.list-grid-icon-wrapper {
  cursor: pointer;
  width: 2rem;
  padding: .5rem 0;
}

.list-grid-icon-wrapper:hover {
  background-color: var(--very-light);
  border-radius: 20px;
}

.list-grid-icon-wrapper.current {
  background-color: var(--primary);
  color: var(--white);
  border-radius: 20px;
}

.div-block-13 {
  max-height: 80svh;
  overflow: auto;
}

.buttons {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  cursor: default;
  background-color: #ddd0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 4px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 0%;
  right: 0%;
}

.buttons.w--current {
  background-color: var(--vibrant);
  color: var(--white);
}

.buttons.big {
  z-index: 1;
  font-size: 15px;
}

.buttons.static {
  justify-content: flex-start;
  align-items: center;
  position: static;
}

.secondary-button {
  background-color: var(--primary);
  color: var(--white);
  cursor: pointer;
  border-radius: 20px;
  padding: 0 .75rem;
  transition: all .2s;
}

.secondary-button:hover, .secondary-button.freq {
  background-color: var(--vibrant);
}

.secondary-button.no-bg {
  background-color: var(--very-light);
  color: var(--primary);
}

.secondary-button.no-bg:hover {
  color: var(--vibrant);
}

.secondary-button.is-fixed-corner {
  z-index: 9999;
  position: fixed;
  inset: auto auto .5rem .5rem;
}

.tab-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  margin-bottom: .5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab-wrapper.resize {
  border-bottom: 2px solid var(--vibrant);
}

.html-embed-3 {
  display: none;
}

.report-inp-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-items: end;
  width: 100%;
  display: grid;
}

.report-drop-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  align-items: end;
  width: 100%;
  display: grid;
}

.parameter-wrapper {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.parameter-wrapper.wd-20.margin-top_right {
  margin-top: 1rem;
  margin-right: 1rem;
}

.split {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  align-items: stretch;
}

.save-button-wrapper {
  text-align: center;
  width: 100%;
  padding: 1rem;
}

.field-label-2 {
  white-space: nowrap;
  margin-bottom: 0;
  font-size: 10px;
}

.report-parameter {
  grid-column-gap: 1rem;
  grid-row-gap: 1.75rem;
  align-self: flex-start;
  width: 50rem;
  padding: 2rem 0 0;
  transition: all .5s;
  overflow: hidden;
}

.report-parameter.hide {
  display: none;
}

.report-parameter.close {
  width: 0;
}

.checkbox-label-2 {
  display: none;
}

.checkbox {
  border-color: var(--primary);
  color: var(--primary);
  width: 20px;
  height: 20px;
  margin: 0;
}

.checkbox.w--redirected-checked {
  background-color: var(--vibrant);
}

.checkbox-field-2 {
  margin-bottom: 0;
  padding: 0;
}

.scroll-body {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  width: 100%;
  max-height: 25vh;
  display: flex;
}

.draggable {
  z-index: 1000;
  background-color: var(--primary);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 3rem;
  padding: 0 0 1rem;
  position: fixed;
  top: 30%;
  right: 5%;
  overflow-y: clip;
}

.form-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.collapse {
  color: var(--light-blue);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;
  text-decoration: none;
  display: flex;
}

.nav-link-wrapper {
  justify-content: flex-end;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav-link-wrapper.w--current {
  color: var(--white);
}

.navlink-title {
  align-self: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 0;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: none;
}

.report-label {
  position: absolute;
  overflow: hidden;
}

.report-label.w--open {
  background-color: #ddd0;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  top: 0%;
  bottom: 0%;
  right: 110%;
}

.report-tool-box {
  align-self: center;
  align-items: center;
  width: 100%;
  height: 2rem;
  margin: .25rem 0;
}

.report-icon-toggle {
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 0;
  font-size: 20px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.report-icon-toggle:hover {
  color: var(--light-blue);
  font-size: 25px;
}

.report-icon-toggle.w--open {
  color: var(--light-blue);
  font-size: 23px;
}

.expand {
  color: var(--light-blue);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;
  text-decoration: none;
  display: none;
}

.nav-drop-link {
  flex: 1;
  align-self: center;
  padding-left: 0;
  font-weight: 500;
}

.nav-drop-link:hover {
  color: var(--white);
}

.nav-drop-link.navlink-title {
  text-align: left;
  white-space: pre-wrap;
  margin-left: 0;
  margin-right: 0;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-right: 0;
  display: none;
}

.nav-drop-link-wrapper {
  color: var(--light-blue);
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.nav-drop-link-wrapper:hover, .nav-drop-link-wrapper.w--current {
  color: var(--white);
}

.sub-menu-wrapper {
  border-left: 2px solid var(--vibrant);
  background-color: var(--read-grey);
  max-height: 5rem;
  margin-left: 1rem;
  overflow: auto;
}

.arrow-wrapper {
  align-self: center;
}

.module-ext-wrapper {
  align-items: flex-start;
  display: none;
}

.sub-module-link {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--primary);
  padding: .5rem;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.sub-module-link:hover {
  color: var(--vibrant);
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.table-body-scroll {
  max-height: 20vh;
  overflow: auto;
}

.tab-stayput-wrapper {
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.stay-put-column {
  border-width: 1px;
  border-color: var(--vibrant);
  background-color: var(--very-light);
  border-top-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  flex-direction: column;
  align-self: stretch;
  margin-top: 24px;
  padding: 1rem 0 0 1rem;
  overflow: auto;
}

.single-col {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--primary);
}

.remove-button {
  background-color: var(--red);
  color: var(--white);
  cursor: pointer;
  border-radius: 20px;
  padding: 0 .75rem;
  font-size: 10px;
  transition: all .2s;
}

.remove-button:hover {
  padding-left: .85rem;
  padding-right: .85rem;
}

.add-button {
  background-color: var(--green);
  color: var(--white);
  cursor: pointer;
  border-radius: 20px;
  padding-left: .75rem;
  padding-right: .75rem;
  font-size: 10px;
  transition: all .2s;
}

.add-button:hover {
  padding-left: 1rem;
  padding-right: 1rem;
}

.journal-footer {
  border: 1px solid var(--vibrant);
  background-color: var(--white);
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 1rem .5rem;
  display: flex;
}

.tabs-3 {
  flex-direction: column;
  height: 100%;
  margin-bottom: .5rem;
  display: flex;
}

.upload-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  cursor: default;
  background-color: #ddd0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.upload-wrapper.w--current {
  background-color: var(--vibrant);
  color: var(--white);
}

.table-body-wrapper {
  position: relative;
}

.table-body-wrapper.table-body-scroll {
  max-height: 35vh;
}

.submenu-toggle {
  color: var(--light-blue);
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  font-size: 14px;
  display: flex;
}

.submenu-toggle:hover {
  color: var(--white);
}

.submenu-toggle.w--open {
  background-color: var(--unreadhover);
  color: var(--white);
}

.submenu-dropdown-list-wrapper {
  background-color: var(--dark);
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}

.submenu-dropdown-list-wrapper.w--open {
  background-color: var(--unreadhover);
  color: var(--primary);
  justify-content: flex-start;
  align-items: stretch;
}

.submenu {
  justify-content: center;
  align-self: center;
  width: 100%;
  margin: .25rem 0;
  display: block;
  position: static;
}

.nav-submenu-wrapper {
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.nav-submenu-wrapper:hover {
  color: var(--white);
}

.nav-main-link-wrapper {
  color: var(--light-blue);
  justify-content: flex-end;
  align-items: stretch;
  font-size: 20px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.nav-main-link-wrapper:hover, .nav-main-link-wrapper.w--current {
  color: var(--white);
}

.tabs-content-3 {
  border: 1px solid var(--vibrant);
  height: 100%;
  overflow: auto;
}

.fs_modal-2_close-icon {
  width: 1rem;
  height: 1rem;
}

.modal-close {
  cursor: pointer;
  background-color: #f5f5f5;
  padding: 1.5rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.modal-close:focus-visible {
  outline-color: var(--accessible-components--dark-grey);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.modal-close[data-wf-focus-visible] {
  outline-color: var(--accessible-components--dark-grey);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-2_description {
  margin-bottom: 0;
}

.fs_modal-2_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
}

.greeting-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center start;
  place-items: center start;
  padding: 4rem;
  display: grid;
}

.modal-image {
  object-fit: cover;
  width: 100%;
}

.modal-wrapper {
  z-index: 999;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: var(--primary);
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  width: 100%;
  max-width: 60rem;
  display: grid;
  position: relative;
}

.modal-cover {
  position: absolute;
  inset: 0%;
}

.modal-popup {
  z-index: 999;
  background-color: #00000080;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-button {
  color: #fff;
  cursor: pointer;
  background-color: #1378d1;
  padding: .5rem 1rem;
  display: none;
}

.modal-button:focus-visible {
  outline-color: var(--accessible-components--dark-grey);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.modal-button[data-wf-focus-visible] {
  outline-color: var(--accessible-components--dark-grey);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.modal-script {
  margin-bottom: 0;
  display: none;
}

.modal-component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
}

.modal-heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center start;
  place-items: center;
  width: 100%;
  padding: 2rem;
  display: grid;
}

.journal-modal-content {
  z-index: 999;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: #000;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  width: 100%;
  max-width: 60rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.pop-up-heading-text {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
}

.absolute-heading {
  background-color: var(--off-white);
  color: var(--vibrant);
  padding-left: .5rem;
  padding-right: .5rem;
  position: absolute;
  top: -15px;
  left: 10px;
}

.form-block-3 {
  height: 90%;
  margin-top: 15px;
}

.table_caption {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.receipt-wrapper {
  width: 80%;
  height: 100%;
  overflow: auto;
}

.table-cell-content {
  border-right: 1px solid var(--grey);
  text-align: left;
  padding: 0 .25rem;
}

.table-caption-content {
  border: 1px solid var(--vibrant);
  color: var(--primary);
  text-align: left;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.caption {
  text-align: center;
  font-size: 15px;
}

.title {
  text-align: center;
  font-size: 18px;
}

.section {
  height: 100vh;
  overflow: hidden;
}

.grid-3 {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  height: 100%;
}

.div-block-14 {
  background-color: var(--grey);
  overflow: auto;
}

.container-2, .div-block-15 {
  height: 100%;
}

.grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 5px;
  flex: 1;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-auto-flow: row;
  height: 93%;
}

.div-block-16, .div-block-17 {
  height: 100%;
}

.image {
  transform: rotate(180deg);
}

.parameter-accordion {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--off-white);
  align-self: flex-start;
  display: flex;
}

.accordion-button {
  background-color: var(--dark);
  color: var(--light-blue);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.basic-text {
  writing-mode: vertical-rl;
  text-orientation: upright;
  width: 100%;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease;
}

.bookmark-icon-wrapper {
  color: var(--primary);
  cursor: pointer;
  align-self: center;
  margin-bottom: .5rem;
  margin-left: 1rem;
  font-size: 18px;
}

.sign-in-loader {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--primary);
  flex-flow: column;
  display: none;
}

.auth {
  border: 1px solid var(--vibrant);
  box-shadow: 0 0 5px 0 var(--drop-shadow);
  cursor: default;
  background-color: #ddd0;
  border-radius: 10px;
  height: 30px;
  margin-left: 1rem;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.auth.w--current {
  background-color: var(--vibrant);
  color: var(--white);
}

.auth.big {
  font-size: 15px;
}

.directional-button {
  background-color: var(--white);
  color: var(--primary);
  padding: 0 0 0 20px;
  display: flex;
  position: relative;
}

.directional-button.selected {
  padding-top: 0;
  padding-bottom: 0;
}

.arrow-button {
  z-index: 2;
  border-top: 15px solid #0000;
  border-bottom: 20px solid #0000;
  border-left: 15px solid var(--primary);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 100%;
}

.text-block-2 {
  align-self: center;
}

.button-text-wrapper {
  height: 100%;
  padding-left: 1rem;
  padding-right: 0;
  display: flex;
}

.border {
  z-index: 1;
  border-top: 15px solid #0000;
  border-bottom: 20px solid #0000;
  border-left: 15px solid var(--white);
  margin-left: 1px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 100%;
}

.tab-no {
  background-color: var(--primary);
  color: var(--white);
  border-radius: 20px;
  align-self: center;
  margin-right: .5rem;
  padding-left: .5rem;
  padding-right: .5rem;
}

.quick-stack {
  grid-row-gap: 29px;
}

.search-field-wrapper {
  border: 1px solid var(--vibrant);
  background-color: var(--white);
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-start;
  margin-right: 1rem;
  display: flex;
}

.search-field-wrapper.nav {
  flex-flow: row;
  width: 100%;
  height: 30px;
  margin-right: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.loading-wrapper {
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  cursor: progress;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.loading-wrapper.show {
  opacity: 1;
  pointer-events: auto;
}

.loading-animation {
  justify-content: center;
  align-items: center;
  width: 5rem;
  transition: transform .5s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
  transform: scale(1.2);
}

.pulse-animation {
  position: absolute;
}

.logo-animation {
  position: relative;
}

.remarks-wrapper {
  z-index: 100;
  border: 1px solid var(--vibrant);
  background-color: var(--off-white);
  box-shadow: 0 0 10px 2px var(--drop-shadow);
  pointer-events: auto;
  cursor: move;
  border-radius: 10px;
  flex-flow: column;
  width: 30rem;
  padding: .5rem;
  transition: transform .3s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.accordion-header {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.remarks_field-wrapper {
  border-radius: 10px;
  height: 18rem;
  transition: height .2s;
  overflow: hidden;
}

.controller-wrapper {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 15px;
  display: flex;
  position: relative;
}

.remarks_input_field {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--grey);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--grey);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--grey);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--grey);
  resize: none;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: .5rem;
}

.min_max-controller {
  border: 1px solid var(--primary);
  border-radius: 10px;
}

.pop-up-title {
  color: var(--primary);
  margin-top: 0;
  margin-bottom: 0;
  padding: .5rem;
  font-size: 14px;
}

.pop-up-title.previous {
  border-right: 1px solid var(--grey);
  color: var(--light-blue);
}

.controls-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.line_45 {
  background-color: var(--primary);
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  transform: rotate(45deg);
}

.line_-45 {
  background-color: var(--primary);
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  transform: rotate(-45deg);
}

.resizer {
  background-color: var(--vibrant);
  pointer-events: none;
  height: 2px;
}

.resizer:hover {
  height: 4px;
}

.side-bar-search-wrapper {
  color: var(--light-blue);
  justify-content: flex-end;
  align-items: stretch;
  font-size: 20px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.side-bar-search-wrapper:hover, .side-bar-search-wrapper.w--current {
  color: var(--white);
}

.sub-module-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.welcome-slider {
  height: 100%;
}

.nav {
  cursor: default;
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem;
  display: flex;
}

.slider-button {
  background-color: var(--white);
  color: var(--primary);
  cursor: pointer;
  border-style: none;
  border-radius: 100%;
  align-self: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin: 0;
  padding: .5rem;
  font-size: 1.2rem;
  transition: color .2s, background-color .2s;
  display: flex;
}

.slider-button:hover {
  background-color: var(--primary);
  color: var(--white);
}

.arrow-icons {
  padding: .5rem;
  font-family: "Fa Solid 900", sans-serif;
  line-height: 100%;
}

.background-image {
  background-image: url('../images/yibei-geng--UdYbiywGeg-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  transform: scale(1.01);
}

.background-video {
  height: 100%;
  transform: scale(1.01);
}

.background-video.absolute {
  position: absolute;
}

.slider-info-wrapper {
  z-index: 2;
  background-image: linear-gradient(180deg, #0000, var(--primary));
  color: var(--white);
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  position: absolute;
  inset: auto 0% 0%;
}

.slider-heading {
  color: var(--white);
  font-size: 20px;
  font-weight: 700;
}

.slide {
  overflow: hidden;
}

.client-info-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  box-shadow: 4px 4px 10.5px 0 var(--drop-shadow);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff0d;
  border: 0 solid #fff3;
  border-radius: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.client-info-heading {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
}

.client-logo-wrapper {
  text-align: center;
  height: 5rem;
}

.client-info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  display: flex;
}

.footer-logo {
  object-fit: fill;
}

.company-name {
  color: var(--light-blue);
}

.support-wrapper {
  z-index: 101;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.support-btn {
  background-color: var(--white);
  box-shadow: 4px 4px 10.5px 0 var(--drop-shadow);
  color: var(--primary);
  cursor: pointer;
  border-style: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 3rem;
  margin: 0;
  padding: .5rem 0 .5rem .5rem;
  font-size: 1.2rem;
  transition: color .2s, background-color .2s;
  display: flex;
}

.support-btn:hover {
  background-color: var(--primary);
  color: var(--white);
}

.vertical-line {
  background-color: var(--grey);
  align-self: stretch;
  width: 1px;
}

.password-field-wrapper {
  position: relative;
}

.eye {
  color: var(--primary);
  cursor: pointer;
  display: flex;
  position: absolute;
  inset: 0% 3% 0% auto;
}

.hide {
  display: none;
}

.loader-containment {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.z-container {
  z-index: 100;
  pointer-events: none;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-18 {
  align-self: center;
  font-size: 20px;
}

.notification-icon-wrapper {
  color: var(--grey);
  justify-content: center;
  align-items: center;
  width: 3rem;
  font-size: 20px;
  display: flex;
}

.notification-content-wrapper {
  flex: 1;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.page-info {
  margin-left: 1rem;
}

.page-info-wrapper {
  z-index: 102;
  background-color: var(--white);
  box-shadow: 0 0 10.5px 0 var(--drop-shadow);
  flex-flow: column;
  width: 30rem;
  padding: 2rem 1rem 1rem 2rem;
  transition: transform .5s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: 0%;
  overflow: hidden;
  transform: translate(100%);
}

.page-info-wrapper.show {
  transform: translate(0%);
}

.page-info-heading {
  color: var(--vibrant);
  font-size: 18px;
}

.page-info-content {
  color: var(--primary);
  margin-top: 1rem;
}

.horizontal-line {
  background-color: var(--grey);
  width: 100%;
  height: 1px;
}

.horizontal-line.warning {
  background-color: var(--red);
}

.draggable_container {
  z-index: 100;
  pointer-events: none;
  justify-content: flex-end;
  align-items: flex-end;
  padding: .5rem;
  transition: background-color .3s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: absolute;
  inset: 0%;
}

.month-separator {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--primary);
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.add-event-button {
  background-color: #0000;
  width: 2rem;
  padding-top: 0;
  padding-bottom: 0;
}

.page-content-wrapper {
  flex: 1;
  overflow: auto;
}

.page-content-footer {
  justify-content: space-between;
  align-items: center;
  height: 3rem;
  padding: .5rem;
  display: flex;
}

.page-content-container {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.col-grid-layout {
  grid-column-gap: 2rem;
  grid-row-gap: 1px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.image-wrapper {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

.data-entry-sheet-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  height: 100%;
  padding: 1rem;
  display: flex;
}

.error-wrapper {
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.error-wrapper.show {
  opacity: 1;
  pointer-events: auto;
}

.error-window {
  background-color: var(--white);
  color: var(--vibrant);
  border-radius: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25rem;
  font-size: 12px;
  line-height: 110%;
  transition: transform .5s cubic-bezier(.215, .61, .355, 1);
  position: relative;
  transform: scale(1.2);
}

.error-type {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  padding: 1rem;
  font-size: 15px;
  display: flex;
}

.error-message {
  color: var(--primary);
  padding: 1rem;
  font-size: 15px;
  font-weight: 500;
  line-height: 130%;
}

.paragraph {
  width: 100%;
  margin-bottom: 0;
}

.button {
  border-radius: 5px;
  padding: .5rem;
}

.button.bold {
  background-color: var(--vibrant);
  color: var(--white);
  border-radius: 5px;
}

.flex-block {
  color: var(--white);
  padding: .5rem .5rem 1rem;
}

.error-controls {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  align-items: center;
  padding: .5rem 1rem;
  font-size: 15px;
  font-weight: 600;
}

.error-controls.center {
  justify-content: center;
  align-items: center;
}

.error-text {
  color: var(--primary);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
}

.css-column-1 {
  grid-column-gap: 1rem;
  grid-row-gap: .1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-bottom: .1rem;
  margin-right: 1rem;
  display: grid;
  position: relative;
}

.css-column-3 {
  grid-column-gap: 1rem;
  grid-row-gap: .1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-bottom: .1rem;
  margin-right: 1rem;
  display: grid;
  position: relative;
}

.icon_size-small {
  aspect-ratio: 1;
  flex: none;
  height: 1rem;
  display: block;
}

.icon_size-small.is-absolute-right {
  position: absolute;
  left: 100.2%;
}

.info_tooltip.is-absolute-right {
    z-index: 20;
    margin-left: calc(-0.5* var(--bs-gutter-x));
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(0, -50%);
}

.info_tooltip_box {
  border: 1px solid var(--grey);
  background-color: var(--white);
  opacity: 0;
  transform-origin: 0 0;
  width: 15rem;
  padding: .5rem;
  transition: opacity .2s cubic-bezier(.165, .84, .44, 1), transform .2s cubic-bezier(.165, .84, .44, 1);
  position: absolute;
  overflow: hidden;
  transform: scale(0);
  box-shadow: 0 0 20px #0003;
}

.info_tooltip_text {
  color: #636363;
  font-weight: 600;
  line-height: 1.2;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .grid {
    grid-template-columns: 300px auto;
  }

  .log-in-content-wrapper {
    box-shadow: 4px 4px 10.5px 0 var(--drop-shadow);
  }
}

@media screen and (min-width: 1440px) {
  a {
    text-decoration: none;
  }

  .primary-button {
    box-shadow: 6px 8px 0 0 var(--light-blue);
  }

  .background-video {
    display: flex;
  }

  .url-link {
    color: var(--light-blue);
  }
}

@media screen and (max-width: 991px) {
  .login-section {
    display: flex;
  }

  .body {
    padding: 0;
  }

  .dashboard-container {
    height: 100%;
    overflow: auto;
  }

  .width-warning {
    z-index: 9999;
    background-color: var(--off-white);
    justify-content: center;
    align-items: center;
    width: 100svw;
    height: 100svh;
    margin-top: -3rem;
    margin-left: -3rem;
    display: none;
    position: absolute;
  }

  .warning-wrapper {
    text-align: center;
  }

  .slider {
    display: none;
  }

  .grid-2 {
    grid-template-rows: 8rem;
  }

  .event-title {
    line-height: 100%;
  }

  .event-time {
    font-size: 12px;
  }

  .width-warning-login {
    z-index: 9999;
    background-color: var(--off-white);
    justify-content: center;
    align-items: center;
    width: 100svw;
    height: 100svh;
    position: absolute;
  }

  .tabs-menu-2 {
    grid-template-columns: 1fr 1fr;
  }

  .form {
    column-count: 2;
  }

  .modal-image {
    max-height: 30vh;
    display: none;
  }

  .modal-wrapper, .journal-modal-content {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .content-body {
    overflow: hidden;
  }

  .side-bar, .content-container, .navbar, .footer {
    display: none;
  }

  .width-warning, .width-warning-login {
    display: flex;
  }

  .modal-close {
    padding: 1rem;
  }

  .fs_modal-2_heading {
    font-size: 2rem;
  }

  .greeting-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 3rem 2rem;
  }

  .modal-popup {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .modal-heading {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 3rem 2rem;
  }

  .pop-up-heading-text {
    font-size: 2rem;
  }
}

@media screen and (max-width: 479px) {
  .width-warning, .width-warning-login {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .slider-button:hover {
    color: #344e41;
    background-color: #dad7cd;
  }

  .slider-button:active {
    color: #dad7cd;
    background-color: #344e41;
  }

  .support-btn:hover {
    color: #344e41;
    background-color: #dad7cd;
  }

  .support-btn:active {
    color: #dad7cd;
    background-color: #344e41;
  }
}

#w-node-_36a35035-a6a8-628a-7d25-3c3b568d101c-b6edfef3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b0656231-d772-4d5d-ded0-3280e73d3f1e-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e704a33f-60c5-b2bc-cab0-b963503834df-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_23bd2c0d-89bf-d7f6-36cc-9f1929b027f4-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_25897b29-9e2a-7cbc-8f80-8ef6370bee20-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_25897b29-9e2a-7cbc-8f80-8ef6370bee20-a5f80420:hover {
  align-self: center;
}

#w-node-_4f5d5fd8-74d1-334c-db55-5bf1500f872b-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_4f5d5fd8-74d1-334c-db55-5bf1500f872b-a5f80420:hover {
  align-self: center;
}

#w-node-c98e4e68-b65f-eaa9-cc24-d94e7aa3834f-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-c98e4e68-b65f-eaa9-cc24-d94e7aa3834f-a5f80420:hover {
  align-self: center;
}

#w-node-_14de342b-d429-81cf-294e-25a757eac1b7-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_14de342b-d429-81cf-294e-25a757eac1b7-a5f80420:hover {
  align-self: center;
}

#w-node-b795444b-9716-8822-ef33-6211d051f69a-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-b795444b-9716-8822-ef33-6211d051f69a-a5f80420:hover {
  align-self: center;
}

#w-node-_7041040b-25cf-4b6e-439d-ca57212ea9a8-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_7041040b-25cf-4b6e-439d-ca57212ea9a8-a5f80420:hover {
  align-self: center;
}

#w-node-_68e0fa91-b9ed-fc49-38d3-cfa59ed1b871-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_68e0fa91-b9ed-fc49-38d3-cfa59ed1b871-a5f80420:hover {
  align-self: center;
}

#w-node-_0ca8ce96-170a-4a6f-484f-c73313b88dbb-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_0ca8ce96-170a-4a6f-484f-c73313b88dbb-a5f80420:hover {
  align-self: center;
}

#w-node-cb42c8ad-efbd-ed0c-e1ec-7dac4772437a-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-cb42c8ad-efbd-ed0c-e1ec-7dac4772437a-a5f80420:hover {
  align-self: center;
}

#w-node-_3741a5da-98ac-5aec-d622-c1df3f6778b7-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_3741a5da-98ac-5aec-d622-c1df3f6778b7-a5f80420:hover {
  align-self: center;
}

#w-node-_3899e313-09da-2166-65b1-b00c8222a05b-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_3899e313-09da-2166-65b1-b00c8222a05b-a5f80420:hover {
  align-self: center;
}

#w-node-d4d94cde-39af-4609-8fe4-355f8e336a30-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-d4d94cde-39af-4609-8fe4-355f8e336a30-a5f80420:hover {
  align-self: center;
}

#w-node-_46890e8c-c11d-dc36-834d-a5ab341a1092-a5f80420, #w-node-_83564389-05d0-a359-bbba-a23a4efa62f8-a5f80420, #w-node-_53aab513-4e89-e5a4-aa16-2b5e3c77852c-a5f80420, #w-node-_895f86ac-47b5-0be7-5f31-4c0512becb56-a5f80420, #w-node-_916c309e-57aa-5ee0-5d5a-0ce7b7788514-a5f80420, #w-node-_8e473fce-3158-4959-928d-7c293637a68b-a5f80420, #w-node-_8e6c3cf9-b087-50bd-576d-390a2f2f4982-a5f80420, #w-node-_4fb94f55-30ab-4c93-9bf2-1e7027210ca6-a5f80420, #w-node-_52d92548-f1d3-8a19-012e-4c8c28e7186e-a5f80420, #w-node-fef36eb5-e098-8eb8-8373-dbe37a40e7d6-a5f80420, #w-node-_23fb9b39-cce5-a236-d108-fa1962675bd5-a5f80420, #w-node-b99b0470-9fc7-fb5b-4639-80fbe6b53188-a5f80420, #w-node-c7b09897-9a8f-f3fb-60a0-cd66eb644c71-a5f80420, #w-node-_58690bc1-be4b-dc43-8cb0-209c13776055-a5f80420, #w-node-_283497ed-21c6-b4ae-a52c-d488c9e29d61-a5f80420, #w-node-ff346eba-3f54-48cc-cec4-6bc0f07983b5-a5f80420, #w-node-bb749f80-1a41-e9f8-25f5-2c3f71358980-a5f80420, #w-node-_53e691f4-c647-ef5a-43b6-4f3b2860986e-a5f80420, #w-node-_365c361e-c508-117e-c528-19fbcc6d075c-a5f80420, #w-node-_77a82f7a-7a81-7079-87aa-401993fbc079-a5f80420, #w-node-_31034569-2338-2568-ea38-4bda39c877df-a5f80420, #w-node-bfe681b8-0d45-81ab-4c80-ec23556c1242-a5f80420, #w-node-c1325c28-fb19-621b-c0f6-4074bbf1ae10-a5f80420, #w-node-a5ce386c-7911-1c38-ff89-720c4fe634ed-a5f80420, #w-node-adf92f94-b514-9d75-6648-2a4bfeeb811f-a5f80420, #w-node-_4a047cd3-50c3-54be-4dd0-8601ed854bfd-a5f80420, #w-node-_03eaecdc-044c-ab21-52c7-3d739ce0f870-a5f80420, #w-node-d2210769-3344-8fcd-f68c-b6782dc2551d-a5f80420, #w-node-ce8fd613-ecef-fc79-2fd6-9e76a29989f6-a5f80420, #w-node-_14000531-2cc0-7f44-b755-4b16c7e1e6ea-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7714-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7714-a5f80420:hover {
  align-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7716-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7716-a5f80420:hover {
  align-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7718-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7718-a5f80420:hover {
  align-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed771a-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed771a-a5f80420:hover {
  align-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed771c-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed771c-a5f80420:hover {
  align-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed771e-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed771e-a5f80420:hover {
  align-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7720-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7720-a5f80420:hover {
  align-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7723-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7723-a5f80420:hover {
  align-self: center;
}

#w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7725-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7727-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7729-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed772b-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed772d-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed772f-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7731-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7733-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7735-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7737-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7739-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed773b-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed773d-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed773f-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7741-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7743-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7745-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7747-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7749-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed774b-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed774d-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed774f-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7751-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7753-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7755-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7757-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7759-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed775b-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed775d-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed775f-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7761-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7763-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7765-a5f80420, #w-node-_5eaa5e43-657d-a3ca-1bbe-9e1cd5ed7767-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_6a0c18d2-6539-f7fb-fb0c-743d1a6bacb3-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_6a0c18d2-6539-f7fb-fb0c-743d1a6bacb4-a5f80420 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_5aeb1737-681a-efd1-796c-9ec36bad5b1f-6bad5b1f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_358faf5e-b1da-b3f5-735c-7bd6409727a3-4097279b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_358faf5e-b1da-b3f5-735c-7bd6409727aa-4097279b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_358faf5e-b1da-b3f5-735c-7bd6409727b3-4097279b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_358faf5e-b1da-b3f5-735c-7bd6409727ba-4097279b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_358faf5e-b1da-b3f5-735c-7bd6409727c3-4097279b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_358faf5e-b1da-b3f5-735c-7bd6409727ca-4097279b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_358faf5e-b1da-b3f5-735c-7bd6409727d3-4097279b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_358faf5e-b1da-b3f5-735c-7bd6409727da-4097279b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-ccb60ee6-5f32-e602-d082-052abb25b902-bb25b7c3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_7a45b265-d3d2-c23b-d418-27e4649133c2-85927871, #w-node-_65fcf52e-54a8-25bd-54c3-f5d47740b9c5-85927871 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#module-group.w-node-_68b29cc3-f68a-943c-3c33-52392d6425fa-85927871, #module-group.w-node-ee3262f2-4be9-3228-cc6b-481fe8762bd0-85927871, #module-group.w-node-_6d4caf0d-31c2-ab36-0218-f7ada32d28fd-85927871, #module-group.w-node-d3cf16f9-7f7d-2aa1-17b5-3adad7b740ff-85927871, #module-group.w-node-bd9274f8-c1b4-02aa-7106-2c2a8817f510-85927871, #module-group.w-node-_0c7725c5-3ab7-e554-e1d1-a544620c1269-85927871, #module-group.w-node-_6cf8a3ec-f85f-e1ce-fb2d-b8bacd656ccd-85927871 {
  align-self: start;
}

#w-node-_7a45b265-d3d2-c23b-d418-27e4649133c2-d04e22de, #field.w-node-_55dc11cc-fc8e-9e65-44fe-2c0c36cbcd4c-d04e22de, #w-node-_894ffb0a-7c83-0fc3-6b6f-513877481451-d04e22de, #w-node-c1e1caec-9e41-10e0-0ed1-672950fdc89a-d04e22de, #w-node-c1e1caec-9e41-10e0-0ed1-672950fdc89c-d04e22de, #w-node-c1e1caec-9e41-10e0-0ed1-672950fdc89d-d04e22de, #field-2.w-node-f3c5e6ca-33c1-8bab-ead1-cc40a5b8386f-d04e22de, #field-2.w-node-_08157f6f-70bb-6fde-fc94-005d7e778d87-d04e22de, #w-node-_08157f6f-70bb-6fde-fc94-005d7e778d89-d04e22de, #field-3.w-node-_08157f6f-70bb-6fde-fc94-005d7e778d9f-d04e22de, #w-node-_08157f6f-70bb-6fde-fc94-005d7e778da5-d04e22de, #field-2.w-node-_5e8db299-aa18-a84b-83ca-3ee38cbcfe5f-d04e22de, #field-2.w-node-_4b67e42a-6c39-a43e-c622-8a5778e64cc5-d04e22de, #field-2.w-node-db3c83cd-4704-01e0-f765-08f2e0f0207c-d04e22de, #field-2.w-node-_04499a9b-5cc5-563f-bce4-0f4365b55007-d04e22de, #field-2.w-node-_245e380d-f5a2-6449-e4fc-eacbca16089a-d04e22de, #field-5.w-node-f4eafdd8-9fc3-0855-476c-e800395c0ce6-d04e22de, #w-node-f4eafdd8-9fc3-0855-476c-e800395c0ce8-d04e22de, #name-6.w-node-f4eafdd8-9fc3-0855-476c-e800395c0cee-d04e22de, #w-node-f4eafdd8-9fc3-0855-476c-e800395c0cf6-d04e22de, #w-node-f4eafdd8-9fc3-0855-476c-e800395c0cfa-d04e22de, #w-node-f4eafdd8-9fc3-0855-476c-e800395c0cfb-d04e22de, #field-2.w-node-f4eafdd8-9fc3-0855-476c-e800395c0d05-d04e22de, #field-4.w-node-f4eafdd8-9fc3-0855-476c-e800395c0d0a-d04e22de, #w-node-f4eafdd8-9fc3-0855-476c-e800395c0d2e-d04e22de, #w-node-_462f8d29-959d-599f-732e-8c0f722a9ef0-d04e22de, #field-3.w-node-_462f8d29-959d-599f-732e-8c0f722a9ef4-d04e22de, #w-node-_462f8d29-959d-599f-732e-8c0f722a9ef6-d04e22de, #w-node-_462f8d29-959d-599f-732e-8c0f722a9efa-d04e22de, #w-node-_462f8d29-959d-599f-732e-8c0f722a9f06-d04e22de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ff910c84-9f0d-1e48-c453-2cfdf18f80bb-d04e22de {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr .5fr 1fr 1fr 1fr 1fr 1fr .75fr 1fr;
}

#containment.w-node-_7a45b265-d3d2-c23b-d418-27e4649133c2-fe058dd0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_959cdac7-dc40-33b8-cbcc-f65a99cd07b2-fe058dd0, #w-node-d4bd63fc-2297-9646-4a29-d0fd655ad794-fe058dd0, #w-node-_7b70ca95-0bb0-cd7f-77d8-294b23fca900-fe058dd0 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_661eb218-ef30-b6d8-9443-07db917fb0b4-fe058dd0, #field-4.w-node-e469b8ae-6bc2-da7c-b898-3a9896055de0-fe058dd0, #w-node-_2285108f-80fd-7553-fd80-d9346f420e15-fe058dd0, #field-4.w-node-_2285108f-80fd-7553-fd80-d9346f420e1b-fe058dd0, #field-4.w-node-_103392fb-2366-3dcc-15e4-56d9525b61cd-fe058dd0, #w-node-a5d5b05c-f9d4-6eee-fd59-65ce0758bd33-fe058dd0, #w-node-cdfdf746-c383-0ea5-d257-e437bae15022-fe058dd0, #w-node-_2be20ce1-ab22-cf77-f2e4-2e36296b4abb-fe058dd0, #field-4.w-node-_2be20ce1-ab22-cf77-f2e4-2e36296b4ac1-fe058dd0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f6cefc5e-02e8-f473-6721-153082b6b8f8-fe058dd0 {
  grid-column: span 2 / span 2;
}

#w-node-_7fd3e84a-1e6a-f964-50cc-a334bcb23bcd-fe058dd0, #w-node-eed3ae29-4637-d870-47c3-043e9a412652-fe058dd0, #w-node-f5afa07d-255e-7a19-6941-51ec20c55af5-fe058dd0, #w-node-_3c4af8f1-d280-2a5c-18b7-5ced3ff949eb-fe058dd0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#From-4.w-node-c464b696-e270-189b-9104-b791def88e43-fe058dd0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c464b696-e270-189b-9104-b791def88e44-fe058dd0, #w-node-_215ddc85-3a89-09a2-b09f-5014a9c46352-fe058dd0, #w-node-fce9bb27-1408-7226-0f16-d976f95e58ff-fe058dd0, #w-node-fe1fdca1-d1c7-4bd6-4dc6-01aa191cab48-fe058dd0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_4a7a6bea-4732-e1c7-9853-483e6c636f52-c0394987, #w-node-c00b8765-142f-765b-6557-16ab5e70a739-c0394987, #w-node-_7a45b265-d3d2-c23b-d418-27e4649133c2-16c71e53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7a36ddb3-1db0-81e0-b8ef-8818ca5c72da-16c71e53 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr .5fr 1fr 1fr 1fr 1fr 1fr .75fr 1fr;
}

@media screen and (min-width: 1440px) {
  #w-node-fcf1930b-8c0d-579c-f82d-32c280f18aef-b6edfef3 {
    justify-self: stretch;
  }
}


@font-face {
  font-family: 'Fa V 4 Compatibility';
  src: url('../fonts/fa-v4compatibility.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Brands 400';
  src: url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Solid 900';
  src: url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}