*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%;
  scroll-behavior: smooth; }

body {
  box-sizing: border-box;
  font-weight: 500;
  background-color: #f5f5f5;
  font-family: "DM Sans", sans-serif; }

::selection {
  background-color: #003a40;
  color: #ffffff; }

.heading-primary {
  font-size: 2.4rem;
  font-weight: bold; }

.heading-secondary {
  font-size: 2rem;
  font-weight: bold; }

.heading-tertiary {
  font-size: 1.6rem; }
  .heading-tertiary--bold {
    font-weight: bold; }

.paragraph {
  margin: 0;
  font-weight: 400;
  font-size: 1.6rem; }
  .paragraph--l {
    font-size: 1.8rem; }
  .paragraph--s {
    font-size: 1.4rem; }

.u-center-text {
  text-align: center; }

.u-margin-bottom-small {
  margin-bottom: 1.6rem; }

.u-margin-bottom-medium {
  margin-bottom: 2rem; }
  .u-margin-bottom-medium--3 {
    margin-bottom: 3rem; }

.u-margin-bottom-large {
  margin-bottom: 5.8rem; }
  @media (max-width: 768px) {
    .u-margin-bottom-large {
      margin-bottom: 3rem; } }

.u-margin-top-small {
  margin-top: 1.5rem; }

.u-margin-top-medium {
  margin-top: 3rem; }

.u-margin-top-large {
  margin-top: 5.8rem; }
  @media (max-width: 768px) {
    .u-margin-top-large {
      margin-top: 3rem; } }

.u-margin-right-small {
  margin-right: 2rem; }

.u-margin-right-medium {
  margin-right: 5rem; }

.u-margin-right-large {
  margin-right: 13.3rem; }

.u-margin-left-small {
  margin-left: 2rem !important; }

.u-margin-between-large {
  margin: 0 15rem; }

.u-postion-relative {
  position: relative; }

.u-padding-4 {
  padding: 4rem; }

.u-height-100 {
  height: 100%; }

.u-padding-5 {
  padding: 5rem; }

.u-width-70 {
  width: 70%; }
  @media (max-width: 992px) {
    .u-width-70 {
      width: 100%; } }

.u-width-100 {
  width: 100%; }
  @media (max-width: 992px) {
    .u-width-100 {
      width: 50%; } }

.u-line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #f5f5f5; }

.u-line-col {
  display: block;
  height: 100%;
  width: 1px;
  background-color: #f5f5f5; }

.agreements {
  border: 1px solid #00000029;
  box-shadow: 0px 3px 2rem #00000029;
  width: 60rem;
  background-color: #ffffff; }
  .agreements__title-box {
    display: flex;
    flex-direction: column; }
  .agreements__title {
    font-weight: 500;
    font-size: 1.6rem; }
    .agreements__title--bold {
      font-weight: 700; }
  .agreements__logo {
    height: 4.2rem;
    margin-right: 1.2rem; }
  .agreements__logo-box {
    display: flex;
    align-items: center;
    padding: 2.1rem 1.4rem; }
    @media (max-width: 768px) {
      .agreements__logo-box {
        justify-content: center; } }
  .agreements__forget {
    text-align: right;
    margin: 1rem 0 3rem 0; }
  .agreements__form {
    padding: 0 7.1rem 1rem 7.1rem; }
    @media (max-width: 768px) {
      .agreements__form {
        padding: 0 3rem 1rem 3rem; } }
  .agreements__error {
    font-size: 1.6rem;
    color: #de3400; }
  .agreements__requiremnts {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    @media (max-width: 992px) {
      .agreements__requiremnts {
        flex-direction: column-reverse; } }
    .agreements__requiremnts--error {
      color: #de3400; }
  .agreements__requiremnts-vaildation {
    width: 50%; }
    @media (max-width: 992px) {
      .agreements__requiremnts-vaildation {
        width: 100%; } }
  .agreements__requiremnts-success {
    color: #81a000;
    font-size: 1.4rem;
    display: block;
    margin: 0.5rem 0; }
  .agreements__requiremnts-normal {
    font-size: 1.4rem;
    display: block;
    margin: 0.5rem 0; }
  .agreements__requiremnts-rules {
    width: 50%; }
    @media (max-width: 992px) {
      .agreements__requiremnts-rules {
        width: 100%;
        margin-top: 2rem; } }

.app-bundle {
  display: flex;
  flex-direction: column;
  padding: 3.2rem 3.2rem;
  box-shadow: 0px 1px 3px #00000029;
  min-height: 20.8rem;
  color: #003a40;
  border-radius: 3px;
  font-weight: 500;
  width: 40rem;
  background-image: url("../img/shape-4.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto 100%; }
  .app-bundle__top {
    display: flex;
    align-items: center;
    margin-bottom: 2rem; }
  .app-bundle__logo {
    margin-right: 1rem; }
    .app-bundle__logo img {
      height: 4rem; }
  .app-bundle__name {
    font-size: 2rem;
    line-height: 1.3;
    margin: 0; }
    .app-bundle__name span {
      display: block;
      font-weight: 700; }
  .app-bundle__content {
    font-size: 1.6rem;
    width: 23.1rem;
    margin: 0; }
  .app-bundle__button-link {
    font-size: 1.6rem;
    text-decoration: none;
    color: #003a40; }
    .app-bundle__button-link span {
      text-decoration: underline;
      margin-right: 0.5rem; }
  .app-bundle--cyan {
    background-color: #def0f2; }
  .app-bundle--green {
    background-color: #dcf2ea; }
  .app-bundle--yellow-green {
    background-color: #ebf2d3; }
  .app-bundle--orange {
    background-color: #f5eedc; }
  .app-bundle--blue {
    background-color: #ebf8ff; }
  .app-bundle--purple {
    background-color: #f0f0ff; }

.app-tile {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #003a40;
  background-color: #ffffff;
  border: 1px solid #00000017;
  border-radius: 3px;
  font-weight: 500; }
  .app-tile__top {
    display: flex;
    align-items: center;
    padding: 2rem; }
  .app-tile__logo {
    margin-right: 1rem; }
    .app-tile__logo img {
      height: 5rem; }
  .app-tile__line {
    width: 100%;
    height: 2px;
    background-color: #00000029; }
  .app-tile__name {
    font-size: 1.6rem;
    line-height: 1.3;
    margin: 0;
    word-break: break-all; }
    .app-tile__name span {
      display: block;
      font-weight: 700; }
  .app-tile__bottom {
    display: flex;
    justify-content: space-between;
    padding: 0.7rem; }

.app-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #003a40;
  background-color: #ffffff;
  border: 1px solid #00000017;
  border-radius: 3px;
  font-weight: 500; }
  .app-details__top {
    display: flex;
    align-items: center;
    padding: 4rem 4rem 1rem 4rem; }
  .app-details__logo {
    margin-right: 1rem; }
    .app-details__logo img {
      height: 6rem; }
  .app-details__line {
    width: 100%;
    height: 2px;
    background-color: #00000029; }
  .app-details__name {
    font-size: 2rem;
    line-height: 1.3;
    margin: 0;
    word-break: break-all; }
    .app-details__name span {
      display: block;
      font-weight: 700; }
  .app-details__bottom {
    display: flex;
    padding: 2rem 4rem;
    flex-wrap: wrap; }
  .app-details__content {
    font-size: 1.8rem;
    padding: 4rem; }

.assistance {
  background-color: #ebf2d0;
  padding: 3.5rem 5rem;
  border: 1px solid #00000017;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px; }
  .assistance__text {
    min-width: 40rem; }
    @media (max-width: 992px) {
      .assistance__text {
        min-width: 100%; } }
  @media (max-width: 992px) {
    .assistance__right {
      display: none; } }

.button {
  padding: 1rem 2.5rem;
  font-size: 1.6rem;
  border-radius: 2px;
  transition: all 80ms ease-in-out; }
  .button--primary {
    border: 1px solid #003a40;
    background-color: #003a40;
    color: #ffffff; }
    .button--primary:hover,
    .button--primary :active {
      border: 1px solid #003a40cc;
      background-color: #003a40cc; }
  .button--full {
    width: 100%; }
  .button--medium {
    min-width: 15.6rem;
    border-radius: 3px; }
  .button--loading {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    cursor: default !important; }
  .button:focus {
    outline: 2px solid #003a40cc 4px;
    outline-offset: 5px; }
  .button--outline {
    border: 1px solid #003a40;
    background-color: rgba(255, 255, 255, 0); }
    .button--outline i {
      margin-right: 1rem; }
    .button--outline:hover, .button--outline:active {
      background-color: #003a4014; }

.button-link {
  color: #003a40;
  font-size: 1.6rem; }
  .button-link:hover,
  .button-link :active {
    color: #008481; }
  .button-link:focus {
    outline: 2px solid #008481 4px;
    outline-offset: 5px; }

.button-icon {
  padding: 0.7rem 0.9rem;
  border: none;
  font-size: 1.4rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  color: #003a40cc;
  border-radius: 3px; }
  .button-icon i {
    font-size: 1.6rem;
    color: #003a40cc; }
  .button-icon span {
    margin-left: 0.7rem; }
  .button-icon:focus {
    outline: 2px solid #003a40cc 4px;
    outline-offset: 5px; }
  .button-icon:hover {
    background-color: #003a4014; }

.cardcalendar .card {
  background: #99b1b3;
  color: #003a40; }

.cardcalendar h1 {
  text-align: center;
  color: #ffffff;
  font-size: 28px; }

.cardspecial .card {
  background: #f0ac00;
  color: #003a40;
  height: 87px;
  overflow: hidden; }

.cardcalendar .card-title {
  font-size: 14px; }

.calendar,
.calendar_weekdays,
.calendar_content {
  max-width: 450px; }

.calendar {
  margin: auto;
  font-weight: 400; }

.calendar_content {
  background: #99b1b3; }

.calendar_weekdays {
  background: #99b1b3; }

.calendar_header {
  padding: 10px 0; }

.calendar_content,
.calendar_weekdays,
.calendar_header {
  position: relative;
  overflow: hidden; }

.calendar_weekdays div {
  display: inline-block;
  vertical-align: top;
  color: #fff !important; }

.calendar_weekdays div,
.calendar_content div {
  width: 14.28571%;
  overflow: hidden;
  text-align: center;
  background-color: transparent;
  color: #003a40;
  font-size: 12px;
  padding: 5px 0; }

.calendar_content div {
  border: 1px solid transparent;
  float: left;
  position: relative;
  z-index: 0; }

.calendar_content div:hover {
  border: 1px solid #dcdcdc;
  cursor: default; }

.calendar_content div.blank:hover {
  cursor: default;
  border: 1px solid transparent; }

.calendar_content div.past-date {
  color: #d5d5d5; }

.calendar_content div.today {
  font-weight: bold;
  font-size: 12px;
  color: #fff !important; }

.calendar_content div.today:after {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin: 0 auto;
  background: #f0ac00;
  z-index: -1;
  -webkit-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
  box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48); }

.calendar_content div.selected {
  background-color: #f0f0f0; }

.calendar_header {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 1rem 0rem; }

.calendar_header h2 {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  float: left;
  margin: 0; }

.card-box {
  background-color: #00b2a9;
  height: auto;
  min-height: 16rem; }
  .card-box--white {
    background-color: #ffffff; }
  .card-box__body {
    display: flex;
    justify-content: center;
    align-items: center; }
  .card-box__icon {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .card-box__icon img {
      height: 5rem; }
  .card-box__title {
    font-size: 1.8rem;
    color: #ffffff;
    font-weight: 600;
    margin-top: 1rem; }

.custom-dropdown__button {
  border-radius: 0;
  background-color: #003a40;
  border: none;
  height: 8.4rem;
  padding: 0 1rem;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 992px) {
    .custom-dropdown__button {
      min-width: 10rem; } }
  .custom-dropdown__button::after {
    display: none; }
  .custom-dropdown__button:hover, .custom-dropdown__button:active {
    background-color: rgba(255, 255, 255, 0.15) !important; }
  .custom-dropdown__button:focus {
    background-color: rgba(255, 255, 255, 0.15);
    outline: 2px solid #ffffff; }

.custom-dropdown .btn.show {
  background-color: rgba(255, 255, 255, 0.15); }

.custom-dropdown__picture {
  border: 1px solid;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin-right: 1rem; }
  .custom-dropdown__picture i {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    font-size: 1.4rem;
    color: rgba(255, 255, 255, 0.75); }
  @media (max-width: 992px) {
    .custom-dropdown__picture {
      margin: 0; } }

.custom-dropdown__text {
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.4rem;
  font-weight: 200; }
  @media (max-width: 992px) {
    .custom-dropdown__text {
      display: none; } }

.custom-dropdown__menu {
  border: 1px solid #00000017;
  box-shadow: 0px 3px 20px #00000029;
  border-radius: 0; }

.custom-dropdown__item {
  font-size: 1.6rem;
  padding: 0.9rem 2rem; }
  .custom-dropdown__item:active, .custom-dropdown__item:focus {
    background-color: #f5f5f5;
    color: #003a40; }

.folder-tile {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #003a40;
  background-color: #ffffff;
  border: 1px solid #00000017;
  border-radius: 3px;
  font-weight: 500; }
  .folder-tile__top {
    display: flex;
    align-items: center;
    padding: 2rem; }
  .folder-tile__logo {
    margin-right: 1rem; }
    .folder-tile__logo img {
      height: 5rem; }
  .folder-tile__line {
    width: 100%;
    height: 2px;
    background-color: #00000029; }
  .folder-tile__name {
    font-size: 1.6rem;
    line-height: 1.3;
    margin: 0;
    word-break: break-all; }
    .folder-tile__name span {
      display: block;
      font-weight: 700; }
  .folder-tile__right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 2rem;
    margin: 2rem 0;
    border-left: 1px solid #0000001a; }
  .folder-tile__number {
    font-size: 1.6rem; }

.custom-form__group {
  display: flex;
  align-items: center;
  margin-bottom: 2.3rem; }

.custom-form__input-label {
  font-size: 1.6rem;
  font-weight: 500; }

.custom-form__input {
  border: 1px solid #00000029;
  height: 5rem;
  border-radius: 3px;
  font-size: 1.6rem;
  padding: 1.4rem 2rem; }
  .custom-form__input--text-area {
    height: auto; }
  .custom-form__input--error {
    border: 1px solid #de3400; }
  .custom-form__input:hover {
    border: 1px solid #0000008c; }
  .custom-form__input:focus:invalid {
    border: 1px solid #de3400; }
  .custom-form__input--disabled {
    background-color: #003a4014;
    color: #003a4099; }
    .custom-form__input--disabled:hover {
      border: 1px solid #00000029;
      cursor: not-allowed; }

.custom-form__required {
  color: #de3400;
  font-size: 1.6rem;
  margin-top: 2rem; }

.custom-form__invalid {
  border: 1px solid #de3400; }

.custom-form__input:focus {
  border: 2px solid #00000099;
  box-shadow: inset 0px 3px 6px #00000029; }

.custom-form__search-icon {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  border-top: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 5rem;
  height: 5.8rem;
  font-size: 2.2rem;
  padding: 0 1.8rem; }

.custom-form__search-input {
  border: none;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 5rem;
  height: 5.8rem;
  font-size: 1.8rem;
  color: rgba(0, 58, 64, 0.75); }

.custom-form__search-input:focus {
  color: #003a40;
  box-shadow: none;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5; }

.custom-form__checkbox {
  min-width: 1.4rem;
  height: 1.4rem;
  margin-top: 0;
  border: 1px solid #003a40;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0); }
  .custom-form__checkbox:checked {
    background-color: #003a40;
    box-shadow: 0 0 0 0.25rem rgba(0, 58, 64, 0.25);
    border: 1px solid #003a40; }
  .custom-form__checkbox:focus {
    border: 1px solid #003a40;
    box-shadow: 0 0 0 0.25rem rgba(0, 58, 64, 0.25); }

.custom-form__checkbox-group--error {
  color: #de3400; }
  .custom-form__checkbox-group--error input {
    border: 1px solid #de3400; }

.custom-form__checkbox-group {
  display: flex;
  align-items: baseline;
  padding-left: 0.1rem; }

.custom-form__checkbox-label {
  font-size: 1.6rem;
  margin-left: 1rem;
  font-weight: 400; }
  @media (max-width: 1400px) {
    .custom-form__checkbox-label {
      font-size: 1.4rem; } }

.custom-form__radio {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.custom-form__radio-input {
  margin-top: 0;
  min-width: 2.3rem;
  height: 2.3rem;
  border: 1px solid #003a40;
  background-color: rgba(0, 0, 0, 0); }
  .custom-form__radio-input:checked {
    background-color: #003a40;
    box-shadow: 0 0 0 0.25rem rgba(0, 58, 64, 0.25);
    border: 1px solid #003a40; }
  .custom-form__radio-input:focus {
    border: 1px solid #003a40;
    box-shadow: 0 0 0 0.25rem rgba(0, 58, 64, 0.25); }

.custom-form__radio-group {
  display: flex;
  align-items: center;
  margin-bottom: 2.3rem; }

.custom-form__radio-wrap {
  display: flex;
  flex-direction: column; }
  @media (max-width: 992px) {
    .custom-form__radio-wrap {
      margin-bottom: 2.5rem; } }

.custom-form__radio-label {
  font-size: 1.8rem;
  margin-left: 2rem;
  font-weight: 400; }
  @media (max-width: 1400px) {
    .custom-form__radio-label {
      font-size: 1.4rem; } }

.custom-form__dropdown .show {
  background-color: #003a40; }

.custom-form__dropdown-toggle {
  background-color: #ffffff;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 2rem;
  color: #003a40;
  font-weight: 500;
  border: 1px solid #00000029; }
  .custom-form__dropdown-toggle--full {
    width: 100%; }
  .custom-form__dropdown-toggle:hover {
    background-color: #ffffff;
    color: #003a40;
    border: 1px solid #003a40cc; }
  .custom-form__dropdown-toggle:active, .custom-form__dropdown-toggle:focus {
    background-color: #f5f5f5 !important;
    color: #003a40 !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 58, 64, 0.25);
    border: 1px solid #003a40cc; }

.custom-form__dropdown-menu {
  background-color: #ffffff !important;
  width: 100%; }

.custom-form__dropdown-item {
  color: #003a40;
  font-size: 1.6rem;
  padding: 0.9rem 2rem; }
  .custom-form__dropdown-item:active {
    background-color: #003a40; }

.custom-form__switch {
  padding: 0;
  display: flex;
  align-items: center; }

.custom-form__check-input {
  width: 6rem !important;
  height: 3rem;
  float: unset !important;
  margin-top: 0 !important; }
  .custom-form__check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 58, 64, 0.25);
    border: 1px solid #003a40cc;
    background-image: url("../img/circle-primary.svg") !important; }
  .custom-form__check-input:checked {
    background-color: #003a40;
    border: 1px solid #003a40cc; }
  .custom-form__check-input:active {
    box-shadow: 0 0 0 0.25rem rgba(0, 58, 64, 0.25);
    border: 1px solid #003a40cc; }

.message {
  position: relative;
  border: 1px solid #00000017;
  padding: 2rem 6.5rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .message__text {
    font-size: 1.4rem;
    margin: 0; }
  .message--sticky {
    position: fixed;
    top: 14.6rem;
    z-index: 9999; }
    @media (max-width: 992px) {
      .message--sticky {
        top: unset;
        bottom: 8.4rem; } }
  .message__close {
    position: absolute;
    right: 3.5rem;
    top: 50%;
    transform: translate(50%, -50%);
    cursor: pointer; }
    .message__close i {
      font-size: 2rem; }
  .message--info {
    background-color: #d7f7f5; }

.search {
  width: 29rem;
  flex-wrap: nowrap; }
  @media (max-width: 992px) {
    .search {
      width: 100%; } }
  .search__icon-box {
    background-color: #ffffff;
    border: none;
    height: 4rem;
    border-radius: 50px;
    padding-left: 1rem; }
    .search__icon-box i {
      font-size: 1.6rem; }
  .search__input {
    color: #003a40cc;
    border: none;
    height: 4rem;
    border-radius: 50px;
    font-size: 1.2rem; }
    .search__input:focus {
      border-color: #ffffff;
      box-shadow: none; }

.sign-in {
  border: 1px solid #00000029;
  box-shadow: 0px 3px 2rem #00000029;
  width: 60rem;
  background-color: #ffffff; }
  .sign-in__title-box {
    display: flex;
    flex-direction: column; }
  .sign-in__title {
    font-weight: 500;
    font-size: 1.6rem; }
    .sign-in__title--bold {
      font-weight: 700; }
  .sign-in__logo {
    height: 4.2rem;
    margin-right: 1.2rem; }
  .sign-in__logo-box {
    display: flex;
    align-items: center;
    padding: 2.1rem 1.4rem; }
    @media (max-width: 768px) {
      .sign-in__logo-box {
        justify-content: center; } }
  .sign-in__forget {
    text-align: right;
    margin: 1rem 0 3rem 0; }
  .sign-in__form {
    padding: 0 7.1rem 1rem 7.1rem; }
    @media (max-width: 768px) {
      .sign-in__form {
        padding: 0 3rem 1rem 3rem; } }
  .sign-in__error {
    font-size: 1.6rem;
    color: #de3400; }
  .sign-in__requiremnts {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    @media (max-width: 992px) {
      .sign-in__requiremnts {
        flex-direction: column-reverse; } }
    .sign-in__requiremnts--error {
      color: #de3400; }
  .sign-in__requiremnts-vaildation {
    width: 50%; }
    @media (max-width: 992px) {
      .sign-in__requiremnts-vaildation {
        width: 100%; } }
  .sign-in__requiremnts-success {
    color: #81a000;
    font-size: 1.4rem;
    display: block;
    margin: 0.5rem 0; }
  .sign-in__requiremnts-normal {
    font-size: 1.4rem;
    display: block;
    margin: 0.5rem 0; }
  .sign-in__requiremnts-rules {
    width: 50%; }
    @media (max-width: 992px) {
      .sign-in__requiremnts-rules {
        width: 100%;
        margin-top: 2rem; } }

.mySlides {
  display: none; }

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden; }

/* Hide the images by default */
.mySlides {
  display: none;
  height: auto;
  overflow: hidden; }

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none; }

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px; }

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8); }

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center; }

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 16px;
  padding: 8px 12px;
  position: absolute;
  top: 0; }

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease; }

.slide-content {
  background: #00b2a9;
  height: auto;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  overflow: hidden;
  padding: 2.4rem;
  color: #ffffff; }

.slide-content .card-title {
  text-align: left;
  font-size: 24px;
  margin: 10px 0px; }

.slide-content .card-text {
  text-align: left; }

.active,
.dot:hover {
  background-color: #717171; }

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 5s; }

@keyframes fade {
  0% {
    opacity: 0; }
  20% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@media (max-width: 991.98px) {
  .mySlides {
    height: auto; }
  .slide-content {
    height: auto;
    overflow: hidden; }
  .cardfourth .ir {
    padding: 67.5px 0px !important; } }

.slider {
  position: relative;
  margin: 0 0; }
  .slider__arrow {
    position: absolute;
    z-index: 555;
    padding: 0 2.2rem;
    background-color: #ffffff;
    height: 21.1rem;
    bottom: 3.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e8e8e8;
    cursor: pointer; }
    .slider__arrow i {
      font-size: 2.4rem;
      color: #003a40;
      position: absolute;
      top: 50%;
      right: 50%;
      transform: translate(50%, -50%); }
    .slider__arrow--left {
      left: 0rem;
      display: none; }
    .slider__arrow--right {
      right: 0rem; }
  .slider .owl-item {
    width: 40rem;
    background-color: #f5f5f5; }

.spinner {
  background-image: url(../img/spinner.png);
  width: 4rem;
  height: 4rem; }
  .spinner__middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%); }
  .spinner__text {
    font-size: 2.1rem;
    font-weight: 700;
    margin-top: 1rem; }

.title__name {
  margin-bottom: 1rem; }

.title__line {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #00000017; }

.weather-box {
  background-color: #00b2a9;
  min-height: 15rem;
  border: none;
  color: #ffffff; }
  .weather-box__body {
    padding: 2.4rem; }
  .weather-box__number {
    font-size: 5rem;
    margin-bottom: 3rem; }
  .weather-box__title {
    font-weight: 400; }
  .weather-box__desc {
    font-size: 1.6rem; }

.app-header {
  padding: 8rem 12.4rem;
  background-color: #ebf8ff;
  border: 1px solid #00000029;
  background-image: url("../img/shape-2.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto 100%; }
  @media (max-width: 992px) {
    .app-header {
      padding: 4rem 6.2rem;
      background-image: unset;
      display: flex;
      justify-content: center; } }
  .app-header__content {
    display: flex;
    align-items: center;
    margin-bottom: 2rem; }
  .app-header__logo {
    margin-right: 1rem; }
    .app-header__logo img {
      height: 7rem; }
      @media (max-width: 992px) {
        .app-header__logo img {
          height: 3.5rem; } }
    @media (max-width: 992px) {
      .app-header__logo {
        margin: 0.5rem; } }
  .app-header__name {
    font-size: 2.4rem;
    line-height: 1.3;
    margin: 0;
    word-break: break-all; }
    .app-header__name span {
      display: block;
      font-weight: 700; }
    @media (max-width: 768px) {
      .app-header__name {
        font-size: 1.6rem; } }

.header {
  width: 100%;
  z-index: 999999;
  background-color: #003a40;
  min-height: 8.4rem; }
  @media (max-width: 992px) {
    .header {
      min-height: unset; } }
  .header__wrap {
    position: fixed;
    z-index: 999999;
    background-color: #003a40;
    width: 100%;
    min-height: 8.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 3.5rem; }
    @media (max-width: 992px) {
      .header__wrap {
        text-align: center;
        padding: 0 0;
        justify-content: center;
        bottom: 0; } }
    .header__wrap--sign-in {
      bottom: unset;
      top: 0; }
  @media (max-width: 992px) {
    .header__logo-box {
      display: none; } }
  @media (max-width: 992px) {
    .header__logo-box--keep {
      display: block !important; } }
  .header__profile {
    height: 100%; }

.navigation__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0; }

.navigation__item {
  transition: all 100ms ease-in-out; }

.navigation__item:hover .navigation__link::after {
  opacity: 1; }

.navigation__link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1.8rem 2.3rem;
  text-decoration: none;
  min-width: 10rem; }
  .navigation__link i {
    font-size: 2.4rem;
    color: #ffffff;
    margin-bottom: 0.6rem; }
    @media (max-width: 992px) {
      .navigation__link i {
        font-size: 2.3rem; } }
  @media (max-width: 992px) {
    .navigation__link {
      max-width: 10rem; } }
  .navigation__link span {
    font-size: 1.2rem;
    font-weight: 200;
    color: #ffffff; }
  .navigation__link:hover {
    background-color: rgba(255, 255, 255, 0.15); }
  .navigation__link--active {
    background-color: rgba(255, 255, 255, 0.15); }

.tool-bar {
  background-color: #ededed;
  padding: 0rem 4.3rem 0 4.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #00000017;
  z-index: 1;
  flex-wrap: wrap;
  min-height: 6.2rem;
  position: fixed;
  z-index: 88888;
  top: 8.4rem;
  width: 100%; }
  @media (max-width: 992px) {
    .tool-bar {
      flex-direction: column-reverse;
      top: 0; } }
  @media (max-width: 992px) {
    .tool-bar__title {
      margin-top: 2rem;
      margin-bottom: 1rem; } }
  .tool-bar__tabs {
    display: flex;
    overflow: auto;
    min-width: 25rem; }
    @media (max-width: 992px) {
      .tool-bar__tabs {
        width: 100%; } }
  @media (max-width: 992px) {
    .tool-bar__search {
      margin-top: 2rem;
      margin-bottom: 2rem;
      width: 100%; } }
  .tool-bar__tab {
    position: relative;
    text-decoration: none;
    color: #003a40cc;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 1.7rem 1.2rem;
    margin: 0 1rem; }
    @media (max-width: 768px) {
      .tool-bar__tab {
        font-size: 1.4rem; } }
    .tool-bar__tab:hover {
      background-color: #003a4014;
      color: #003a40; }
    .tool-bar__tab--active {
      font-weight: 900;
      color: #003a40;
      padding: 1.7rem 0; }
      .tool-bar__tab--active::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #003a40;
        bottom: 0;
        left: 0; }
      .tool-bar__tab--active:hover {
        background-color: unset; }
  .tool-bar__back {
    position: relative;
    text-decoration: none;
    color: #003a40cc;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 1.7rem 1.2rem;
    margin: 0 1rem;
    display: flex;
    align-items: baseline; }
    @media (max-width: 768px) {
      .tool-bar__back {
        font-size: 1.4rem; } }
    .tool-bar__back i {
      margin-right: 1rem;
      display: inline-block; }
    .tool-bar__back:hover {
      background-color: #003a4014;
      color: #003a40; }
  .tool-bar__breadcrumb-root {
    position: relative;
    text-decoration: none;
    color: #003a40cc;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 1.7rem 1.2rem;
    margin: 0 1rem; }
    @media (max-width: 768px) {
      .tool-bar__breadcrumb-root {
        font-size: 1.4rem; } }
    .tool-bar__breadcrumb-root:hover {
      background-color: #003a4014;
      color: #003a40; }
  .tool-bar__breadcrumb-sub {
    position: relative;
    text-decoration: none;
    color: #003a40cc;
    font-size: 1.8rem;
    font-weight: 400;
    padding: 1.7rem 1.2rem;
    margin: 0 1rem; }
    @media (max-width: 768px) {
      .tool-bar__breadcrumb-sub {
        font-size: 1.4rem; } }
    .tool-bar__breadcrumb-sub:hover {
      background-color: #003a4014;
      color: #003a40; }
  .tool-bar__breadcrumb-arrow {
    position: relative;
    text-decoration: none;
    color: #003a40cc;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 1.7rem 0rem;
    margin: 0 0rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    color: #003a40cc;
    cursor: default; }
    .tool-bar__breadcrumb-arrow i {
      height: 1.8rem; }
    @media (max-width: 768px) {
      .tool-bar__breadcrumb-arrow {
        font-size: 1rem; } }
  .tool-bar__breadcrumb-line {
    width: 1px;
    background-color: #00000017;
    height: 6.1rem; }

.section-agreements {
  max-height: 100%;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100%;
  background-image: url(../img/shape-3.png);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 9.4rem;
  padding-bottom: 1rem; }

.section-favorites {
  padding: 1rem 4rem;
  min-height: calc(100vh - 14.6rem); }
  .section-favorites__empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 14.6rem); }
  .section-favorites__icon i {
    font-size: 6.1rem;
    color: #00b2a9; }
  .section-favorites__text {
    min-width: 40rem; }
    @media (max-width: 768px) {
      .section-favorites__text {
        min-width: 100%; } }

.slider {
  padding: 0 4.3rem; }

.section-profile {
  padding: 1rem 4rem;
  min-height: calc(100vh - 14.6rem); }

.section-sign-in {
  max-height: 100%;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100%;
  background-image: url(../img/shape-3.png);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 9.4rem;
  padding-bottom: 1rem; }