@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
@import url("https://use.typekit.net/cbk2eut.css");
@import "https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css";
.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.has-text-secondary,
body .has-text-secondary {
  color: #00392c;
}

body .is-color-gray {
  color: #5d738e;
}

body .has-background-gray {
  background-color: #5d738e;
}

body .has-background-light-gray {
  background-color: #bac7d5 !important;
}

.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.is-width-0 {
  width: 0rem !important;
}

.is-min-width-0 {
  min-width: 0rem;
}

.is-height-0 {
  height: 0rem !important;
}

.is-width-1px {
  width: 0.063rem !important;
}

.is-min-width-1px {
  min-width: 0.063rem;
}

.is-height-1px {
  height: 0.063rem !important;
}

.is-width-1 {
  width: 0.25rem !important;
}

.is-min-width-1 {
  min-width: 0.25rem;
}

.is-height-1 {
  height: 0.25rem !important;
}

.is-width-2 {
  width: 0.5rem !important;
}

.is-min-width-2 {
  min-width: 0.5rem;
}

.is-height-2 {
  height: 0.5rem !important;
}

.is-width-3 {
  width: 0.75rem !important;
}

.is-min-width-3 {
  min-width: 0.75rem;
}

.is-height-3 {
  height: 0.75rem !important;
}

.is-width-4 {
  width: 1rem !important;
}

.is-min-width-4 {
  min-width: 1rem;
}

.is-height-4 {
  height: 1rem !important;
}

.is-width-5 {
  width: 1.5rem !important;
}

.is-min-width-5 {
  min-width: 1.5rem;
}

.is-height-5 {
  height: 1.5rem !important;
}

.is-width-5_1 {
  width: 2.5rem !important;
}

.is-min-width-5_1 {
  min-width: 2.5rem;
}

.is-height-5_1 {
  height: 2.5rem !important;
}

.is-width-6 {
  width: 3rem !important;
}

.is-min-width-6 {
  min-width: 3rem;
}

.is-height-6 {
  height: 3rem !important;
}

.is-width-6_1 {
  width: 3.5rem !important;
}

.is-min-width-6_1 {
  min-width: 3.5rem;
}

.is-height-6_1 {
  height: 3.5rem !important;
}

.is-width-7 {
  width: 4.5rem !important;
}

.is-min-width-7 {
  min-width: 4.5rem;
}

.is-height-7 {
  height: 4.5rem !important;
}

.is-width-8 {
  width: 6rem !important;
}

.is-min-width-8 {
  min-width: 6rem;
}

.is-height-8 {
  height: 6rem !important;
}

.is-width-9 {
  width: 8rem !important;
}

.is-min-width-9 {
  min-width: 8rem;
}

.is-height-9 {
  height: 8rem !important;
}

.is-width-10 {
  width: 10rem !important;
}

.is-min-width-10 {
  min-width: 10rem;
}

.is-height-10 {
  height: 10rem !important;
}

.is-width-11 {
  width: 12rem !important;
}

.is-min-width-11 {
  min-width: 12rem;
}

.is-height-11 {
  height: 12rem !important;
}

.is-width-12 {
  width: 14rem !important;
}

.is-min-width-12 {
  min-width: 14rem;
}

.is-height-12 {
  height: 14rem !important;
}

.is-width-13 {
  width: 16rem !important;
}

.is-min-width-13 {
  min-width: 16rem;
}

.is-height-13 {
  height: 16rem !important;
}

.is-width-14 {
  width: 18rem !important;
}

.is-min-width-14 {
  min-width: 18rem;
}

.is-height-14 {
  height: 18rem !important;
}

.is-width-15 {
  width: 20rem !important;
}

.is-min-width-15 {
  min-width: 20rem;
}

.is-height-15 {
  height: 20rem !important;
}

.is-width-16 {
  width: 22rem !important;
}

.is-min-width-16 {
  min-width: 22rem;
}

.is-height-16 {
  height: 22rem !important;
}

.is-width-17 {
  width: 24rem !important;
}

.is-min-width-17 {
  min-width: 24rem;
}

.is-height-17 {
  height: 24rem !important;
}

.is-width-18 {
  width: 26rem !important;
}

.is-min-width-18 {
  min-width: 26rem;
}

.is-height-18 {
  height: 26rem !important;
}

.is-width-19 {
  width: 28rem !important;
}

.is-min-width-19 {
  min-width: 28rem;
}

.is-height-19 {
  height: 28rem !important;
}

.is-width-20 {
  width: 30rem !important;
}

.is-min-width-20 {
  min-width: 30rem;
}

.is-height-20 {
  height: 30rem !important;
}

.is-width-21 {
  width: 32rem !important;
}

.is-min-width-21 {
  min-width: 32rem;
}

.is-height-21 {
  height: 32rem !important;
}

.is-width-22 {
  width: 34rem !important;
}

.is-min-width-22 {
  min-width: 34rem;
}

.is-height-22 {
  height: 34rem !important;
}

.is-width-23 {
  width: 36rem !important;
}

.is-min-width-23 {
  min-width: 36rem;
}

.is-height-23 {
  height: 36rem !important;
}

.is-width-24 {
  width: 38rem !important;
}

.is-min-width-24 {
  min-width: 38rem;
}

.is-height-24 {
  height: 38rem !important;
}

.is-width-25 {
  width: 40rem !important;
}

.is-min-width-25 {
  min-width: 40rem;
}

.is-height-25 {
  height: 40rem !important;
}

.is-width-26 {
  width: 42rem !important;
}

.is-min-width-26 {
  min-width: 42rem;
}

.is-height-26 {
  height: 42rem !important;
}

.is-width-27 {
  width: 44rem !important;
}

.is-min-width-27 {
  min-width: 44rem;
}

.is-height-27 {
  height: 44rem !important;
}

.is-width-28 {
  width: 46rem !important;
}

.is-min-width-28 {
  min-width: 46rem;
}

.is-height-28 {
  height: 46rem !important;
}

.is-width-29 {
  width: 48rem !important;
}

.is-min-width-29 {
  min-width: 48rem;
}

.is-height-29 {
  height: 48rem !important;
}

.is-width-30 {
  width: 50rem !important;
}

.is-min-width-30 {
  min-width: 50rem;
}

.is-height-30 {
  height: 50rem !important;
}

.is-top-0 {
  top: 0rem;
}

.is-bottom-0 {
  top: 0rem;
}

.is-top-1px {
  top: 0.063rem;
}

.is-bottom-1px {
  top: 0.063rem;
}

.is-top-1 {
  top: 0.25rem;
}

.is-bottom-1 {
  top: 0.25rem;
}

.is-top-2 {
  top: 0.5rem;
}

.is-bottom-2 {
  top: 0.5rem;
}

.is-top-3 {
  top: 0.75rem;
}

.is-bottom-3 {
  top: 0.75rem;
}

.is-top-4 {
  top: 1rem;
}

.is-bottom-4 {
  top: 1rem;
}

.is-top-5 {
  top: 1.5rem;
}

.is-bottom-5 {
  top: 1.5rem;
}

.is-top-5_1 {
  top: 2.5rem;
}

.is-bottom-5_1 {
  top: 2.5rem;
}

.is-top-6 {
  top: 3rem;
}

.is-bottom-6 {
  top: 3rem;
}

.is-top-6_1 {
  top: 3.5rem;
}

.is-bottom-6_1 {
  top: 3.5rem;
}

.is-top-7 {
  top: 4.5rem;
}

.is-bottom-7 {
  top: 4.5rem;
}

.is-top-8 {
  top: 6rem;
}

.is-bottom-8 {
  top: 6rem;
}

.is-top-9 {
  top: 8rem;
}

.is-bottom-9 {
  top: 8rem;
}

.is-top-10 {
  top: 10rem;
}

.is-bottom-10 {
  top: 10rem;
}

.is-top-11 {
  top: 12rem;
}

.is-bottom-11 {
  top: 12rem;
}

.is-top-12 {
  top: 14rem;
}

.is-bottom-12 {
  top: 14rem;
}

.is-top-13 {
  top: 16rem;
}

.is-bottom-13 {
  top: 16rem;
}

.is-top-14 {
  top: 18rem;
}

.is-bottom-14 {
  top: 18rem;
}

.is-top-15 {
  top: 20rem;
}

.is-bottom-15 {
  top: 20rem;
}

.is-top-16 {
  top: 22rem;
}

.is-bottom-16 {
  top: 22rem;
}

.is-top-17 {
  top: 24rem;
}

.is-bottom-17 {
  top: 24rem;
}

.is-top-18 {
  top: 26rem;
}

.is-bottom-18 {
  top: 26rem;
}

.is-top-19 {
  top: 28rem;
}

.is-bottom-19 {
  top: 28rem;
}

.is-top-20 {
  top: 30rem;
}

.is-bottom-20 {
  top: 30rem;
}

.is-top-21 {
  top: 32rem;
}

.is-bottom-21 {
  top: 32rem;
}

.is-top-22 {
  top: 34rem;
}

.is-bottom-22 {
  top: 34rem;
}

.is-top-23 {
  top: 36rem;
}

.is-bottom-23 {
  top: 36rem;
}

.is-top-24 {
  top: 38rem;
}

.is-bottom-24 {
  top: 38rem;
}

.is-top-25 {
  top: 40rem;
}

.is-bottom-25 {
  top: 40rem;
}

.is-top-26 {
  top: 42rem;
}

.is-bottom-26 {
  top: 42rem;
}

.is-top-27 {
  top: 44rem;
}

.is-bottom-27 {
  top: 44rem;
}

.is-top-28 {
  top: 46rem;
}

.is-bottom-28 {
  top: 46rem;
}

.is-top-29 {
  top: 48rem;
}

.is-bottom-29 {
  top: 48rem;
}

.is-top-30 {
  top: 50rem;
}

.is-bottom-30 {
  top: 50rem;
}

.is-max-width-0 {
  max-width: 0rem;
}

.is-min-width-0 {
  min-width: 0rem;
}

.is-max-width-1px {
  max-width: 0.063rem;
}

.is-min-width-1px {
  min-width: 0.063rem;
}

.is-max-width-1 {
  max-width: 0.25rem;
}

.is-min-width-1 {
  min-width: 0.25rem;
}

.is-max-width-2 {
  max-width: 0.5rem;
}

.is-min-width-2 {
  min-width: 0.5rem;
}

.is-max-width-3 {
  max-width: 0.75rem;
}

.is-min-width-3 {
  min-width: 0.75rem;
}

.is-max-width-4 {
  max-width: 1rem;
}

.is-min-width-4 {
  min-width: 1rem;
}

.is-max-width-5 {
  max-width: 1.5rem;
}

.is-min-width-5 {
  min-width: 1.5rem;
}

.is-max-width-5_1 {
  max-width: 2.5rem;
}

.is-min-width-5_1 {
  min-width: 2.5rem;
}

.is-max-width-6 {
  max-width: 3rem;
}

.is-min-width-6 {
  min-width: 3rem;
}

.is-max-width-6_1 {
  max-width: 3.5rem;
}

.is-min-width-6_1 {
  min-width: 3.5rem;
}

.is-max-width-7 {
  max-width: 4.5rem;
}

.is-min-width-7 {
  min-width: 4.5rem;
}

.is-max-width-8 {
  max-width: 6rem;
}

.is-min-width-8 {
  min-width: 6rem;
}

.is-max-width-9 {
  max-width: 8rem;
}

.is-min-width-9 {
  min-width: 8rem;
}

.is-max-width-10 {
  max-width: 10rem;
}

.is-min-width-10 {
  min-width: 10rem;
}

.is-max-width-11 {
  max-width: 12rem;
}

.is-min-width-11 {
  min-width: 12rem;
}

.is-max-width-12 {
  max-width: 14rem;
}

.is-min-width-12 {
  min-width: 14rem;
}

.is-max-width-13 {
  max-width: 16rem;
}

.is-min-width-13 {
  min-width: 16rem;
}

.is-max-width-14 {
  max-width: 18rem;
}

.is-min-width-14 {
  min-width: 18rem;
}

.is-max-width-15 {
  max-width: 20rem;
}

.is-min-width-15 {
  min-width: 20rem;
}

.is-max-width-16 {
  max-width: 22rem;
}

.is-min-width-16 {
  min-width: 22rem;
}

.is-max-width-17 {
  max-width: 24rem;
}

.is-min-width-17 {
  min-width: 24rem;
}

.is-max-width-18 {
  max-width: 26rem;
}

.is-min-width-18 {
  min-width: 26rem;
}

.is-max-width-19 {
  max-width: 28rem;
}

.is-min-width-19 {
  min-width: 28rem;
}

.is-max-width-20 {
  max-width: 30rem;
}

.is-min-width-20 {
  min-width: 30rem;
}

.is-max-width-21 {
  max-width: 32rem;
}

.is-min-width-21 {
  min-width: 32rem;
}

.is-max-width-22 {
  max-width: 34rem;
}

.is-min-width-22 {
  min-width: 34rem;
}

.is-max-width-23 {
  max-width: 36rem;
}

.is-min-width-23 {
  min-width: 36rem;
}

.is-max-width-24 {
  max-width: 38rem;
}

.is-min-width-24 {
  min-width: 38rem;
}

.is-max-width-25 {
  max-width: 40rem;
}

.is-min-width-25 {
  min-width: 40rem;
}

.is-max-width-26 {
  max-width: 42rem;
}

.is-min-width-26 {
  min-width: 42rem;
}

.is-max-width-27 {
  max-width: 44rem;
}

.is-min-width-27 {
  min-width: 44rem;
}

.is-max-width-28 {
  max-width: 46rem;
}

.is-min-width-28 {
  min-width: 46rem;
}

.is-max-width-29 {
  max-width: 48rem;
}

.is-min-width-29 {
  min-width: 48rem;
}

.is-max-width-30 {
  max-width: 50rem;
}

.is-min-width-30 {
  min-width: 50rem;
}

.has-gap-1 {
  gap: 0.5rem;
}

.has-row-gap-1 {
  row-gap: 0.5rem;
}

.has-column-gap-1 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.has-gap-2 {
  gap: 1rem;
}

.has-row-gap-2 {
  row-gap: 1rem;
}

.has-column-gap-2 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.has-gap-3 {
  gap: 1.5rem;
}

.has-row-gap-3 {
  row-gap: 1.5rem;
}

.has-column-gap-3 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.has-gap-4 {
  gap: 2rem;
}

.has-row-gap-4 {
  row-gap: 2rem;
}

.has-column-gap-4 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.has-gap-5 {
  gap: 3rem;
}

.has-row-gap-5 {
  row-gap: 3rem;
}

.has-column-gap-5 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.has-gap-6 {
  gap: 4rem;
}

.has-row-gap-6 {
  row-gap: 4rem;
}

.has-column-gap-6 {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.has-gap-7 {
  gap: 5rem;
}

.has-row-gap-7 {
  row-gap: 5rem;
}

.has-column-gap-7 {
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.has-gap-8 {
  gap: 6rem;
}

.has-row-gap-8 {
  row-gap: 6rem;
}

.has-column-gap-8 {
  -moz-column-gap: 6rem;
       column-gap: 6rem;
}

.has-gap-9 {
  gap: 7rem;
}

.has-row-gap-9 {
  row-gap: 7rem;
}

.has-column-gap-9 {
  -moz-column-gap: 7rem;
       column-gap: 7rem;
}

.has-gap-10 {
  gap: 8rem;
}

.has-row-gap-10 {
  row-gap: 8rem;
}

.has-column-gap-10 {
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}

@media (max-width: 450px) {
  .xxs\:has-gap-1 {
    gap: 0.5rem;
  }
  .xxs\:has-gap-2 {
    gap: 1rem;
  }
  .xxs\:has-gap-3 {
    gap: 1.5rem;
  }
  .xxs\:has-gap-4 {
    gap: 2rem;
  }
  .xxs\:has-gap-5 {
    gap: 3rem;
  }
  .xxs\:has-gap-6 {
    gap: 4rem;
  }
  .xxs\:has-gap-7 {
    gap: 5rem;
  }
  .xxs\:has-gap-8 {
    gap: 6rem;
  }
  .xxs\:has-gap-9 {
    gap: 7rem;
  }
  .xxs\:has-gap-10 {
    gap: 8rem;
  }
  .xxs\:px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .xxs\:pt-0 {
    padding-top: 0rem;
  }
  .xxs\:px-1px {
    padding-left: 0.063rem;
    padding-right: 0.063rem;
  }
  .xxs\:pt-1px {
    padding-top: 0.063rem;
  }
  .xxs\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xxs\:pt-1 {
    padding-top: 0.25rem;
  }
  .xxs\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xxs\:pt-2 {
    padding-top: 0.5rem;
  }
  .xxs\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xxs\:pt-3 {
    padding-top: 0.75rem;
  }
  .xxs\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xxs\:pt-4 {
    padding-top: 1rem;
  }
  .xxs\:px-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xxs\:pt-5 {
    padding-top: 1.5rem;
  }
  .xxs\:px-5_1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xxs\:pt-5_1 {
    padding-top: 2.5rem;
  }
  .xxs\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xxs\:pt-6 {
    padding-top: 3rem;
  }
  .xxs\:px-6_1 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .xxs\:pt-6_1 {
    padding-top: 3.5rem;
  }
  .xxs\:px-7 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
  .xxs\:pt-7 {
    padding-top: 4.5rem;
  }
  .xxs\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .xxs\:pt-8 {
    padding-top: 6rem;
  }
  .xxs\:px-9 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .xxs\:pt-9 {
    padding-top: 8rem;
  }
  .xxs\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .xxs\:pt-10 {
    padding-top: 10rem;
  }
  .xxs\:px-11 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .xxs\:pt-11 {
    padding-top: 12rem;
  }
  .xxs\:px-12 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .xxs\:pt-12 {
    padding-top: 14rem;
  }
  .xxs\:px-13 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .xxs\:pt-13 {
    padding-top: 16rem;
  }
  .xxs\:px-14 {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .xxs\:pt-14 {
    padding-top: 18rem;
  }
  .xxs\:px-15 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .xxs\:pt-15 {
    padding-top: 20rem;
  }
  .xxs\:px-16 {
    padding-left: 22rem;
    padding-right: 22rem;
  }
  .xxs\:pt-16 {
    padding-top: 22rem;
  }
  .xxs\:px-17 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
  .xxs\:pt-17 {
    padding-top: 24rem;
  }
  .xxs\:px-18 {
    padding-left: 26rem;
    padding-right: 26rem;
  }
  .xxs\:pt-18 {
    padding-top: 26rem;
  }
  .xxs\:px-19 {
    padding-left: 28rem;
    padding-right: 28rem;
  }
  .xxs\:pt-19 {
    padding-top: 28rem;
  }
  .xxs\:px-20 {
    padding-left: 30rem;
    padding-right: 30rem;
  }
  .xxs\:pt-20 {
    padding-top: 30rem;
  }
  .xxs\:px-21 {
    padding-left: 32rem;
    padding-right: 32rem;
  }
  .xxs\:pt-21 {
    padding-top: 32rem;
  }
  .xxs\:px-22 {
    padding-left: 34rem;
    padding-right: 34rem;
  }
  .xxs\:pt-22 {
    padding-top: 34rem;
  }
  .xxs\:px-23 {
    padding-left: 36rem;
    padding-right: 36rem;
  }
  .xxs\:pt-23 {
    padding-top: 36rem;
  }
  .xxs\:px-24 {
    padding-left: 38rem;
    padding-right: 38rem;
  }
  .xxs\:pt-24 {
    padding-top: 38rem;
  }
  .xxs\:px-25 {
    padding-left: 40rem;
    padding-right: 40rem;
  }
  .xxs\:pt-25 {
    padding-top: 40rem;
  }
  .xxs\:px-26 {
    padding-left: 42rem;
    padding-right: 42rem;
  }
  .xxs\:pt-26 {
    padding-top: 42rem;
  }
  .xxs\:px-27 {
    padding-left: 44rem;
    padding-right: 44rem;
  }
  .xxs\:pt-27 {
    padding-top: 44rem;
  }
  .xxs\:px-28 {
    padding-left: 46rem;
    padding-right: 46rem;
  }
  .xxs\:pt-28 {
    padding-top: 46rem;
  }
  .xxs\:px-29 {
    padding-left: 48rem;
    padding-right: 48rem;
  }
  .xxs\:pt-29 {
    padding-top: 48rem;
  }
  .xxs\:px-30 {
    padding-left: 50rem;
    padding-right: 50rem;
  }
  .xxs\:pt-30 {
    padding-top: 50rem;
  }
}
@media (max-width: 769px) {
  .xs\:has-gap-1 {
    gap: 0.5rem;
  }
  .xs\:has-gap-2 {
    gap: 1rem;
  }
  .xs\:has-gap-3 {
    gap: 1.5rem;
  }
  .xs\:has-gap-4 {
    gap: 2rem;
  }
  .xs\:has-gap-5 {
    gap: 3rem;
  }
  .xs\:has-gap-6 {
    gap: 4rem;
  }
  .xs\:has-gap-7 {
    gap: 5rem;
  }
  .xs\:has-gap-8 {
    gap: 6rem;
  }
  .xs\:has-gap-9 {
    gap: 7rem;
  }
  .xs\:has-gap-10 {
    gap: 8rem;
  }
  .xs\:px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .xs\:pt-0 {
    padding-top: 0rem;
  }
  .xs\:px-1px {
    padding-left: 0.063rem;
    padding-right: 0.063rem;
  }
  .xs\:pt-1px {
    padding-top: 0.063rem;
  }
  .xs\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xs\:pt-1 {
    padding-top: 0.25rem;
  }
  .xs\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xs\:pt-2 {
    padding-top: 0.5rem;
  }
  .xs\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xs\:pt-3 {
    padding-top: 0.75rem;
  }
  .xs\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xs\:pt-4 {
    padding-top: 1rem;
  }
  .xs\:px-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xs\:pt-5 {
    padding-top: 1.5rem;
  }
  .xs\:px-5_1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xs\:pt-5_1 {
    padding-top: 2.5rem;
  }
  .xs\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xs\:pt-6 {
    padding-top: 3rem;
  }
  .xs\:px-6_1 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .xs\:pt-6_1 {
    padding-top: 3.5rem;
  }
  .xs\:px-7 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
  .xs\:pt-7 {
    padding-top: 4.5rem;
  }
  .xs\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .xs\:pt-8 {
    padding-top: 6rem;
  }
  .xs\:px-9 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .xs\:pt-9 {
    padding-top: 8rem;
  }
  .xs\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .xs\:pt-10 {
    padding-top: 10rem;
  }
  .xs\:px-11 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .xs\:pt-11 {
    padding-top: 12rem;
  }
  .xs\:px-12 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .xs\:pt-12 {
    padding-top: 14rem;
  }
  .xs\:px-13 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .xs\:pt-13 {
    padding-top: 16rem;
  }
  .xs\:px-14 {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .xs\:pt-14 {
    padding-top: 18rem;
  }
  .xs\:px-15 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .xs\:pt-15 {
    padding-top: 20rem;
  }
  .xs\:px-16 {
    padding-left: 22rem;
    padding-right: 22rem;
  }
  .xs\:pt-16 {
    padding-top: 22rem;
  }
  .xs\:px-17 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
  .xs\:pt-17 {
    padding-top: 24rem;
  }
  .xs\:px-18 {
    padding-left: 26rem;
    padding-right: 26rem;
  }
  .xs\:pt-18 {
    padding-top: 26rem;
  }
  .xs\:px-19 {
    padding-left: 28rem;
    padding-right: 28rem;
  }
  .xs\:pt-19 {
    padding-top: 28rem;
  }
  .xs\:px-20 {
    padding-left: 30rem;
    padding-right: 30rem;
  }
  .xs\:pt-20 {
    padding-top: 30rem;
  }
  .xs\:px-21 {
    padding-left: 32rem;
    padding-right: 32rem;
  }
  .xs\:pt-21 {
    padding-top: 32rem;
  }
  .xs\:px-22 {
    padding-left: 34rem;
    padding-right: 34rem;
  }
  .xs\:pt-22 {
    padding-top: 34rem;
  }
  .xs\:px-23 {
    padding-left: 36rem;
    padding-right: 36rem;
  }
  .xs\:pt-23 {
    padding-top: 36rem;
  }
  .xs\:px-24 {
    padding-left: 38rem;
    padding-right: 38rem;
  }
  .xs\:pt-24 {
    padding-top: 38rem;
  }
  .xs\:px-25 {
    padding-left: 40rem;
    padding-right: 40rem;
  }
  .xs\:pt-25 {
    padding-top: 40rem;
  }
  .xs\:px-26 {
    padding-left: 42rem;
    padding-right: 42rem;
  }
  .xs\:pt-26 {
    padding-top: 42rem;
  }
  .xs\:px-27 {
    padding-left: 44rem;
    padding-right: 44rem;
  }
  .xs\:pt-27 {
    padding-top: 44rem;
  }
  .xs\:px-28 {
    padding-left: 46rem;
    padding-right: 46rem;
  }
  .xs\:pt-28 {
    padding-top: 46rem;
  }
  .xs\:px-29 {
    padding-left: 48rem;
    padding-right: 48rem;
  }
  .xs\:pt-29 {
    padding-top: 48rem;
  }
  .xs\:px-30 {
    padding-left: 50rem;
    padding-right: 50rem;
  }
  .xs\:pt-30 {
    padding-top: 50rem;
  }
}
@media (max-width: 1023px) {
  .sm\:has-gap-1 {
    gap: 0.5rem;
  }
  .sm\:has-gap-2 {
    gap: 1rem;
  }
  .sm\:has-gap-3 {
    gap: 1.5rem;
  }
  .sm\:has-gap-4 {
    gap: 2rem;
  }
  .sm\:has-gap-5 {
    gap: 3rem;
  }
  .sm\:has-gap-6 {
    gap: 4rem;
  }
  .sm\:has-gap-7 {
    gap: 5rem;
  }
  .sm\:has-gap-8 {
    gap: 6rem;
  }
  .sm\:has-gap-9 {
    gap: 7rem;
  }
  .sm\:has-gap-10 {
    gap: 8rem;
  }
  .sm\:px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .sm\:pt-0 {
    padding-top: 0rem;
  }
  .sm\:px-1px {
    padding-left: 0.063rem;
    padding-right: 0.063rem;
  }
  .sm\:pt-1px {
    padding-top: 0.063rem;
  }
  .sm\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem;
  }
  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:pt-2 {
    padding-top: 0.5rem;
  }
  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:pt-3 {
    padding-top: 0.75rem;
  }
  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:pt-4 {
    padding-top: 1rem;
  }
  .sm\:px-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:pt-5 {
    padding-top: 1.5rem;
  }
  .sm\:px-5_1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:pt-5_1 {
    padding-top: 2.5rem;
  }
  .sm\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:pt-6 {
    padding-top: 3rem;
  }
  .sm\:px-6_1 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .sm\:pt-6_1 {
    padding-top: 3.5rem;
  }
  .sm\:px-7 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
  .sm\:pt-7 {
    padding-top: 4.5rem;
  }
  .sm\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .sm\:pt-8 {
    padding-top: 6rem;
  }
  .sm\:px-9 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .sm\:pt-9 {
    padding-top: 8rem;
  }
  .sm\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .sm\:pt-10 {
    padding-top: 10rem;
  }
  .sm\:px-11 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .sm\:pt-11 {
    padding-top: 12rem;
  }
  .sm\:px-12 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .sm\:pt-12 {
    padding-top: 14rem;
  }
  .sm\:px-13 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .sm\:pt-13 {
    padding-top: 16rem;
  }
  .sm\:px-14 {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .sm\:pt-14 {
    padding-top: 18rem;
  }
  .sm\:px-15 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .sm\:pt-15 {
    padding-top: 20rem;
  }
  .sm\:px-16 {
    padding-left: 22rem;
    padding-right: 22rem;
  }
  .sm\:pt-16 {
    padding-top: 22rem;
  }
  .sm\:px-17 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
  .sm\:pt-17 {
    padding-top: 24rem;
  }
  .sm\:px-18 {
    padding-left: 26rem;
    padding-right: 26rem;
  }
  .sm\:pt-18 {
    padding-top: 26rem;
  }
  .sm\:px-19 {
    padding-left: 28rem;
    padding-right: 28rem;
  }
  .sm\:pt-19 {
    padding-top: 28rem;
  }
  .sm\:px-20 {
    padding-left: 30rem;
    padding-right: 30rem;
  }
  .sm\:pt-20 {
    padding-top: 30rem;
  }
  .sm\:px-21 {
    padding-left: 32rem;
    padding-right: 32rem;
  }
  .sm\:pt-21 {
    padding-top: 32rem;
  }
  .sm\:px-22 {
    padding-left: 34rem;
    padding-right: 34rem;
  }
  .sm\:pt-22 {
    padding-top: 34rem;
  }
  .sm\:px-23 {
    padding-left: 36rem;
    padding-right: 36rem;
  }
  .sm\:pt-23 {
    padding-top: 36rem;
  }
  .sm\:px-24 {
    padding-left: 38rem;
    padding-right: 38rem;
  }
  .sm\:pt-24 {
    padding-top: 38rem;
  }
  .sm\:px-25 {
    padding-left: 40rem;
    padding-right: 40rem;
  }
  .sm\:pt-25 {
    padding-top: 40rem;
  }
  .sm\:px-26 {
    padding-left: 42rem;
    padding-right: 42rem;
  }
  .sm\:pt-26 {
    padding-top: 42rem;
  }
  .sm\:px-27 {
    padding-left: 44rem;
    padding-right: 44rem;
  }
  .sm\:pt-27 {
    padding-top: 44rem;
  }
  .sm\:px-28 {
    padding-left: 46rem;
    padding-right: 46rem;
  }
  .sm\:pt-28 {
    padding-top: 46rem;
  }
  .sm\:px-29 {
    padding-left: 48rem;
    padding-right: 48rem;
  }
  .sm\:pt-29 {
    padding-top: 48rem;
  }
  .sm\:px-30 {
    padding-left: 50rem;
    padding-right: 50rem;
  }
  .sm\:pt-30 {
    padding-top: 50rem;
  }
}
@media (max-width: 1215px) {
  .md\:has-gap-1 {
    gap: 0.5rem;
  }
  .md\:has-gap-2 {
    gap: 1rem;
  }
  .md\:has-gap-3 {
    gap: 1.5rem;
  }
  .md\:has-gap-4 {
    gap: 2rem;
  }
  .md\:has-gap-5 {
    gap: 3rem;
  }
  .md\:has-gap-6 {
    gap: 4rem;
  }
  .md\:has-gap-7 {
    gap: 5rem;
  }
  .md\:has-gap-8 {
    gap: 6rem;
  }
  .md\:has-gap-9 {
    gap: 7rem;
  }
  .md\:has-gap-10 {
    gap: 8rem;
  }
  .md\:px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .md\:pt-0 {
    padding-top: 0rem;
  }
  .md\:px-1px {
    padding-left: 0.063rem;
    padding-right: 0.063rem;
  }
  .md\:pt-1px {
    padding-top: 0.063rem;
  }
  .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md\:pt-1 {
    padding-top: 0.25rem;
  }
  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:pt-2 {
    padding-top: 0.5rem;
  }
  .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:pt-3 {
    padding-top: 0.75rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:pt-4 {
    padding-top: 1rem;
  }
  .md\:px-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:pt-5 {
    padding-top: 1.5rem;
  }
  .md\:px-5_1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:pt-5_1 {
    padding-top: 2.5rem;
  }
  .md\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:pt-6 {
    padding-top: 3rem;
  }
  .md\:px-6_1 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .md\:pt-6_1 {
    padding-top: 3.5rem;
  }
  .md\:px-7 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
  .md\:pt-7 {
    padding-top: 4.5rem;
  }
  .md\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .md\:pt-8 {
    padding-top: 6rem;
  }
  .md\:px-9 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .md\:pt-9 {
    padding-top: 8rem;
  }
  .md\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .md\:pt-10 {
    padding-top: 10rem;
  }
  .md\:px-11 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .md\:pt-11 {
    padding-top: 12rem;
  }
  .md\:px-12 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .md\:pt-12 {
    padding-top: 14rem;
  }
  .md\:px-13 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .md\:pt-13 {
    padding-top: 16rem;
  }
  .md\:px-14 {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .md\:pt-14 {
    padding-top: 18rem;
  }
  .md\:px-15 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .md\:pt-15 {
    padding-top: 20rem;
  }
  .md\:px-16 {
    padding-left: 22rem;
    padding-right: 22rem;
  }
  .md\:pt-16 {
    padding-top: 22rem;
  }
  .md\:px-17 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
  .md\:pt-17 {
    padding-top: 24rem;
  }
  .md\:px-18 {
    padding-left: 26rem;
    padding-right: 26rem;
  }
  .md\:pt-18 {
    padding-top: 26rem;
  }
  .md\:px-19 {
    padding-left: 28rem;
    padding-right: 28rem;
  }
  .md\:pt-19 {
    padding-top: 28rem;
  }
  .md\:px-20 {
    padding-left: 30rem;
    padding-right: 30rem;
  }
  .md\:pt-20 {
    padding-top: 30rem;
  }
  .md\:px-21 {
    padding-left: 32rem;
    padding-right: 32rem;
  }
  .md\:pt-21 {
    padding-top: 32rem;
  }
  .md\:px-22 {
    padding-left: 34rem;
    padding-right: 34rem;
  }
  .md\:pt-22 {
    padding-top: 34rem;
  }
  .md\:px-23 {
    padding-left: 36rem;
    padding-right: 36rem;
  }
  .md\:pt-23 {
    padding-top: 36rem;
  }
  .md\:px-24 {
    padding-left: 38rem;
    padding-right: 38rem;
  }
  .md\:pt-24 {
    padding-top: 38rem;
  }
  .md\:px-25 {
    padding-left: 40rem;
    padding-right: 40rem;
  }
  .md\:pt-25 {
    padding-top: 40rem;
  }
  .md\:px-26 {
    padding-left: 42rem;
    padding-right: 42rem;
  }
  .md\:pt-26 {
    padding-top: 42rem;
  }
  .md\:px-27 {
    padding-left: 44rem;
    padding-right: 44rem;
  }
  .md\:pt-27 {
    padding-top: 44rem;
  }
  .md\:px-28 {
    padding-left: 46rem;
    padding-right: 46rem;
  }
  .md\:pt-28 {
    padding-top: 46rem;
  }
  .md\:px-29 {
    padding-left: 48rem;
    padding-right: 48rem;
  }
  .md\:pt-29 {
    padding-top: 48rem;
  }
  .md\:px-30 {
    padding-left: 50rem;
    padding-right: 50rem;
  }
  .md\:pt-30 {
    padding-top: 50rem;
  }
}
@media (max-width: 1407px) {
  .lg\:has-gap-1 {
    gap: 0.5rem;
  }
  .lg\:has-gap-2 {
    gap: 1rem;
  }
  .lg\:has-gap-3 {
    gap: 1.5rem;
  }
  .lg\:has-gap-4 {
    gap: 2rem;
  }
  .lg\:has-gap-5 {
    gap: 3rem;
  }
  .lg\:has-gap-6 {
    gap: 4rem;
  }
  .lg\:has-gap-7 {
    gap: 5rem;
  }
  .lg\:has-gap-8 {
    gap: 6rem;
  }
  .lg\:has-gap-9 {
    gap: 7rem;
  }
  .lg\:has-gap-10 {
    gap: 8rem;
  }
  .lg\:px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .lg\:pt-0 {
    padding-top: 0rem;
  }
  .lg\:px-1px {
    padding-left: 0.063rem;
    padding-right: 0.063rem;
  }
  .lg\:pt-1px {
    padding-top: 0.063rem;
  }
  .lg\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem;
  }
  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem;
  }
  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:pt-3 {
    padding-top: 0.75rem;
  }
  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:pt-4 {
    padding-top: 1rem;
  }
  .lg\:px-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:pt-5 {
    padding-top: 1.5rem;
  }
  .lg\:px-5_1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:pt-5_1 {
    padding-top: 2.5rem;
  }
  .lg\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:pt-6 {
    padding-top: 3rem;
  }
  .lg\:px-6_1 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .lg\:pt-6_1 {
    padding-top: 3.5rem;
  }
  .lg\:px-7 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
  .lg\:pt-7 {
    padding-top: 4.5rem;
  }
  .lg\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .lg\:pt-8 {
    padding-top: 6rem;
  }
  .lg\:px-9 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .lg\:pt-9 {
    padding-top: 8rem;
  }
  .lg\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .lg\:pt-10 {
    padding-top: 10rem;
  }
  .lg\:px-11 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .lg\:pt-11 {
    padding-top: 12rem;
  }
  .lg\:px-12 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .lg\:pt-12 {
    padding-top: 14rem;
  }
  .lg\:px-13 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .lg\:pt-13 {
    padding-top: 16rem;
  }
  .lg\:px-14 {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .lg\:pt-14 {
    padding-top: 18rem;
  }
  .lg\:px-15 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .lg\:pt-15 {
    padding-top: 20rem;
  }
  .lg\:px-16 {
    padding-left: 22rem;
    padding-right: 22rem;
  }
  .lg\:pt-16 {
    padding-top: 22rem;
  }
  .lg\:px-17 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
  .lg\:pt-17 {
    padding-top: 24rem;
  }
  .lg\:px-18 {
    padding-left: 26rem;
    padding-right: 26rem;
  }
  .lg\:pt-18 {
    padding-top: 26rem;
  }
  .lg\:px-19 {
    padding-left: 28rem;
    padding-right: 28rem;
  }
  .lg\:pt-19 {
    padding-top: 28rem;
  }
  .lg\:px-20 {
    padding-left: 30rem;
    padding-right: 30rem;
  }
  .lg\:pt-20 {
    padding-top: 30rem;
  }
  .lg\:px-21 {
    padding-left: 32rem;
    padding-right: 32rem;
  }
  .lg\:pt-21 {
    padding-top: 32rem;
  }
  .lg\:px-22 {
    padding-left: 34rem;
    padding-right: 34rem;
  }
  .lg\:pt-22 {
    padding-top: 34rem;
  }
  .lg\:px-23 {
    padding-left: 36rem;
    padding-right: 36rem;
  }
  .lg\:pt-23 {
    padding-top: 36rem;
  }
  .lg\:px-24 {
    padding-left: 38rem;
    padding-right: 38rem;
  }
  .lg\:pt-24 {
    padding-top: 38rem;
  }
  .lg\:px-25 {
    padding-left: 40rem;
    padding-right: 40rem;
  }
  .lg\:pt-25 {
    padding-top: 40rem;
  }
  .lg\:px-26 {
    padding-left: 42rem;
    padding-right: 42rem;
  }
  .lg\:pt-26 {
    padding-top: 42rem;
  }
  .lg\:px-27 {
    padding-left: 44rem;
    padding-right: 44rem;
  }
  .lg\:pt-27 {
    padding-top: 44rem;
  }
  .lg\:px-28 {
    padding-left: 46rem;
    padding-right: 46rem;
  }
  .lg\:pt-28 {
    padding-top: 46rem;
  }
  .lg\:px-29 {
    padding-left: 48rem;
    padding-right: 48rem;
  }
  .lg\:pt-29 {
    padding-top: 48rem;
  }
  .lg\:px-30 {
    padding-left: 50rem;
    padding-right: 50rem;
  }
  .lg\:pt-30 {
    padding-top: 50rem;
  }
}
@media (max-width: 1408px) {
  .xl\:has-gap-1 {
    gap: 0.5rem;
  }
  .xl\:has-gap-2 {
    gap: 1rem;
  }
  .xl\:has-gap-3 {
    gap: 1.5rem;
  }
  .xl\:has-gap-4 {
    gap: 2rem;
  }
  .xl\:has-gap-5 {
    gap: 3rem;
  }
  .xl\:has-gap-6 {
    gap: 4rem;
  }
  .xl\:has-gap-7 {
    gap: 5rem;
  }
  .xl\:has-gap-8 {
    gap: 6rem;
  }
  .xl\:has-gap-9 {
    gap: 7rem;
  }
  .xl\:has-gap-10 {
    gap: 8rem;
  }
  .xl\:px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .xl\:pt-0 {
    padding-top: 0rem;
  }
  .xl\:px-1px {
    padding-left: 0.063rem;
    padding-right: 0.063rem;
  }
  .xl\:pt-1px {
    padding-top: 0.063rem;
  }
  .xl\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xl\:pt-1 {
    padding-top: 0.25rem;
  }
  .xl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xl\:pt-2 {
    padding-top: 0.5rem;
  }
  .xl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xl\:pt-3 {
    padding-top: 0.75rem;
  }
  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xl\:pt-4 {
    padding-top: 1rem;
  }
  .xl\:px-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xl\:pt-5 {
    padding-top: 1.5rem;
  }
  .xl\:px-5_1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xl\:pt-5_1 {
    padding-top: 2.5rem;
  }
  .xl\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xl\:pt-6 {
    padding-top: 3rem;
  }
  .xl\:px-6_1 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .xl\:pt-6_1 {
    padding-top: 3.5rem;
  }
  .xl\:px-7 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
  .xl\:pt-7 {
    padding-top: 4.5rem;
  }
  .xl\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .xl\:pt-8 {
    padding-top: 6rem;
  }
  .xl\:px-9 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .xl\:pt-9 {
    padding-top: 8rem;
  }
  .xl\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .xl\:pt-10 {
    padding-top: 10rem;
  }
  .xl\:px-11 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .xl\:pt-11 {
    padding-top: 12rem;
  }
  .xl\:px-12 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .xl\:pt-12 {
    padding-top: 14rem;
  }
  .xl\:px-13 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .xl\:pt-13 {
    padding-top: 16rem;
  }
  .xl\:px-14 {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .xl\:pt-14 {
    padding-top: 18rem;
  }
  .xl\:px-15 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .xl\:pt-15 {
    padding-top: 20rem;
  }
  .xl\:px-16 {
    padding-left: 22rem;
    padding-right: 22rem;
  }
  .xl\:pt-16 {
    padding-top: 22rem;
  }
  .xl\:px-17 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
  .xl\:pt-17 {
    padding-top: 24rem;
  }
  .xl\:px-18 {
    padding-left: 26rem;
    padding-right: 26rem;
  }
  .xl\:pt-18 {
    padding-top: 26rem;
  }
  .xl\:px-19 {
    padding-left: 28rem;
    padding-right: 28rem;
  }
  .xl\:pt-19 {
    padding-top: 28rem;
  }
  .xl\:px-20 {
    padding-left: 30rem;
    padding-right: 30rem;
  }
  .xl\:pt-20 {
    padding-top: 30rem;
  }
  .xl\:px-21 {
    padding-left: 32rem;
    padding-right: 32rem;
  }
  .xl\:pt-21 {
    padding-top: 32rem;
  }
  .xl\:px-22 {
    padding-left: 34rem;
    padding-right: 34rem;
  }
  .xl\:pt-22 {
    padding-top: 34rem;
  }
  .xl\:px-23 {
    padding-left: 36rem;
    padding-right: 36rem;
  }
  .xl\:pt-23 {
    padding-top: 36rem;
  }
  .xl\:px-24 {
    padding-left: 38rem;
    padding-right: 38rem;
  }
  .xl\:pt-24 {
    padding-top: 38rem;
  }
  .xl\:px-25 {
    padding-left: 40rem;
    padding-right: 40rem;
  }
  .xl\:pt-25 {
    padding-top: 40rem;
  }
  .xl\:px-26 {
    padding-left: 42rem;
    padding-right: 42rem;
  }
  .xl\:pt-26 {
    padding-top: 42rem;
  }
  .xl\:px-27 {
    padding-left: 44rem;
    padding-right: 44rem;
  }
  .xl\:pt-27 {
    padding-top: 44rem;
  }
  .xl\:px-28 {
    padding-left: 46rem;
    padding-right: 46rem;
  }
  .xl\:pt-28 {
    padding-top: 46rem;
  }
  .xl\:px-29 {
    padding-left: 48rem;
    padding-right: 48rem;
  }
  .xl\:pt-29 {
    padding-top: 48rem;
  }
  .xl\:px-30 {
    padding-left: 50rem;
    padding-right: 50rem;
  }
  .xl\:pt-30 {
    padding-top: 50rem;
  }
}
.is-family-secondary {
  font-family: neulis-neue, sans-serif !important;
}

body *,
body a,
body p,
body strong {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: inherit;
}

body .has-text-weight-500 {
  font-weight: 500;
}

body .has-text-weight-600 {
  font-weight: 600;
}

body .has-text-weight-700 {
  font-weight: 700;
}

.material-symbols-outlined.is-filled {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.has-text-secondary,
body .has-text-secondary {
  color: #00392c;
}

body .is-color-gray {
  color: #5d738e;
}

body .has-background-gray {
  background-color: #5d738e;
}

body .has-background-light-gray {
  background-color: #bac7d5 !important;
}

:root {
  --primary-700: #00392c;
  --primary-600: #78aa01;
  --primary-500: #97d700;
  --primary-400: #afed33;
  --primary-300: #dbffd1;
  --blue-700: #015365;
  --blue-600: #017d98;
  --blue-500: #00a8cc;
  --blue-400: #66e4ff;
  --blue-300: #ccf6ff;
  --green-700: #125511;
  --green-600: #1b7e19;
  --green-500: #41b20c;
  --green-400: #97d700;
  --green-300: #c9f98d;
  --purple-700: #7b00fa;
  --purple-600: #952eff;
  --purple-500: #af61ff;
  --purple-400: #e3c8ff;
  --purple-300: #e7d8f7;
  --neutral-700: #4f5e71;
  --neutral-600: #5d738e;
  --neutral-500: #697d95;
  --neutral-400: #bac7d5;
  --neutral-300: #e5eaef;
  --neutral-200: #f5f7f9;
  --red-700: #9d1515;
  --red-600: #b91919;
  --red-500: #d21c1c;
  --red-400: #f3cece;
  --red-300: #f8e2e2;
  --orange-700: #b26200;
  --orange-600: #c96f00;
  --orange-500: #df7b00;
  --orange-400: #fae2c6;
  --orange-300: #fcecda;
  --white-100: #ffffff;
  --black-800: rgba(0, 0, 0, 0.2392156863);
}

.input:focus,
.input:focus-within,
.is-focused.input,
.is-focused.textarea,
.select select.is-focused,
.select select:focus,
.select select:focus-within,
.textarea:focus,
.textarea:focus-within {
  border-color: #afed33;
  box-shadow: 0 0 0 0.125em hsla(97, 100%, 50%, 0.25);
}

.input.is-lined {
  border: unset;
  border-bottom: 1px solid;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #bac7d5;
}

.select.is-lined,
.is-lined select {
  border: unset;
  border-bottom: 1px solid;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select.is-lined select.is-focused,
.select.is-lined select:focus,
.select.is-lined select:focus-within,
.textarea:focus,
.textarea:focus-within {
  background-color: rgba(175, 237, 51, 0.2);
}

.lq-select--bracket {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
.lq-select--bracket::after {
  content: "";
  background-image: url("data:image/svg+xml, %3Csvg width='11' height='50' viewBox='0 0 11 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.2166 50C6.53914 50 5.18084 49.4731 4.1417 48.4192C3.11741 47.3653 2.60526 46.0027 2.60526 44.3315V29.991C2.60526 29.5694 2.4865 29.178 2.24899 28.8166L0.334008 26.084C0.111336 25.7528 0 25.3914 0 25C0 24.5935 0.111336 24.2322 0.334008 23.916L2.24899 21.1834C2.4865 20.7919 2.60526 20.4005 2.60526 20.009V5.69106C2.60526 4.00482 3.11741 2.63475 4.1417 1.58085C5.18084 0.526949 6.53914 0 8.2166 0H11V3.8392H8.43927C7.87517 3.8392 7.39271 4.04246 6.9919 4.44896C6.59109 4.84041 6.39069 5.32972 6.39069 5.91689V20.009C6.39069 21.2436 6.03441 22.3728 5.32186 23.3966L4.18623 25L5.32186 26.6034C6.03441 27.6122 6.39069 28.7413 6.39069 29.991V44.1057C6.39069 44.6778 6.59109 45.1671 6.9919 45.5736C7.39271 45.9801 7.87517 46.1834 8.43927 46.1834H11V50H8.2166Z' fill='%2397D700'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 100%;
  position: absolute;
  left: 1px;
  top: 0;
  transform: translateX(-50%);
}
.lq-select--bracket input {
  background-color: rgba(175, 237, 51, 0.2);
  box-shadow: unset;
  border-radius: unset;
  border-top: unset;
  border-right: unset;
  border-left: unset;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.lq-select.select:not(.is-multiple):not(.is-loading)::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.56' d='m0 .5 5 5 5-5H0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border: unset;
  transform: translate(-50%);
  top: 50%;
  position: absolute;
  display: block;
  height: 12px;
  width: 12px;
  background-size: contain;
  left: calc(100% - 24px);
}

.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon,
.control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: #5d738e;
}

.navbar-link:not(.is-arrowless):after,
.select:not(.is-multiple):not(.is-loading):after {
  border-color: var(--lq-input-icon);
}

.input,
.select select,
.textarea {
  border-color: #bac7d5;
}

body {
  color: #00392c;
  font-weight: 400;
}

a {
  color: #00392c;
}

form .has-error input:not(.choices__input--cloned),
form .has-error:not(.material-symbols-outlined),
form .has-error p {
  color: #b91919;
  border-color: #b91919;
}

.has-text-danger *,
.is-color-danger {
  color: #b91919;
}

.is-color-secondary {
  color: #00392c !important;
}

.has-background-primary {
  background-color: #afed33 !important;
}

.has-background-secondary {
  background-color: #00392c !important;
}

.has-backrgound-primary-light {
  background-color: #dbffd1 !important;
}

.has-background-purple {
  background-color: #e3c8ff !important;
}

.has-background-light-gray {
  background-color: #F6F6F6 !important;
}

.is-family-primary,
.is-family-sans-serif,
.is-family-secondary {
  font-family: "Neulis Alt";
}

.has-bg-primary-700 {
  background-color: var(--primary-700);
}

.is-text-primary-700 {
  color: var(--primary-700);
}

.is-text-primary-700-hovered:hover {
  color: var(--primary-700);
}

.has-bg-primary-600 {
  background-color: var(--primary-600);
}

.is-text-primary-600 {
  color: var(--primary-600);
}

.is-text-primary-600-hovered:hover {
  color: var(--primary-600);
}

.has-bg-primary-500 {
  background-color: var(--primary-500);
}

.is-text-primary-500 {
  color: var(--primary-500);
}

.is-text-primary-500-hovered:hover {
  color: var(--primary-500);
}

.has-bg-primary-400 {
  background-color: var(--primary-400);
}

.is-text-primary-400 {
  color: var(--primary-400);
}

.is-text-primary-400-hovered:hover {
  color: var(--primary-400);
}

.has-bg-primary-300 {
  background-color: var(--primary-300);
}

.is-text-primary-300 {
  color: var(--primary-300);
}

.is-text-primary-300-hovered:hover {
  color: var(--primary-300);
}

.has-bg-blue-700 {
  background-color: var(--blue-700);
}

.is-text-blue-700 {
  color: var(--blue-700);
}

.is-text-blue-700-hovered:hover {
  color: var(--blue-700);
}

.has-bg-blue-600 {
  background-color: var(--blue-600);
}

.is-text-blue-600 {
  color: var(--blue-600);
}

.is-text-blue-600-hovered:hover {
  color: var(--blue-600);
}

.has-bg-blue-500 {
  background-color: var(--blue-500);
}

.is-text-blue-500 {
  color: var(--blue-500);
}

.is-text-blue-500-hovered:hover {
  color: var(--blue-500);
}

.has-bg-blue-400 {
  background-color: var(--blue-400);
}

.is-text-blue-400 {
  color: var(--blue-400);
}

.is-text-blue-400-hovered:hover {
  color: var(--blue-400);
}

.has-bg-blue-300 {
  background-color: var(--blue-300);
}

.is-text-blue-300 {
  color: var(--blue-300);
}

.is-text-blue-300-hovered:hover {
  color: var(--blue-300);
}

.has-bg-green-700 {
  background-color: var(--green-700);
}

.is-text-green-700 {
  color: var(--green-700);
}

.is-text-green-700-hovered:hover {
  color: var(--green-700);
}

.has-bg-green-600 {
  background-color: var(--green-600);
}

.is-text-green-600 {
  color: var(--green-600);
}

.is-text-green-600-hovered:hover {
  color: var(--green-600);
}

.has-bg-green-500 {
  background-color: var(--green-500);
}

.is-text-green-500 {
  color: var(--green-500);
}

.is-text-green-500-hovered:hover {
  color: var(--green-500);
}

.has-bg-green-400 {
  background-color: var(--green-400);
}

.is-text-green-400 {
  color: var(--green-400);
}

.is-text-green-400-hovered:hover {
  color: var(--green-400);
}

.has-bg-green-300 {
  background-color: var(--green-300);
}

.is-text-green-300 {
  color: var(--green-300);
}

.is-text-green-300-hovered:hover {
  color: var(--green-300);
}

.has-bg-purple-700 {
  background-color: var(--purple-700);
}

.is-text-purple-700 {
  color: var(--purple-700);
}

.is-text-purple-700-hovered:hover {
  color: var(--purple-700);
}

.has-bg-purple-600 {
  background-color: var(--purple-600);
}

.is-text-purple-600 {
  color: var(--purple-600);
}

.is-text-purple-600-hovered:hover {
  color: var(--purple-600);
}

.has-bg-purple-500 {
  background-color: var(--purple-500);
}

.is-text-purple-500 {
  color: var(--purple-500);
}

.is-text-purple-500-hovered:hover {
  color: var(--purple-500);
}

.has-bg-purple-400 {
  background-color: var(--purple-400);
}

.is-text-purple-400 {
  color: var(--purple-400);
}

.is-text-purple-400-hovered:hover {
  color: var(--purple-400);
}

.has-bg-purple-300 {
  background-color: var(--purple-300);
}

.is-text-purple-300 {
  color: var(--purple-300);
}

.is-text-purple-300-hovered:hover {
  color: var(--purple-300);
}

.has-bg-neutral-700 {
  background-color: var(--neutral-700);
}

.is-text-neutral-700 {
  color: var(--neutral-700);
}

.is-text-neutral-700-hovered:hover {
  color: var(--neutral-700);
}

.has-bg-neutral-600 {
  background-color: var(--neutral-600);
}

.is-text-neutral-600 {
  color: var(--neutral-600);
}

.is-text-neutral-600-hovered:hover {
  color: var(--neutral-600);
}

.has-bg-neutral-500 {
  background-color: var(--neutral-500);
}

.is-text-neutral-500 {
  color: var(--neutral-500);
}

.is-text-neutral-500-hovered:hover {
  color: var(--neutral-500);
}

.has-bg-neutral-400 {
  background-color: var(--neutral-400);
}

.is-text-neutral-400 {
  color: var(--neutral-400);
}

.is-text-neutral-400-hovered:hover {
  color: var(--neutral-400);
}

.has-bg-neutral-300 {
  background-color: var(--neutral-300);
}

.is-text-neutral-300 {
  color: var(--neutral-300);
}

.is-text-neutral-300-hovered:hover {
  color: var(--neutral-300);
}

.has-bg-neutral-200 {
  background-color: var(--neutral-200);
}

.is-text-neutral-200 {
  color: var(--neutral-200);
}

.is-text-neutral-200-hovered:hover {
  color: var(--neutral-200);
}

.has-bg-red-700 {
  background-color: var(--red-700);
}

.is-text-red-700 {
  color: var(--red-700);
}

.is-text-red-700-hovered:hover {
  color: var(--red-700);
}

.has-bg-red-600 {
  background-color: var(--red-600);
}

.is-text-red-600 {
  color: var(--red-600);
}

.is-text-red-600-hovered:hover {
  color: var(--red-600);
}

.has-bg-red-500 {
  background-color: var(--red-500);
}

.is-text-red-500 {
  color: var(--red-500);
}

.is-text-red-500-hovered:hover {
  color: var(--red-500);
}

.has-bg-red-400 {
  background-color: var(--red-400);
}

.is-text-red-400 {
  color: var(--red-400);
}

.is-text-red-400-hovered:hover {
  color: var(--red-400);
}

.has-bg-red-300 {
  background-color: var(--red-300);
}

.is-text-red-300 {
  color: var(--red-300);
}

.is-text-red-300-hovered:hover {
  color: var(--red-300);
}

.has-bg-orange-700 {
  background-color: var(--orange-700);
}

.is-text-orange-700 {
  color: var(--orange-700);
}

.is-text-orange-700-hovered:hover {
  color: var(--orange-700);
}

.has-bg-orange-600 {
  background-color: var(--orange-600);
}

.is-text-orange-600 {
  color: var(--orange-600);
}

.is-text-orange-600-hovered:hover {
  color: var(--orange-600);
}

.has-bg-orange-500 {
  background-color: var(--orange-500);
}

.is-text-orange-500 {
  color: var(--orange-500);
}

.is-text-orange-500-hovered:hover {
  color: var(--orange-500);
}

.has-bg-orange-400 {
  background-color: var(--orange-400);
}

.is-text-orange-400 {
  color: var(--orange-400);
}

.is-text-orange-400-hovered:hover {
  color: var(--orange-400);
}

.has-bg-orange-300 {
  background-color: var(--orange-300);
}

.is-text-orange-300 {
  color: var(--orange-300);
}

.is-text-orange-300-hovered:hover {
  color: var(--orange-300);
}

.has-bg-white-100 {
  background-color: var(--white-100);
}

.is-text-white-100 {
  color: var(--white-100);
}

.is-text-white-100-hovered:hover {
  color: var(--white-100);
}

.has-bg-black-800 {
  background-color: var(--black-800);
}

.is-text-black-800 {
  color: var(--black-800);
}

.is-text-black-800-hovered:hover {
  color: var(--black-800);
}

.is-min-height-100-dvh {
  min-height: 100dvh;
}

.is-fullheight {
  height: 100%;
}

.is-fullwidth {
  width: 100%;
}

.is-width-80-percent {
  width: 80%;
}

.has-max-width-5 {
  max-width: 32.688rem;
}

.image-container img {
  max-width: 100%;
  height: auto;
}

.form-container {
  padding: 2rem;
}

.button {
  border-color: #00392c;
  color: #00392c;
}
.button.is-ghost:hover {
  text-decoration: unset;
}
.button.is-ghost:hover span:not(.icon) {
  text-decoration: underline;
}

.button.is-primary:not(.is-skeleton) {
  background-color: #afed33;
  border-color: #afed33;
  color: #00392c;
}

.button.is-primary.is-outlined:not(.is-skeleton) {
  border-color: #afed33;
  color: #00392c;
}
.button.is-primary.is-outlined:not(.is-skeleton):hover {
  border: 1px solid transparent;
}

.button.is-primary:hover:not(.is-skeleton) {
  background-color: rgb(135.2837837838, 194.3513513514, 17.1486486486);
  border-color: rgb(135.2837837838, 194.3513513514, 17.1486486486);
}

.button.is-primary[disabled]:not(.is-skeleton) {
  background-color: #bac7d5;
  color: #4f5e71;
}

body .button.is-disabled {
  background-color: #bac7d5 !important;
  opacity: 0.7;
}

.button.is-secondary {
  background-color: #00392c;
  border-color: #00392c;
  color: #ffffff;
}
.button.is-secondary:hover {
  background-color: rgb(0, 82.5, 63.6842105263);
  border-color: rgb(0, 82.5, 63.6842105263);
}
.button.is-secondary.is-outlined {
  border-width: 0.063rem;
  border-color: #00392c;
  color: #00392c;
}
.button.is-secondary.is-outlined:hover {
  background-color: rgba(0, 57, 44, 0.1) !important;
  border-width: 0.063rem;
  padding: 0.438rem 1.25rem;
}
.button.is-secondary[disabled] {
  background-color: #bac7d5;
  color: #4f5e71;
}

.button[aria-expanded=true] {
  border-color: #afed33;
  box-shadow: 0 0 0 0.125em hsla(97, 100%, 50%, 0.25);
}
.button.is-focused, .button:focus-visible {
  border-color: #afed33;
  box-shadow: 0 0 0 0.125em hsla(97, 100%, 50%, 0.25);
}

.box {
  background-color: inherit;
}
.box.is-outlined:not(.is-skeleton) {
  border: 1px solid #bac7d5;
}
.box.is-outlined:not(.is-skeleton).is-primary {
  border-color: #afed33;
}

.has-text-primary {
  color: #afed33 !important;
}

.has-text-special {
  color: #7b00fa !important;
}

.tabs.tabs.is-toggle li.is-active a {
  background-color: #afed33;
  border-color: #afed33;
  color: #00392c;
}

.tag.is-primary {
  background-color: #afed33;
  border-color: #afed33;
  color: #00392c;
}

.tag.is-secondary:not(.is-outlined) {
  background-color: #00392c;
  border-color: #00392c;
  color: #ffffff;
}

.company-switcher {
  width: 100%;
  background-color: #00392c;
  color: #00392c;
  bottom: 1rem;
  right: 1rem;
  padding: 10px;
  border-radius: 10px;
  z-index: 10;
}
.company-switcher .choices .choices__list.choices__list--dropdown {
  background-color: white;
  color: #00392c;
}
.company-switcher .select-group-primary__label,
.company-switcher .choices__item,
.company-switcher .choices__inner {
  padding: 0;
  margin: 0;
}
.company-switcher .company-select-form .choices__inner,
.company-switcher .company-default .choices__inner {
  height: auto;
}
.company-switcher .company-select-form .select-group-primary select,
.company-switcher .company-default .select-group-primary select,
.company-switcher .company-select-form .choices::after {
  background-color: unset;
}
.company-switcher .company-select-form .select-group-primary,
.company-switcher .company-default .select-group-primary {
  min-height: unset;
}

.lq-theme main {
  padding: 0;
}
@media only screen and (max-width: 769px) {
  .lq-theme main {
    padding-top: 4rem;
  }
}
.lq-theme .autocomplete .choices .choices__inner,
.lq-theme .autocomplete .choices[data-type*=select-one] .choices__inner {
  height: auto;
}

ul.tabs__ul,
.tabs a {
  border: unset;
}

.applications_page_search_bar.highlight,
.applications_page_search_bar .selected {
  color: #00392c !important;
  text-shadow: none;
}

.applications_actions_options {
  top: 43px;
}

.has-text-secondary,
body .has-text-secondary {
  color: #00392c;
}

body .is-color-gray {
  color: #5d738e;
}

body .has-background-gray {
  background-color: #5d738e;
}

body .has-background-light-gray {
  background-color: #bac7d5 !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.has-overflown-hidden {
  overflow: hidden;
}

.has-text-decoration-none.has-text-decoration-none {
  text-decoration: none;
}

.is-hovered-bg-primary-700:hover {
  background-color: #00392c !important;
}

body .has-background-primary-700 {
  background-color: #00392c;
}

.is-hovered-bg-primary-600:hover {
  background-color: #78aa01 !important;
}

body .has-background-primary-600 {
  background-color: #78aa01;
}

.is-hovered-bg-primary-500:hover {
  background-color: #97d700 !important;
}

body .has-background-primary-500 {
  background-color: #97d700;
}

.is-hovered-bg-primary-400:hover {
  background-color: #afed33 !important;
}

body .has-background-primary-400 {
  background-color: #afed33;
}

.is-hovered-bg-primary-300:hover {
  background-color: #dbffd1 !important;
}

body .has-background-primary-300 {
  background-color: #dbffd1;
}

.is-hovered-bg-blue-700:hover {
  background-color: #015365 !important;
}

body .has-background-blue-700 {
  background-color: #015365;
}

.is-hovered-bg-blue-600:hover {
  background-color: #017d98 !important;
}

body .has-background-blue-600 {
  background-color: #017d98;
}

.is-hovered-bg-blue-500:hover {
  background-color: #00a8cc !important;
}

body .has-background-blue-500 {
  background-color: #00a8cc;
}

.is-hovered-bg-blue-400:hover {
  background-color: #66e4ff !important;
}

body .has-background-blue-400 {
  background-color: #66e4ff;
}

.is-hovered-bg-blue-300:hover {
  background-color: #ccf6ff !important;
}

body .has-background-blue-300 {
  background-color: #ccf6ff;
}

.is-hovered-bg-green-700:hover {
  background-color: #125511 !important;
}

body .has-background-green-700 {
  background-color: #125511;
}

.is-hovered-bg-green-600:hover {
  background-color: #1b7e19 !important;
}

body .has-background-green-600 {
  background-color: #1b7e19;
}

.is-hovered-bg-green-500:hover {
  background-color: #41b20c !important;
}

body .has-background-green-500 {
  background-color: #41b20c;
}

.is-hovered-bg-green-400:hover {
  background-color: #97d700 !important;
}

body .has-background-green-400 {
  background-color: #97d700;
}

.is-hovered-bg-green-300:hover {
  background-color: #c9f98d !important;
}

body .has-background-green-300 {
  background-color: #c9f98d;
}

.is-hovered-bg-purple-700:hover {
  background-color: #7b00fa !important;
}

body .has-background-purple-700 {
  background-color: #7b00fa;
}

.is-hovered-bg-purple-600:hover {
  background-color: #952eff !important;
}

body .has-background-purple-600 {
  background-color: #952eff;
}

.is-hovered-bg-purple-500:hover {
  background-color: #af61ff !important;
}

body .has-background-purple-500 {
  background-color: #af61ff;
}

.is-hovered-bg-purple-400:hover {
  background-color: #e3c8ff !important;
}

body .has-background-purple-400 {
  background-color: #e3c8ff;
}

.is-hovered-bg-purple-300:hover {
  background-color: #e7d8f7 !important;
}

body .has-background-purple-300 {
  background-color: #e7d8f7;
}

.is-hovered-bg-neutral-700:hover {
  background-color: #4f5e71 !important;
}

body .has-background-neutral-700 {
  background-color: #4f5e71;
}

.is-hovered-bg-neutral-600:hover {
  background-color: #5d738e !important;
}

body .has-background-neutral-600 {
  background-color: #5d738e;
}

.is-hovered-bg-neutral-500:hover {
  background-color: #697d95 !important;
}

body .has-background-neutral-500 {
  background-color: #697d95;
}

.is-hovered-bg-neutral-400:hover {
  background-color: #bac7d5 !important;
}

body .has-background-neutral-400 {
  background-color: #bac7d5;
}

.is-hovered-bg-neutral-300:hover {
  background-color: #e5eaef !important;
}

body .has-background-neutral-300 {
  background-color: #e5eaef;
}

.is-hovered-bg-neutral-200:hover {
  background-color: #f5f7f9 !important;
}

body .has-background-neutral-200 {
  background-color: #f5f7f9;
}

.is-hovered-bg-red-700:hover {
  background-color: #9d1515 !important;
}

body .has-background-red-700 {
  background-color: #9d1515;
}

.is-hovered-bg-red-600:hover {
  background-color: #b91919 !important;
}

body .has-background-red-600 {
  background-color: #b91919;
}

.is-hovered-bg-red-500:hover {
  background-color: #d21c1c !important;
}

body .has-background-red-500 {
  background-color: #d21c1c;
}

.is-hovered-bg-red-400:hover {
  background-color: #f3cece !important;
}

body .has-background-red-400 {
  background-color: #f3cece;
}

.is-hovered-bg-red-300:hover {
  background-color: #f8e2e2 !important;
}

body .has-background-red-300 {
  background-color: #f8e2e2;
}

.is-hovered-bg-orange-700:hover {
  background-color: #b26200 !important;
}

body .has-background-orange-700 {
  background-color: #b26200;
}

.is-hovered-bg-orange-600:hover {
  background-color: #c96f00 !important;
}

body .has-background-orange-600 {
  background-color: #c96f00;
}

.is-hovered-bg-orange-500:hover {
  background-color: #df7b00 !important;
}

body .has-background-orange-500 {
  background-color: #df7b00;
}

.is-hovered-bg-orange-400:hover {
  background-color: #fae2c6 !important;
}

body .has-background-orange-400 {
  background-color: #fae2c6;
}

.is-hovered-bg-orange-300:hover {
  background-color: #fcecda !important;
}

body .has-background-orange-300 {
  background-color: #fcecda;
}

.is-hovered-bg-white-100:hover {
  background-color: #ffffff !important;
}

body .has-background-white-100 {
  background-color: #ffffff;
}

.is-hovered-bg-black-800:hover {
  background-color: rgba(0, 0, 0, 0.2392156863) !important;
}

body .has-background-black-800 {
  background-color: rgba(0, 0, 0, 0.2392156863);
}

.is-anonymized {
  filter: blur(6px);
}

.is-elevated {
  box-shadow: 0px -2px 9px 0px rgba(79, 94, 113, 0.1019607843);
}

.is-elevated-1 {
  box-shadow: 0px 4px 4px 0px rgba(104, 104, 104, 0.1294117647);
}

.is-elevated-2 {
  box-shadow: 0px 5px 9px 5px rgba(104, 104, 104, 0.1294117647);
}

.is-justify-self-center {
  justify-self: center;
}

.is-rounded {
  border-radius: 90rem !important;
}

.is-absolute {
  position: absolute;
}

.is-relative {
  position: relative;
}

.is-sticky {
  position: sticky;
}

.is-bottom {
  bottom: 0;
}

.is-top {
  top: 0 !important;
}

.is-y-middle {
  top: 50%;
  transform: translateY(-50%);
}

.is-x-middle {
  left: 50%;
  transform: translateX(-50%);
}

.is-xy-middle {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.is-left {
  left: 0;
}

.is-right {
  right: 0;
}

.has-radius-lq {
  border-radius: 3.5rem;
}

.has-radius-0 {
  border-radius: 0rem !important;
}

.has-max-width-0 {
  max-width: 0rem;
}

.has-radius-1px {
  border-radius: 0.063rem !important;
}

.has-max-width-1px {
  max-width: 0.063rem;
}

.has-radius-1 {
  border-radius: 0.25rem !important;
}

.has-max-width-1 {
  max-width: 0.25rem;
}

.has-radius-2 {
  border-radius: 0.5rem !important;
}

.has-max-width-2 {
  max-width: 0.5rem;
}

.has-radius-3 {
  border-radius: 0.75rem !important;
}

.has-max-width-3 {
  max-width: 0.75rem;
}

.has-radius-4 {
  border-radius: 1rem !important;
}

.has-max-width-4 {
  max-width: 1rem;
}

.has-radius-5 {
  border-radius: 1.5rem !important;
}

.has-max-width-5 {
  max-width: 1.5rem;
}

.has-radius-5_1 {
  border-radius: 2.5rem !important;
}

.has-max-width-5_1 {
  max-width: 2.5rem;
}

.has-radius-6 {
  border-radius: 3rem !important;
}

.has-max-width-6 {
  max-width: 3rem;
}

.has-radius-6_1 {
  border-radius: 3.5rem !important;
}

.has-max-width-6_1 {
  max-width: 3.5rem;
}

.has-radius-7 {
  border-radius: 4.5rem !important;
}

.has-max-width-7 {
  max-width: 4.5rem;
}

.has-radius-8 {
  border-radius: 6rem !important;
}

.has-max-width-8 {
  max-width: 6rem;
}

.has-radius-9 {
  border-radius: 8rem !important;
}

.has-max-width-9 {
  max-width: 8rem;
}

.has-radius-10 {
  border-radius: 10rem !important;
}

.has-max-width-10 {
  max-width: 10rem;
}

.has-radius-11 {
  border-radius: 12rem !important;
}

.has-max-width-11 {
  max-width: 12rem;
}

.has-radius-12 {
  border-radius: 14rem !important;
}

.has-max-width-12 {
  max-width: 14rem;
}

.has-radius-13 {
  border-radius: 16rem !important;
}

.has-max-width-13 {
  max-width: 16rem;
}

.has-radius-14 {
  border-radius: 18rem !important;
}

.has-max-width-14 {
  max-width: 18rem;
}

.has-radius-15 {
  border-radius: 20rem !important;
}

.has-max-width-15 {
  max-width: 20rem;
}

.has-radius-16 {
  border-radius: 22rem !important;
}

.has-max-width-16 {
  max-width: 22rem;
}

.has-radius-17 {
  border-radius: 24rem !important;
}

.has-max-width-17 {
  max-width: 24rem;
}

.has-radius-18 {
  border-radius: 26rem !important;
}

.has-max-width-18 {
  max-width: 26rem;
}

.has-radius-19 {
  border-radius: 28rem !important;
}

.has-max-width-19 {
  max-width: 28rem;
}

.has-radius-20 {
  border-radius: 30rem !important;
}

.has-max-width-20 {
  max-width: 30rem;
}

.has-radius-21 {
  border-radius: 32rem !important;
}

.has-max-width-21 {
  max-width: 32rem;
}

.has-radius-22 {
  border-radius: 34rem !important;
}

.has-max-width-22 {
  max-width: 34rem;
}

.has-radius-23 {
  border-radius: 36rem !important;
}

.has-max-width-23 {
  max-width: 36rem;
}

.has-radius-24 {
  border-radius: 38rem !important;
}

.has-max-width-24 {
  max-width: 38rem;
}

.has-radius-25 {
  border-radius: 40rem !important;
}

.has-max-width-25 {
  max-width: 40rem;
}

.has-radius-26 {
  border-radius: 42rem !important;
}

.has-max-width-26 {
  max-width: 42rem;
}

.has-radius-27 {
  border-radius: 44rem !important;
}

.has-max-width-27 {
  max-width: 44rem;
}

.has-radius-28 {
  border-radius: 46rem !important;
}

.has-max-width-28 {
  max-width: 46rem;
}

.has-radius-29 {
  border-radius: 48rem !important;
}

.has-max-width-29 {
  max-width: 48rem;
}

.has-radius-30 {
  border-radius: 50rem !important;
}

.has-max-width-30 {
  max-width: 50rem;
}

.has-max-width-container-md {
  max-width: 55rem;
}

.has-max-width-container-sm {
  max-width: 40rem;
}

.lq-theme .has-border-color-primary-700,
body .has-border-color-primary-700 {
  border-color: #00392c !important;
}

.lq-theme .has-color-primary-700,
body .has-color-primary-700 {
  color: #00392c;
}

body .has-bg-color-primary-700 {
  background-color: #00392c !important;
}

body .has-border-color-primary-700-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-primary-700-on-hover-1:hover {
  border-color: #00392c !important;
}

body .has-bg-color-primary-700-on-hover {
  background-color: inherit;
}
body .has-bg-color-primary-700-on-hover:hover {
  background-color: #00392c !important;
}

.lq-theme .has-border-color-primary-600,
body .has-border-color-primary-600 {
  border-color: #78aa01 !important;
}

.lq-theme .has-color-primary-600,
body .has-color-primary-600 {
  color: #78aa01;
}

body .has-bg-color-primary-600 {
  background-color: #78aa01 !important;
}

body .has-border-color-primary-600-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-primary-600-on-hover-1:hover {
  border-color: #78aa01 !important;
}

body .has-bg-color-primary-600-on-hover {
  background-color: inherit;
}
body .has-bg-color-primary-600-on-hover:hover {
  background-color: #78aa01 !important;
}

.lq-theme .has-border-color-primary-500,
body .has-border-color-primary-500 {
  border-color: #97d700 !important;
}

.lq-theme .has-color-primary-500,
body .has-color-primary-500 {
  color: #97d700;
}

body .has-bg-color-primary-500 {
  background-color: #97d700 !important;
}

body .has-border-color-primary-500-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-primary-500-on-hover-1:hover {
  border-color: #97d700 !important;
}

body .has-bg-color-primary-500-on-hover {
  background-color: inherit;
}
body .has-bg-color-primary-500-on-hover:hover {
  background-color: #97d700 !important;
}

.lq-theme .has-border-color-primary-400,
body .has-border-color-primary-400 {
  border-color: #afed33 !important;
}

.lq-theme .has-color-primary-400,
body .has-color-primary-400 {
  color: #afed33;
}

body .has-bg-color-primary-400 {
  background-color: #afed33 !important;
}

body .has-border-color-primary-400-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-primary-400-on-hover-1:hover {
  border-color: #afed33 !important;
}

body .has-bg-color-primary-400-on-hover {
  background-color: inherit;
}
body .has-bg-color-primary-400-on-hover:hover {
  background-color: #afed33 !important;
}

.lq-theme .has-border-color-primary-300,
body .has-border-color-primary-300 {
  border-color: #dbffd1 !important;
}

.lq-theme .has-color-primary-300,
body .has-color-primary-300 {
  color: #dbffd1;
}

body .has-bg-color-primary-300 {
  background-color: #dbffd1 !important;
}

body .has-border-color-primary-300-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-primary-300-on-hover-1:hover {
  border-color: #dbffd1 !important;
}

body .has-bg-color-primary-300-on-hover {
  background-color: inherit;
}
body .has-bg-color-primary-300-on-hover:hover {
  background-color: #dbffd1 !important;
}

.lq-theme .has-border-color-blue-700,
body .has-border-color-blue-700 {
  border-color: #015365 !important;
}

.lq-theme .has-color-blue-700,
body .has-color-blue-700 {
  color: #015365;
}

body .has-bg-color-blue-700 {
  background-color: #015365 !important;
}

body .has-border-color-blue-700-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-blue-700-on-hover-1:hover {
  border-color: #015365 !important;
}

body .has-bg-color-blue-700-on-hover {
  background-color: inherit;
}
body .has-bg-color-blue-700-on-hover:hover {
  background-color: #015365 !important;
}

.lq-theme .has-border-color-blue-600,
body .has-border-color-blue-600 {
  border-color: #017d98 !important;
}

.lq-theme .has-color-blue-600,
body .has-color-blue-600 {
  color: #017d98;
}

body .has-bg-color-blue-600 {
  background-color: #017d98 !important;
}

body .has-border-color-blue-600-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-blue-600-on-hover-1:hover {
  border-color: #017d98 !important;
}

body .has-bg-color-blue-600-on-hover {
  background-color: inherit;
}
body .has-bg-color-blue-600-on-hover:hover {
  background-color: #017d98 !important;
}

.lq-theme .has-border-color-blue-500,
body .has-border-color-blue-500 {
  border-color: #00a8cc !important;
}

.lq-theme .has-color-blue-500,
body .has-color-blue-500 {
  color: #00a8cc;
}

body .has-bg-color-blue-500 {
  background-color: #00a8cc !important;
}

body .has-border-color-blue-500-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-blue-500-on-hover-1:hover {
  border-color: #00a8cc !important;
}

body .has-bg-color-blue-500-on-hover {
  background-color: inherit;
}
body .has-bg-color-blue-500-on-hover:hover {
  background-color: #00a8cc !important;
}

.lq-theme .has-border-color-blue-400,
body .has-border-color-blue-400 {
  border-color: #66e4ff !important;
}

.lq-theme .has-color-blue-400,
body .has-color-blue-400 {
  color: #66e4ff;
}

body .has-bg-color-blue-400 {
  background-color: #66e4ff !important;
}

body .has-border-color-blue-400-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-blue-400-on-hover-1:hover {
  border-color: #66e4ff !important;
}

body .has-bg-color-blue-400-on-hover {
  background-color: inherit;
}
body .has-bg-color-blue-400-on-hover:hover {
  background-color: #66e4ff !important;
}

.lq-theme .has-border-color-blue-300,
body .has-border-color-blue-300 {
  border-color: #ccf6ff !important;
}

.lq-theme .has-color-blue-300,
body .has-color-blue-300 {
  color: #ccf6ff;
}

body .has-bg-color-blue-300 {
  background-color: #ccf6ff !important;
}

body .has-border-color-blue-300-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-blue-300-on-hover-1:hover {
  border-color: #ccf6ff !important;
}

body .has-bg-color-blue-300-on-hover {
  background-color: inherit;
}
body .has-bg-color-blue-300-on-hover:hover {
  background-color: #ccf6ff !important;
}

.lq-theme .has-border-color-green-700,
body .has-border-color-green-700 {
  border-color: #125511 !important;
}

.lq-theme .has-color-green-700,
body .has-color-green-700 {
  color: #125511;
}

body .has-bg-color-green-700 {
  background-color: #125511 !important;
}

body .has-border-color-green-700-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-green-700-on-hover-1:hover {
  border-color: #125511 !important;
}

body .has-bg-color-green-700-on-hover {
  background-color: inherit;
}
body .has-bg-color-green-700-on-hover:hover {
  background-color: #125511 !important;
}

.lq-theme .has-border-color-green-600,
body .has-border-color-green-600 {
  border-color: #1b7e19 !important;
}

.lq-theme .has-color-green-600,
body .has-color-green-600 {
  color: #1b7e19;
}

body .has-bg-color-green-600 {
  background-color: #1b7e19 !important;
}

body .has-border-color-green-600-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-green-600-on-hover-1:hover {
  border-color: #1b7e19 !important;
}

body .has-bg-color-green-600-on-hover {
  background-color: inherit;
}
body .has-bg-color-green-600-on-hover:hover {
  background-color: #1b7e19 !important;
}

.lq-theme .has-border-color-green-500,
body .has-border-color-green-500 {
  border-color: #41b20c !important;
}

.lq-theme .has-color-green-500,
body .has-color-green-500 {
  color: #41b20c;
}

body .has-bg-color-green-500 {
  background-color: #41b20c !important;
}

body .has-border-color-green-500-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-green-500-on-hover-1:hover {
  border-color: #41b20c !important;
}

body .has-bg-color-green-500-on-hover {
  background-color: inherit;
}
body .has-bg-color-green-500-on-hover:hover {
  background-color: #41b20c !important;
}

.lq-theme .has-border-color-green-400,
body .has-border-color-green-400 {
  border-color: #97d700 !important;
}

.lq-theme .has-color-green-400,
body .has-color-green-400 {
  color: #97d700;
}

body .has-bg-color-green-400 {
  background-color: #97d700 !important;
}

body .has-border-color-green-400-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-green-400-on-hover-1:hover {
  border-color: #97d700 !important;
}

body .has-bg-color-green-400-on-hover {
  background-color: inherit;
}
body .has-bg-color-green-400-on-hover:hover {
  background-color: #97d700 !important;
}

.lq-theme .has-border-color-green-300,
body .has-border-color-green-300 {
  border-color: #c9f98d !important;
}

.lq-theme .has-color-green-300,
body .has-color-green-300 {
  color: #c9f98d;
}

body .has-bg-color-green-300 {
  background-color: #c9f98d !important;
}

body .has-border-color-green-300-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-green-300-on-hover-1:hover {
  border-color: #c9f98d !important;
}

body .has-bg-color-green-300-on-hover {
  background-color: inherit;
}
body .has-bg-color-green-300-on-hover:hover {
  background-color: #c9f98d !important;
}

.lq-theme .has-border-color-purple-700,
body .has-border-color-purple-700 {
  border-color: #7b00fa !important;
}

.lq-theme .has-color-purple-700,
body .has-color-purple-700 {
  color: #7b00fa;
}

body .has-bg-color-purple-700 {
  background-color: #7b00fa !important;
}

body .has-border-color-purple-700-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-purple-700-on-hover-1:hover {
  border-color: #7b00fa !important;
}

body .has-bg-color-purple-700-on-hover {
  background-color: inherit;
}
body .has-bg-color-purple-700-on-hover:hover {
  background-color: #7b00fa !important;
}

.lq-theme .has-border-color-purple-600,
body .has-border-color-purple-600 {
  border-color: #952eff !important;
}

.lq-theme .has-color-purple-600,
body .has-color-purple-600 {
  color: #952eff;
}

body .has-bg-color-purple-600 {
  background-color: #952eff !important;
}

body .has-border-color-purple-600-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-purple-600-on-hover-1:hover {
  border-color: #952eff !important;
}

body .has-bg-color-purple-600-on-hover {
  background-color: inherit;
}
body .has-bg-color-purple-600-on-hover:hover {
  background-color: #952eff !important;
}

.lq-theme .has-border-color-purple-500,
body .has-border-color-purple-500 {
  border-color: #af61ff !important;
}

.lq-theme .has-color-purple-500,
body .has-color-purple-500 {
  color: #af61ff;
}

body .has-bg-color-purple-500 {
  background-color: #af61ff !important;
}

body .has-border-color-purple-500-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-purple-500-on-hover-1:hover {
  border-color: #af61ff !important;
}

body .has-bg-color-purple-500-on-hover {
  background-color: inherit;
}
body .has-bg-color-purple-500-on-hover:hover {
  background-color: #af61ff !important;
}

.lq-theme .has-border-color-purple-400,
body .has-border-color-purple-400 {
  border-color: #e3c8ff !important;
}

.lq-theme .has-color-purple-400,
body .has-color-purple-400 {
  color: #e3c8ff;
}

body .has-bg-color-purple-400 {
  background-color: #e3c8ff !important;
}

body .has-border-color-purple-400-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-purple-400-on-hover-1:hover {
  border-color: #e3c8ff !important;
}

body .has-bg-color-purple-400-on-hover {
  background-color: inherit;
}
body .has-bg-color-purple-400-on-hover:hover {
  background-color: #e3c8ff !important;
}

.lq-theme .has-border-color-purple-300,
body .has-border-color-purple-300 {
  border-color: #e7d8f7 !important;
}

.lq-theme .has-color-purple-300,
body .has-color-purple-300 {
  color: #e7d8f7;
}

body .has-bg-color-purple-300 {
  background-color: #e7d8f7 !important;
}

body .has-border-color-purple-300-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-purple-300-on-hover-1:hover {
  border-color: #e7d8f7 !important;
}

body .has-bg-color-purple-300-on-hover {
  background-color: inherit;
}
body .has-bg-color-purple-300-on-hover:hover {
  background-color: #e7d8f7 !important;
}

.lq-theme .has-border-color-neutral-700,
body .has-border-color-neutral-700 {
  border-color: #4f5e71 !important;
}

.lq-theme .has-color-neutral-700,
body .has-color-neutral-700 {
  color: #4f5e71;
}

body .has-bg-color-neutral-700 {
  background-color: #4f5e71 !important;
}

body .has-border-color-neutral-700-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-neutral-700-on-hover-1:hover {
  border-color: #4f5e71 !important;
}

body .has-bg-color-neutral-700-on-hover {
  background-color: inherit;
}
body .has-bg-color-neutral-700-on-hover:hover {
  background-color: #4f5e71 !important;
}

.lq-theme .has-border-color-neutral-600,
body .has-border-color-neutral-600 {
  border-color: #5d738e !important;
}

.lq-theme .has-color-neutral-600,
body .has-color-neutral-600 {
  color: #5d738e;
}

body .has-bg-color-neutral-600 {
  background-color: #5d738e !important;
}

body .has-border-color-neutral-600-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-neutral-600-on-hover-1:hover {
  border-color: #5d738e !important;
}

body .has-bg-color-neutral-600-on-hover {
  background-color: inherit;
}
body .has-bg-color-neutral-600-on-hover:hover {
  background-color: #5d738e !important;
}

.lq-theme .has-border-color-neutral-500,
body .has-border-color-neutral-500 {
  border-color: #697d95 !important;
}

.lq-theme .has-color-neutral-500,
body .has-color-neutral-500 {
  color: #697d95;
}

body .has-bg-color-neutral-500 {
  background-color: #697d95 !important;
}

body .has-border-color-neutral-500-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-neutral-500-on-hover-1:hover {
  border-color: #697d95 !important;
}

body .has-bg-color-neutral-500-on-hover {
  background-color: inherit;
}
body .has-bg-color-neutral-500-on-hover:hover {
  background-color: #697d95 !important;
}

.lq-theme .has-border-color-neutral-400,
body .has-border-color-neutral-400 {
  border-color: #bac7d5 !important;
}

.lq-theme .has-color-neutral-400,
body .has-color-neutral-400 {
  color: #bac7d5;
}

body .has-bg-color-neutral-400 {
  background-color: #bac7d5 !important;
}

body .has-border-color-neutral-400-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-neutral-400-on-hover-1:hover {
  border-color: #bac7d5 !important;
}

body .has-bg-color-neutral-400-on-hover {
  background-color: inherit;
}
body .has-bg-color-neutral-400-on-hover:hover {
  background-color: #bac7d5 !important;
}

.lq-theme .has-border-color-neutral-300,
body .has-border-color-neutral-300 {
  border-color: #e5eaef !important;
}

.lq-theme .has-color-neutral-300,
body .has-color-neutral-300 {
  color: #e5eaef;
}

body .has-bg-color-neutral-300 {
  background-color: #e5eaef !important;
}

body .has-border-color-neutral-300-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-neutral-300-on-hover-1:hover {
  border-color: #e5eaef !important;
}

body .has-bg-color-neutral-300-on-hover {
  background-color: inherit;
}
body .has-bg-color-neutral-300-on-hover:hover {
  background-color: #e5eaef !important;
}

.lq-theme .has-border-color-neutral-200,
body .has-border-color-neutral-200 {
  border-color: #f5f7f9 !important;
}

.lq-theme .has-color-neutral-200,
body .has-color-neutral-200 {
  color: #f5f7f9;
}

body .has-bg-color-neutral-200 {
  background-color: #f5f7f9 !important;
}

body .has-border-color-neutral-200-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-neutral-200-on-hover-1:hover {
  border-color: #f5f7f9 !important;
}

body .has-bg-color-neutral-200-on-hover {
  background-color: inherit;
}
body .has-bg-color-neutral-200-on-hover:hover {
  background-color: #f5f7f9 !important;
}

.lq-theme .has-border-color-red-700,
body .has-border-color-red-700 {
  border-color: #9d1515 !important;
}

.lq-theme .has-color-red-700,
body .has-color-red-700 {
  color: #9d1515;
}

body .has-bg-color-red-700 {
  background-color: #9d1515 !important;
}

body .has-border-color-red-700-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-red-700-on-hover-1:hover {
  border-color: #9d1515 !important;
}

body .has-bg-color-red-700-on-hover {
  background-color: inherit;
}
body .has-bg-color-red-700-on-hover:hover {
  background-color: #9d1515 !important;
}

.lq-theme .has-border-color-red-600,
body .has-border-color-red-600 {
  border-color: #b91919 !important;
}

.lq-theme .has-color-red-600,
body .has-color-red-600 {
  color: #b91919;
}

body .has-bg-color-red-600 {
  background-color: #b91919 !important;
}

body .has-border-color-red-600-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-red-600-on-hover-1:hover {
  border-color: #b91919 !important;
}

body .has-bg-color-red-600-on-hover {
  background-color: inherit;
}
body .has-bg-color-red-600-on-hover:hover {
  background-color: #b91919 !important;
}

.lq-theme .has-border-color-red-500,
body .has-border-color-red-500 {
  border-color: #d21c1c !important;
}

.lq-theme .has-color-red-500,
body .has-color-red-500 {
  color: #d21c1c;
}

body .has-bg-color-red-500 {
  background-color: #d21c1c !important;
}

body .has-border-color-red-500-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-red-500-on-hover-1:hover {
  border-color: #d21c1c !important;
}

body .has-bg-color-red-500-on-hover {
  background-color: inherit;
}
body .has-bg-color-red-500-on-hover:hover {
  background-color: #d21c1c !important;
}

.lq-theme .has-border-color-red-400,
body .has-border-color-red-400 {
  border-color: #f3cece !important;
}

.lq-theme .has-color-red-400,
body .has-color-red-400 {
  color: #f3cece;
}

body .has-bg-color-red-400 {
  background-color: #f3cece !important;
}

body .has-border-color-red-400-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-red-400-on-hover-1:hover {
  border-color: #f3cece !important;
}

body .has-bg-color-red-400-on-hover {
  background-color: inherit;
}
body .has-bg-color-red-400-on-hover:hover {
  background-color: #f3cece !important;
}

.lq-theme .has-border-color-red-300,
body .has-border-color-red-300 {
  border-color: #f8e2e2 !important;
}

.lq-theme .has-color-red-300,
body .has-color-red-300 {
  color: #f8e2e2;
}

body .has-bg-color-red-300 {
  background-color: #f8e2e2 !important;
}

body .has-border-color-red-300-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-red-300-on-hover-1:hover {
  border-color: #f8e2e2 !important;
}

body .has-bg-color-red-300-on-hover {
  background-color: inherit;
}
body .has-bg-color-red-300-on-hover:hover {
  background-color: #f8e2e2 !important;
}

.lq-theme .has-border-color-orange-700,
body .has-border-color-orange-700 {
  border-color: #b26200 !important;
}

.lq-theme .has-color-orange-700,
body .has-color-orange-700 {
  color: #b26200;
}

body .has-bg-color-orange-700 {
  background-color: #b26200 !important;
}

body .has-border-color-orange-700-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-orange-700-on-hover-1:hover {
  border-color: #b26200 !important;
}

body .has-bg-color-orange-700-on-hover {
  background-color: inherit;
}
body .has-bg-color-orange-700-on-hover:hover {
  background-color: #b26200 !important;
}

.lq-theme .has-border-color-orange-600,
body .has-border-color-orange-600 {
  border-color: #c96f00 !important;
}

.lq-theme .has-color-orange-600,
body .has-color-orange-600 {
  color: #c96f00;
}

body .has-bg-color-orange-600 {
  background-color: #c96f00 !important;
}

body .has-border-color-orange-600-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-orange-600-on-hover-1:hover {
  border-color: #c96f00 !important;
}

body .has-bg-color-orange-600-on-hover {
  background-color: inherit;
}
body .has-bg-color-orange-600-on-hover:hover {
  background-color: #c96f00 !important;
}

.lq-theme .has-border-color-orange-500,
body .has-border-color-orange-500 {
  border-color: #df7b00 !important;
}

.lq-theme .has-color-orange-500,
body .has-color-orange-500 {
  color: #df7b00;
}

body .has-bg-color-orange-500 {
  background-color: #df7b00 !important;
}

body .has-border-color-orange-500-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-orange-500-on-hover-1:hover {
  border-color: #df7b00 !important;
}

body .has-bg-color-orange-500-on-hover {
  background-color: inherit;
}
body .has-bg-color-orange-500-on-hover:hover {
  background-color: #df7b00 !important;
}

.lq-theme .has-border-color-orange-400,
body .has-border-color-orange-400 {
  border-color: #fae2c6 !important;
}

.lq-theme .has-color-orange-400,
body .has-color-orange-400 {
  color: #fae2c6;
}

body .has-bg-color-orange-400 {
  background-color: #fae2c6 !important;
}

body .has-border-color-orange-400-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-orange-400-on-hover-1:hover {
  border-color: #fae2c6 !important;
}

body .has-bg-color-orange-400-on-hover {
  background-color: inherit;
}
body .has-bg-color-orange-400-on-hover:hover {
  background-color: #fae2c6 !important;
}

.lq-theme .has-border-color-orange-300,
body .has-border-color-orange-300 {
  border-color: #fcecda !important;
}

.lq-theme .has-color-orange-300,
body .has-color-orange-300 {
  color: #fcecda;
}

body .has-bg-color-orange-300 {
  background-color: #fcecda !important;
}

body .has-border-color-orange-300-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-orange-300-on-hover-1:hover {
  border-color: #fcecda !important;
}

body .has-bg-color-orange-300-on-hover {
  background-color: inherit;
}
body .has-bg-color-orange-300-on-hover:hover {
  background-color: #fcecda !important;
}

.lq-theme .has-border-color-white-100,
body .has-border-color-white-100 {
  border-color: #ffffff !important;
}

.lq-theme .has-color-white-100,
body .has-color-white-100 {
  color: #ffffff;
}

body .has-bg-color-white-100 {
  background-color: #ffffff !important;
}

body .has-border-color-white-100-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-white-100-on-hover-1:hover {
  border-color: #ffffff !important;
}

body .has-bg-color-white-100-on-hover {
  background-color: inherit;
}
body .has-bg-color-white-100-on-hover:hover {
  background-color: #ffffff !important;
}

.lq-theme .has-border-color-black-800,
body .has-border-color-black-800 {
  border-color: rgba(0, 0, 0, 0.2392156863) !important;
}

.lq-theme .has-color-black-800,
body .has-color-black-800 {
  color: rgba(0, 0, 0, 0.2392156863);
}

body .has-bg-color-black-800 {
  background-color: rgba(0, 0, 0, 0.2392156863) !important;
}

body .has-border-color-black-800-on-hover-1 {
  border: 1px solid transparent;
}
body .has-border-color-black-800-on-hover-1:hover {
  border-color: rgba(0, 0, 0, 0.2392156863) !important;
}

body .has-bg-color-black-800-on-hover {
  background-color: inherit;
}
body .has-bg-color-black-800-on-hover:hover {
  background-color: rgba(0, 0, 0, 0.2392156863) !important;
}

body .has-box-shadow-on-hover-1 {
  box-shadow: unset;
  animation: box-shadow 3s ease-in-out;
}
body .has-box-shadow-on-hover-1:hover {
  box-shadow: 0 0 11px rgba(0, 57, 44, 0.2);
}

body .has-text-decoration-underline-on-hover {
  text-decoration: inherit;
}
body .has-text-decoration-underline-on-hover:hover {
  text-decoration: underline;
}

body .has-text-decoration-underline-on-hover-link {
  text-decoration: none;
}
body .has-text-decoration-underline-on-hover-link:hover .link-text {
  text-decoration: underline;
}
body .has-text-decoration-underline-on-hover-link .material-symbols-outlined {
  text-decoration: none;
}

.has-border-color-fabulous-sm {
  position: relative;
}
.has-border-color-fabulous-sm:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 5px;
  background: linear-gradient(45deg, #97d700, #697d95);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

.is-contents {
  display: contents;
}

.is-grayscaled {
  filter: grayscale(1);
}

.is-display-inherit {
  display: inherit;
}

.is-grid {
  display: grid;
}
.is-grid-cols-auto-fr-2 {
  display: grid;
  grid-template-columns: auto 1fr 1fr;
}
.is-grid-cols-auto-fr-3 {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr;
}
.is-grid-cols-auto-fr-4 {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr 1fr;
}
.is-grid.has-border {
  border: 1px solid rgba(186, 199, 213, 0.3);
}
.is-grid.has-border .cell {
  border: 1px solid rgba(186, 199, 213, 0.3);
}
.is-grid__border-item {
  position: relative;
}
.is-grid__border-item::before, .is-grid__border-item::after {
  content: "";
  position: absolute;
  background-color: rgba(186, 199, 213, 0.3);
  z-index: 1;
}
.is-grid__border-item::after {
  inline-size: 100vw;
  block-size: 1px;
  inset-inline-start: 0;
  inset-block-start: 0;
}
.is-grid__border-item::before {
  inline-size: 1px;
  block-size: 100vh;
  inset-inline-start: 0;
}

.has-columns-3x1fr {
  grid-template-columns: 1fr 1fr 1fr;
}

.has-columns-3x1fr-on-mobile {
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 1023px) {
  .has-columns-3x1fr-on-mobile {
    grid-template-columns: 1fr;
  }
}

.has-column-2x1fr-on-mobile {
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1023px) {
  .has-column-2x1fr-on-mobile {
    grid-template-columns: 1fr;
  }
}

.has-columns-4x1fr {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.is-col-span-2 {
  grid-column: span 2;
}

.is-cursor-not-allowed {
  cursor: not-allowed !important;
}

.has-border-bottom-solid-1 {
  border-bottom: 0.063rem solid;
}

body .has-border-width-1 {
  border: 0.063rem solid !important;
}

.has-border-color-gray {
  border-color: #bac7d5 !important;
}

.has-border-color-secondary {
  border-color: #00392c !important;
}

.is-48x48 {
  width: 3rem;
  height: 3rem;
}

.is-48x48 {
  width: 3rem;
  height: 3rem;
}

.is-borderless {
  border: unset !important;
}

@media (max-width: 450px) {
  .xxs\:has-text-centered {
    text-align: center;
  }
  .xxs\:is-flex-direction-column {
    flex-direction: column;
  }
  .xxs\:is-flex-direction-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 769px) {
  .xs\:has-text-centered {
    text-align: center;
  }
  .xs\:is-flex-direction-column {
    flex-direction: column;
  }
  .xs\:is-flex-direction-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1023px) {
  .sm\:has-text-centered {
    text-align: center;
  }
  .sm\:is-flex-direction-column {
    flex-direction: column;
  }
  .sm\:is-flex-direction-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1215px) {
  .md\:has-text-centered {
    text-align: center;
  }
  .md\:is-flex-direction-column {
    flex-direction: column;
  }
  .md\:is-flex-direction-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1407px) {
  .lg\:has-text-centered {
    text-align: center;
  }
  .lg\:is-flex-direction-column {
    flex-direction: column;
  }
  .lg\:is-flex-direction-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1408px) {
  .xl\:has-text-centered {
    text-align: center;
  }
  .xl\:is-flex-direction-column {
    flex-direction: column;
  }
  .xl\:is-flex-direction-column-reverse {
    flex-direction: column-reverse;
  }
}
/* Custom class for flex-direction row on tablet */
@media screen and (min-width: 769px) {
  .is-flex-direction-row-tablet {
    flex-direction: row !important;
  }
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-3 {
  z-index: 3;
}

.z-4 {
  z-index: 4;
}

.z-5 {
  z-index: 5;
}

.z-6 {
  z-index: 6;
}

.z-7 {
  z-index: 7;
}

.z-8 {
  z-index: 8;
}

.z-9 {
  z-index: 9;
}

.z-10 {
  z-index: 10;
}

.z-11 {
  z-index: 11;
}

.z-12 {
  z-index: 12;
}

.z-13 {
  z-index: 13;
}

.z-14 {
  z-index: 14;
}

.z-15 {
  z-index: 15;
}

.z-16 {
  z-index: 16;
}

.z-17 {
  z-index: 17;
}

.z-18 {
  z-index: 18;
}

.z-19 {
  z-index: 19;
}

.z-20 {
  z-index: 20;
}

.z-21 {
  z-index: 21;
}

.z-22 {
  z-index: 22;
}

.z-23 {
  z-index: 23;
}

.z-24 {
  z-index: 24;
}

.z-25 {
  z-index: 25;
}

.z-26 {
  z-index: 26;
}

.z-27 {
  z-index: 27;
}

.z-28 {
  z-index: 28;
}

.z-29 {
  z-index: 29;
}

.z-30 {
  z-index: 30;
}

.z-31 {
  z-index: 31;
}

.z-32 {
  z-index: 32;
}

.z-33 {
  z-index: 33;
}

.z-34 {
  z-index: 34;
}

.z-35 {
  z-index: 35;
}

.z-36 {
  z-index: 36;
}

.z-37 {
  z-index: 37;
}

.z-38 {
  z-index: 38;
}

.z-39 {
  z-index: 39;
}

.z-40 {
  z-index: 40;
}

.z-41 {
  z-index: 41;
}

.z-42 {
  z-index: 42;
}

.z-43 {
  z-index: 43;
}

.z-44 {
  z-index: 44;
}

.z-45 {
  z-index: 45;
}

.z-46 {
  z-index: 46;
}

.z-47 {
  z-index: 47;
}

.z-48 {
  z-index: 48;
}

.z-49 {
  z-index: 49;
}

.z-50 {
  z-index: 50;
}

.z-51 {
  z-index: 51;
}

.z-52 {
  z-index: 52;
}

.z-53 {
  z-index: 53;
}

.z-54 {
  z-index: 54;
}

.z-55 {
  z-index: 55;
}

.z-56 {
  z-index: 56;
}

.z-57 {
  z-index: 57;
}

.z-58 {
  z-index: 58;
}

.z-59 {
  z-index: 59;
}

.z-60 {
  z-index: 60;
}

.z-61 {
  z-index: 61;
}

.z-62 {
  z-index: 62;
}

.z-63 {
  z-index: 63;
}

.z-64 {
  z-index: 64;
}

.z-65 {
  z-index: 65;
}

.z-66 {
  z-index: 66;
}

.z-67 {
  z-index: 67;
}

.z-68 {
  z-index: 68;
}

.z-69 {
  z-index: 69;
}

.z-70 {
  z-index: 70;
}

.z-71 {
  z-index: 71;
}

.z-72 {
  z-index: 72;
}

.z-73 {
  z-index: 73;
}

.z-74 {
  z-index: 74;
}

.z-75 {
  z-index: 75;
}

.z-76 {
  z-index: 76;
}

.z-77 {
  z-index: 77;
}

.z-78 {
  z-index: 78;
}

.z-79 {
  z-index: 79;
}

.z-80 {
  z-index: 80;
}

.z-81 {
  z-index: 81;
}

.z-82 {
  z-index: 82;
}

.z-83 {
  z-index: 83;
}

.z-84 {
  z-index: 84;
}

.z-85 {
  z-index: 85;
}

.z-86 {
  z-index: 86;
}

.z-87 {
  z-index: 87;
}

.z-88 {
  z-index: 88;
}

.z-89 {
  z-index: 89;
}

.z-90 {
  z-index: 90;
}

.z-91 {
  z-index: 91;
}

.z-92 {
  z-index: 92;
}

.z-93 {
  z-index: 93;
}

.z-94 {
  z-index: 94;
}

.z-95 {
  z-index: 95;
}

.z-96 {
  z-index: 96;
}

.z-97 {
  z-index: 97;
}

.z-98 {
  z-index: 98;
}

.z-99 {
  z-index: 99;
}

.z-100 {
  z-index: 100;
}

.is-pending:not(.tag) {
  border-left: 5px solid !important;
  border-left-color: #00a8cc !important;
}

.is-interested:not(.tag) {
  border-left: 5px solid !important;
  border-left-color: #afed33 !important;
}

.is-not-interested:not(.tag) {
  border-left: 5px solid !important;
  border-left-color: #d21c1c !important;
}

.tag.is-pending {
  background: #ccf6ff;
  color: #015365;
  min-width: 8rem;
}
.tag.is-interested {
  background: #c9f98d;
  color: #125511;
  min-width: 8rem;
}
.tag.is-not-interested {
  background: #f8e2e2;
  color: #9d1515;
  min-width: 8rem;
}
.tag.is-quaternary {
  background: rgba(123, 0, 250, 0.1);
  color: #7b00fa;
}

[x-cloak] {
  display: none !important;
}

.trix-content-wrapper ul,
.trix-content-wrapper ol {
  list-style: revert;
  padding-left: 20px;
}
.trix-content-wrapper em {
  font-style: italic;
}
.trix-content-wrapper em del {
  font-style: inherit;
}
.trix-content-wrapper > div * {
  font-size: 14px;
}

.lq-text-editor .trix-button-row {
  display: none;
}
.lq-text-editor button.trix-active {
  background-color: #afed33;
}
.lq-text-editor trix-editor {
  transition: all 0.3s ease;
  border-radius: var(--bulma-radius);
  border-color: rgb(46, 51, 61);
  border-width: 0.063rem;
}
.lq-text-editor trix-editor:focus {
  box-shadow: 0 0 0 0.125em hsla(97, 100%, 50%, 0.25);
  border-color: #afed33;
}
.lq-text-editor trix-editor ul,
.lq-text-editor trix-editor ol {
  list-style: revert;
  padding-left: 20px;
}
.lq-text-editor trix-editor em {
  font-style: italic;
}
.lq-text-editor trix-editor em del {
  font-style: inherit;
}

.dropdown-menu .dropdown-content .dropdown-item:hover {
  background-color: rgba(175, 237, 51, 0.2);
}

.has-cursor-pointer {
  cursor: pointer;
}

.lq-icon-checkbox {
  width: 1.25rem;
  height: 1.25rem;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
}
.lq-icon-checkbox.is-checked {
  background-image: url('data:image/svg+xml,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.29658 4.44495C1.06785 4.20518 0.688055 4.19624 0.448291 4.42498C0.208526 4.65371 0.199586 5.03351 0.428321 5.27327L2.81004 7.76982C3.05528 8.02689 3.46895 8.01574 3.69998 7.74583L9.4274 1.05475C9.64288 0.803014 9.61349 0.424254 9.36175 0.20877C9.11001 -0.00671417 8.73125 0.0226773 8.51576 0.274418L3.50785 6.12494C3.35383 6.30487 3.07805 6.31231 2.91455 6.14093L1.29658 4.44495Z" fill="%2300392C"/></svg>');
  background-color: #afed33;
}
.lq-icon-checkbox.is-indeterminate {
  background-image: url('data:image/svg+xml,<svg width="10" height="8" viewBox="0 0 10 8" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="3" width="10" height="2" rx="1" fill="%2300392C"/></svg>');
  background-color: #afed33;
}
.lq-icon-checkbox.is-blank {
  border: 2px solid #00392c;
}

.hourglass-spin {
  display: inline-block;
  animation: hourglass-rotate 4s cubic-bezier(0.4, 0, 0.2, 1) alternate-reverse infinite;
  transform-origin: center center;
}

@keyframes hourglass-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.slide-in-top {
  animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-out-top {
  animation: slide-out-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@keyframes slide-in-top {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation slide-out-top
 * ----------------------------------------
 */
@keyframes slide-out-top {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1000px);
    opacity: 0;
  }
}
/**
 * ----------------------------------------
 * animation circular-move-mini
 * ----------------------------------------
 */
@keyframes circlular-motion-10 {
  0% {
    transform: rotate(0deg) translate(-10px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translate(-10px) rotate(-360deg);
  }
}
/**
 * ----------------------------------------
 * animation scale-in-center-rotate-30
 * ----------------------------------------
 */
@keyframes half-scale-in-center-rotate-30 {
  0% {
    transform: scale(0.7) rotate(-30deg);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}
.has-text-secondary,
body .has-text-secondary {
  color: #00392c;
}

body .is-color-gray {
  color: #5d738e;
}

body .has-background-gray {
  background-color: #5d738e;
}

body .has-background-light-gray {
  background-color: #bac7d5 !important;
}

.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.is-width-0 {
  width: 0rem !important;
}

.is-min-width-0 {
  min-width: 0rem;
}

.is-height-0 {
  height: 0rem !important;
}

.is-width-1px {
  width: 0.063rem !important;
}

.is-min-width-1px {
  min-width: 0.063rem;
}

.is-height-1px {
  height: 0.063rem !important;
}

.is-width-1 {
  width: 0.25rem !important;
}

.is-min-width-1 {
  min-width: 0.25rem;
}

.is-height-1 {
  height: 0.25rem !important;
}

.is-width-2 {
  width: 0.5rem !important;
}

.is-min-width-2 {
  min-width: 0.5rem;
}

.is-height-2 {
  height: 0.5rem !important;
}

.is-width-3 {
  width: 0.75rem !important;
}

.is-min-width-3 {
  min-width: 0.75rem;
}

.is-height-3 {
  height: 0.75rem !important;
}

.is-width-4 {
  width: 1rem !important;
}

.is-min-width-4 {
  min-width: 1rem;
}

.is-height-4 {
  height: 1rem !important;
}

.is-width-5 {
  width: 1.5rem !important;
}

.is-min-width-5 {
  min-width: 1.5rem;
}

.is-height-5 {
  height: 1.5rem !important;
}

.is-width-5_1 {
  width: 2.5rem !important;
}

.is-min-width-5_1 {
  min-width: 2.5rem;
}

.is-height-5_1 {
  height: 2.5rem !important;
}

.is-width-6 {
  width: 3rem !important;
}

.is-min-width-6 {
  min-width: 3rem;
}

.is-height-6 {
  height: 3rem !important;
}

.is-width-6_1 {
  width: 3.5rem !important;
}

.is-min-width-6_1 {
  min-width: 3.5rem;
}

.is-height-6_1 {
  height: 3.5rem !important;
}

.is-width-7 {
  width: 4.5rem !important;
}

.is-min-width-7 {
  min-width: 4.5rem;
}

.is-height-7 {
  height: 4.5rem !important;
}

.is-width-8 {
  width: 6rem !important;
}

.is-min-width-8 {
  min-width: 6rem;
}

.is-height-8 {
  height: 6rem !important;
}

.is-width-9 {
  width: 8rem !important;
}

.is-min-width-9 {
  min-width: 8rem;
}

.is-height-9 {
  height: 8rem !important;
}

.is-width-10 {
  width: 10rem !important;
}

.is-min-width-10 {
  min-width: 10rem;
}

.is-height-10 {
  height: 10rem !important;
}

.is-width-11 {
  width: 12rem !important;
}

.is-min-width-11 {
  min-width: 12rem;
}

.is-height-11 {
  height: 12rem !important;
}

.is-width-12 {
  width: 14rem !important;
}

.is-min-width-12 {
  min-width: 14rem;
}

.is-height-12 {
  height: 14rem !important;
}

.is-width-13 {
  width: 16rem !important;
}

.is-min-width-13 {
  min-width: 16rem;
}

.is-height-13 {
  height: 16rem !important;
}

.is-width-14 {
  width: 18rem !important;
}

.is-min-width-14 {
  min-width: 18rem;
}

.is-height-14 {
  height: 18rem !important;
}

.is-width-15 {
  width: 20rem !important;
}

.is-min-width-15 {
  min-width: 20rem;
}

.is-height-15 {
  height: 20rem !important;
}

.is-width-16 {
  width: 22rem !important;
}

.is-min-width-16 {
  min-width: 22rem;
}

.is-height-16 {
  height: 22rem !important;
}

.is-width-17 {
  width: 24rem !important;
}

.is-min-width-17 {
  min-width: 24rem;
}

.is-height-17 {
  height: 24rem !important;
}

.is-width-18 {
  width: 26rem !important;
}

.is-min-width-18 {
  min-width: 26rem;
}

.is-height-18 {
  height: 26rem !important;
}

.is-width-19 {
  width: 28rem !important;
}

.is-min-width-19 {
  min-width: 28rem;
}

.is-height-19 {
  height: 28rem !important;
}

.is-width-20 {
  width: 30rem !important;
}

.is-min-width-20 {
  min-width: 30rem;
}

.is-height-20 {
  height: 30rem !important;
}

.is-width-21 {
  width: 32rem !important;
}

.is-min-width-21 {
  min-width: 32rem;
}

.is-height-21 {
  height: 32rem !important;
}

.is-width-22 {
  width: 34rem !important;
}

.is-min-width-22 {
  min-width: 34rem;
}

.is-height-22 {
  height: 34rem !important;
}

.is-width-23 {
  width: 36rem !important;
}

.is-min-width-23 {
  min-width: 36rem;
}

.is-height-23 {
  height: 36rem !important;
}

.is-width-24 {
  width: 38rem !important;
}

.is-min-width-24 {
  min-width: 38rem;
}

.is-height-24 {
  height: 38rem !important;
}

.is-width-25 {
  width: 40rem !important;
}

.is-min-width-25 {
  min-width: 40rem;
}

.is-height-25 {
  height: 40rem !important;
}

.is-width-26 {
  width: 42rem !important;
}

.is-min-width-26 {
  min-width: 42rem;
}

.is-height-26 {
  height: 42rem !important;
}

.is-width-27 {
  width: 44rem !important;
}

.is-min-width-27 {
  min-width: 44rem;
}

.is-height-27 {
  height: 44rem !important;
}

.is-width-28 {
  width: 46rem !important;
}

.is-min-width-28 {
  min-width: 46rem;
}

.is-height-28 {
  height: 46rem !important;
}

.is-width-29 {
  width: 48rem !important;
}

.is-min-width-29 {
  min-width: 48rem;
}

.is-height-29 {
  height: 48rem !important;
}

.is-width-30 {
  width: 50rem !important;
}

.is-min-width-30 {
  min-width: 50rem;
}

.is-height-30 {
  height: 50rem !important;
}

.is-top-0 {
  top: 0rem;
}

.is-bottom-0 {
  top: 0rem;
}

.is-top-1px {
  top: 0.063rem;
}

.is-bottom-1px {
  top: 0.063rem;
}

.is-top-1 {
  top: 0.25rem;
}

.is-bottom-1 {
  top: 0.25rem;
}

.is-top-2 {
  top: 0.5rem;
}

.is-bottom-2 {
  top: 0.5rem;
}

.is-top-3 {
  top: 0.75rem;
}

.is-bottom-3 {
  top: 0.75rem;
}

.is-top-4 {
  top: 1rem;
}

.is-bottom-4 {
  top: 1rem;
}

.is-top-5 {
  top: 1.5rem;
}

.is-bottom-5 {
  top: 1.5rem;
}

.is-top-5_1 {
  top: 2.5rem;
}

.is-bottom-5_1 {
  top: 2.5rem;
}

.is-top-6 {
  top: 3rem;
}

.is-bottom-6 {
  top: 3rem;
}

.is-top-6_1 {
  top: 3.5rem;
}

.is-bottom-6_1 {
  top: 3.5rem;
}

.is-top-7 {
  top: 4.5rem;
}

.is-bottom-7 {
  top: 4.5rem;
}

.is-top-8 {
  top: 6rem;
}

.is-bottom-8 {
  top: 6rem;
}

.is-top-9 {
  top: 8rem;
}

.is-bottom-9 {
  top: 8rem;
}

.is-top-10 {
  top: 10rem;
}

.is-bottom-10 {
  top: 10rem;
}

.is-top-11 {
  top: 12rem;
}

.is-bottom-11 {
  top: 12rem;
}

.is-top-12 {
  top: 14rem;
}

.is-bottom-12 {
  top: 14rem;
}

.is-top-13 {
  top: 16rem;
}

.is-bottom-13 {
  top: 16rem;
}

.is-top-14 {
  top: 18rem;
}

.is-bottom-14 {
  top: 18rem;
}

.is-top-15 {
  top: 20rem;
}

.is-bottom-15 {
  top: 20rem;
}

.is-top-16 {
  top: 22rem;
}

.is-bottom-16 {
  top: 22rem;
}

.is-top-17 {
  top: 24rem;
}

.is-bottom-17 {
  top: 24rem;
}

.is-top-18 {
  top: 26rem;
}

.is-bottom-18 {
  top: 26rem;
}

.is-top-19 {
  top: 28rem;
}

.is-bottom-19 {
  top: 28rem;
}

.is-top-20 {
  top: 30rem;
}

.is-bottom-20 {
  top: 30rem;
}

.is-top-21 {
  top: 32rem;
}

.is-bottom-21 {
  top: 32rem;
}

.is-top-22 {
  top: 34rem;
}

.is-bottom-22 {
  top: 34rem;
}

.is-top-23 {
  top: 36rem;
}

.is-bottom-23 {
  top: 36rem;
}

.is-top-24 {
  top: 38rem;
}

.is-bottom-24 {
  top: 38rem;
}

.is-top-25 {
  top: 40rem;
}

.is-bottom-25 {
  top: 40rem;
}

.is-top-26 {
  top: 42rem;
}

.is-bottom-26 {
  top: 42rem;
}

.is-top-27 {
  top: 44rem;
}

.is-bottom-27 {
  top: 44rem;
}

.is-top-28 {
  top: 46rem;
}

.is-bottom-28 {
  top: 46rem;
}

.is-top-29 {
  top: 48rem;
}

.is-bottom-29 {
  top: 48rem;
}

.is-top-30 {
  top: 50rem;
}

.is-bottom-30 {
  top: 50rem;
}

.is-max-width-0 {
  max-width: 0rem;
}

.is-min-width-0 {
  min-width: 0rem;
}

.is-max-width-1px {
  max-width: 0.063rem;
}

.is-min-width-1px {
  min-width: 0.063rem;
}

.is-max-width-1 {
  max-width: 0.25rem;
}

.is-min-width-1 {
  min-width: 0.25rem;
}

.is-max-width-2 {
  max-width: 0.5rem;
}

.is-min-width-2 {
  min-width: 0.5rem;
}

.is-max-width-3 {
  max-width: 0.75rem;
}

.is-min-width-3 {
  min-width: 0.75rem;
}

.is-max-width-4 {
  max-width: 1rem;
}

.is-min-width-4 {
  min-width: 1rem;
}

.is-max-width-5 {
  max-width: 1.5rem;
}

.is-min-width-5 {
  min-width: 1.5rem;
}

.is-max-width-5_1 {
  max-width: 2.5rem;
}

.is-min-width-5_1 {
  min-width: 2.5rem;
}

.is-max-width-6 {
  max-width: 3rem;
}

.is-min-width-6 {
  min-width: 3rem;
}

.is-max-width-6_1 {
  max-width: 3.5rem;
}

.is-min-width-6_1 {
  min-width: 3.5rem;
}

.is-max-width-7 {
  max-width: 4.5rem;
}

.is-min-width-7 {
  min-width: 4.5rem;
}

.is-max-width-8 {
  max-width: 6rem;
}

.is-min-width-8 {
  min-width: 6rem;
}

.is-max-width-9 {
  max-width: 8rem;
}

.is-min-width-9 {
  min-width: 8rem;
}

.is-max-width-10 {
  max-width: 10rem;
}

.is-min-width-10 {
  min-width: 10rem;
}

.is-max-width-11 {
  max-width: 12rem;
}

.is-min-width-11 {
  min-width: 12rem;
}

.is-max-width-12 {
  max-width: 14rem;
}

.is-min-width-12 {
  min-width: 14rem;
}

.is-max-width-13 {
  max-width: 16rem;
}

.is-min-width-13 {
  min-width: 16rem;
}

.is-max-width-14 {
  max-width: 18rem;
}

.is-min-width-14 {
  min-width: 18rem;
}

.is-max-width-15 {
  max-width: 20rem;
}

.is-min-width-15 {
  min-width: 20rem;
}

.is-max-width-16 {
  max-width: 22rem;
}

.is-min-width-16 {
  min-width: 22rem;
}

.is-max-width-17 {
  max-width: 24rem;
}

.is-min-width-17 {
  min-width: 24rem;
}

.is-max-width-18 {
  max-width: 26rem;
}

.is-min-width-18 {
  min-width: 26rem;
}

.is-max-width-19 {
  max-width: 28rem;
}

.is-min-width-19 {
  min-width: 28rem;
}

.is-max-width-20 {
  max-width: 30rem;
}

.is-min-width-20 {
  min-width: 30rem;
}

.is-max-width-21 {
  max-width: 32rem;
}

.is-min-width-21 {
  min-width: 32rem;
}

.is-max-width-22 {
  max-width: 34rem;
}

.is-min-width-22 {
  min-width: 34rem;
}

.is-max-width-23 {
  max-width: 36rem;
}

.is-min-width-23 {
  min-width: 36rem;
}

.is-max-width-24 {
  max-width: 38rem;
}

.is-min-width-24 {
  min-width: 38rem;
}

.is-max-width-25 {
  max-width: 40rem;
}

.is-min-width-25 {
  min-width: 40rem;
}

.is-max-width-26 {
  max-width: 42rem;
}

.is-min-width-26 {
  min-width: 42rem;
}

.is-max-width-27 {
  max-width: 44rem;
}

.is-min-width-27 {
  min-width: 44rem;
}

.is-max-width-28 {
  max-width: 46rem;
}

.is-min-width-28 {
  min-width: 46rem;
}

.is-max-width-29 {
  max-width: 48rem;
}

.is-min-width-29 {
  min-width: 48rem;
}

.is-max-width-30 {
  max-width: 50rem;
}

.is-min-width-30 {
  min-width: 50rem;
}

.has-gap-1 {
  gap: 0.5rem;
}

.has-row-gap-1 {
  row-gap: 0.5rem;
}

.has-column-gap-1 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.has-gap-2 {
  gap: 1rem;
}

.has-row-gap-2 {
  row-gap: 1rem;
}

.has-column-gap-2 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.has-gap-3 {
  gap: 1.5rem;
}

.has-row-gap-3 {
  row-gap: 1.5rem;
}

.has-column-gap-3 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.has-gap-4 {
  gap: 2rem;
}

.has-row-gap-4 {
  row-gap: 2rem;
}

.has-column-gap-4 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.has-gap-5 {
  gap: 3rem;
}

.has-row-gap-5 {
  row-gap: 3rem;
}

.has-column-gap-5 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.has-gap-6 {
  gap: 4rem;
}

.has-row-gap-6 {
  row-gap: 4rem;
}

.has-column-gap-6 {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.has-gap-7 {
  gap: 5rem;
}

.has-row-gap-7 {
  row-gap: 5rem;
}

.has-column-gap-7 {
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.has-gap-8 {
  gap: 6rem;
}

.has-row-gap-8 {
  row-gap: 6rem;
}

.has-column-gap-8 {
  -moz-column-gap: 6rem;
       column-gap: 6rem;
}

.has-gap-9 {
  gap: 7rem;
}

.has-row-gap-9 {
  row-gap: 7rem;
}

.has-column-gap-9 {
  -moz-column-gap: 7rem;
       column-gap: 7rem;
}

.has-gap-10 {
  gap: 8rem;
}

.has-row-gap-10 {
  row-gap: 8rem;
}

.has-column-gap-10 {
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}

@media (max-width: 450px) {
  .xxs\:has-gap-1 {
    gap: 0.5rem;
  }
  .xxs\:has-gap-2 {
    gap: 1rem;
  }
  .xxs\:has-gap-3 {
    gap: 1.5rem;
  }
  .xxs\:has-gap-4 {
    gap: 2rem;
  }
  .xxs\:has-gap-5 {
    gap: 3rem;
  }
  .xxs\:has-gap-6 {
    gap: 4rem;
  }
  .xxs\:has-gap-7 {
    gap: 5rem;
  }
  .xxs\:has-gap-8 {
    gap: 6rem;
  }
  .xxs\:has-gap-9 {
    gap: 7rem;
  }
  .xxs\:has-gap-10 {
    gap: 8rem;
  }
  .xxs\:px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .xxs\:pt-0 {
    padding-top: 0rem;
  }
  .xxs\:px-1px {
    padding-left: 0.063rem;
    padding-right: 0.063rem;
  }
  .xxs\:pt-1px {
    padding-top: 0.063rem;
  }
  .xxs\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xxs\:pt-1 {
    padding-top: 0.25rem;
  }
  .xxs\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xxs\:pt-2 {
    padding-top: 0.5rem;
  }
  .xxs\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xxs\:pt-3 {
    padding-top: 0.75rem;
  }
  .xxs\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xxs\:pt-4 {
    padding-top: 1rem;
  }
  .xxs\:px-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xxs\:pt-5 {
    padding-top: 1.5rem;
  }
  .xxs\:px-5_1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xxs\:pt-5_1 {
    padding-top: 2.5rem;
  }
  .xxs\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xxs\:pt-6 {
    padding-top: 3rem;
  }
  .xxs\:px-6_1 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .xxs\:pt-6_1 {
    padding-top: 3.5rem;
  }
  .xxs\:px-7 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
  .xxs\:pt-7 {
    padding-top: 4.5rem;
  }
  .xxs\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .xxs\:pt-8 {
    padding-top: 6rem;
  }
  .xxs\:px-9 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .xxs\:pt-9 {
    padding-top: 8rem;
  }
  .xxs\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .xxs\:pt-10 {
    padding-top: 10rem;
  }
  .xxs\:px-11 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .xxs\:pt-11 {
    padding-top: 12rem;
  }
  .xxs\:px-12 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .xxs\:pt-12 {
    padding-top: 14rem;
  }
  .xxs\:px-13 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .xxs\:pt-13 {
    padding-top: 16rem;
  }
  .xxs\:px-14 {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .xxs\:pt-14 {
    padding-top: 18rem;
  }
  .xxs\:px-15 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .xxs\:pt-15 {
    padding-top: 20rem;
  }
  .xxs\:px-16 {
    padding-left: 22rem;
    padding-right: 22rem;
  }
  .xxs\:pt-16 {
    padding-top: 22rem;
  }
  .xxs\:px-17 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
  .xxs\:pt-17 {
    padding-top: 24rem;
  }
  .xxs\:px-18 {
    padding-left: 26rem;
    padding-right: 26rem;
  }
  .xxs\:pt-18 {
    padding-top: 26rem;
  }
  .xxs\:px-19 {
    padding-left: 28rem;
    padding-right: 28rem;
  }
  .xxs\:pt-19 {
    padding-top: 28rem;
  }
  .xxs\:px-20 {
    padding-left: 30rem;
    padding-right: 30rem;
  }
  .xxs\:pt-20 {
    padding-top: 30rem;
  }
  .xxs\:px-21 {
    padding-left: 32rem;
    padding-right: 32rem;
  }
  .xxs\:pt-21 {
    padding-top: 32rem;
  }
  .xxs\:px-22 {
    padding-left: 34rem;
    padding-right: 34rem;
  }
  .xxs\:pt-22 {
    padding-top: 34rem;
  }
  .xxs\:px-23 {
    padding-left: 36rem;
    padding-right: 36rem;
  }
  .xxs\:pt-23 {
    padding-top: 36rem;
  }
  .xxs\:px-24 {
    padding-left: 38rem;
    padding-right: 38rem;
  }
  .xxs\:pt-24 {
    padding-top: 38rem;
  }
  .xxs\:px-25 {
    padding-left: 40rem;
    padding-right: 40rem;
  }
  .xxs\:pt-25 {
    padding-top: 40rem;
  }
  .xxs\:px-26 {
    padding-left: 42rem;
    padding-right: 42rem;
  }
  .xxs\:pt-26 {
    padding-top: 42rem;
  }
  .xxs\:px-27 {
    padding-left: 44rem;
    padding-right: 44rem;
  }
  .xxs\:pt-27 {
    padding-top: 44rem;
  }
  .xxs\:px-28 {
    padding-left: 46rem;
    padding-right: 46rem;
  }
  .xxs\:pt-28 {
    padding-top: 46rem;
  }
  .xxs\:px-29 {
    padding-left: 48rem;
    padding-right: 48rem;
  }
  .xxs\:pt-29 {
    padding-top: 48rem;
  }
  .xxs\:px-30 {
    padding-left: 50rem;
    padding-right: 50rem;
  }
  .xxs\:pt-30 {
    padding-top: 50rem;
  }
}
@media (max-width: 769px) {
  .xs\:has-gap-1 {
    gap: 0.5rem;
  }
  .xs\:has-gap-2 {
    gap: 1rem;
  }
  .xs\:has-gap-3 {
    gap: 1.5rem;
  }
  .xs\:has-gap-4 {
    gap: 2rem;
  }
  .xs\:has-gap-5 {
    gap: 3rem;
  }
  .xs\:has-gap-6 {
    gap: 4rem;
  }
  .xs\:has-gap-7 {
    gap: 5rem;
  }
  .xs\:has-gap-8 {
    gap: 6rem;
  }
  .xs\:has-gap-9 {
    gap: 7rem;
  }
  .xs\:has-gap-10 {
    gap: 8rem;
  }
  .xs\:px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .xs\:pt-0 {
    padding-top: 0rem;
  }
  .xs\:px-1px {
    padding-left: 0.063rem;
    padding-right: 0.063rem;
  }
  .xs\:pt-1px {
    padding-top: 0.063rem;
  }
  .xs\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xs\:pt-1 {
    padding-top: 0.25rem;
  }
  .xs\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xs\:pt-2 {
    padding-top: 0.5rem;
  }
  .xs\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xs\:pt-3 {
    padding-top: 0.75rem;
  }
  .xs\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xs\:pt-4 {
    padding-top: 1rem;
  }
  .xs\:px-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xs\:pt-5 {
    padding-top: 1.5rem;
  }
  .xs\:px-5_1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xs\:pt-5_1 {
    padding-top: 2.5rem;
  }
  .xs\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xs\:pt-6 {
    padding-top: 3rem;
  }
  .xs\:px-6_1 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .xs\:pt-6_1 {
    padding-top: 3.5rem;
  }
  .xs\:px-7 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
  .xs\:pt-7 {
    padding-top: 4.5rem;
  }
  .xs\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .xs\:pt-8 {
    padding-top: 6rem;
  }
  .xs\:px-9 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .xs\:pt-9 {
    padding-top: 8rem;
  }
  .xs\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .xs\:pt-10 {
    padding-top: 10rem;
  }
  .xs\:px-11 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .xs\:pt-11 {
    padding-top: 12rem;
  }
  .xs\:px-12 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .xs\:pt-12 {
    padding-top: 14rem;
  }
  .xs\:px-13 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .xs\:pt-13 {
    padding-top: 16rem;
  }
  .xs\:px-14 {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .xs\:pt-14 {
    padding-top: 18rem;
  }
  .xs\:px-15 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .xs\:pt-15 {
    padding-top: 20rem;
  }
  .xs\:px-16 {
    padding-left: 22rem;
    padding-right: 22rem;
  }
  .xs\:pt-16 {
    padding-top: 22rem;
  }
  .xs\:px-17 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
  .xs\:pt-17 {
    padding-top: 24rem;
  }
  .xs\:px-18 {
    padding-left: 26rem;
    padding-right: 26rem;
  }
  .xs\:pt-18 {
    padding-top: 26rem;
  }
  .xs\:px-19 {
    padding-left: 28rem;
    padding-right: 28rem;
  }
  .xs\:pt-19 {
    padding-top: 28rem;
  }
  .xs\:px-20 {
    padding-left: 30rem;
    padding-right: 30rem;
  }
  .xs\:pt-20 {
    padding-top: 30rem;
  }
  .xs\:px-21 {
    padding-left: 32rem;
    padding-right: 32rem;
  }
  .xs\:pt-21 {
    padding-top: 32rem;
  }
  .xs\:px-22 {
    padding-left: 34rem;
    padding-right: 34rem;
  }
  .xs\:pt-22 {
    padding-top: 34rem;
  }
  .xs\:px-23 {
    padding-left: 36rem;
    padding-right: 36rem;
  }
  .xs\:pt-23 {
    padding-top: 36rem;
  }
  .xs\:px-24 {
    padding-left: 38rem;
    padding-right: 38rem;
  }
  .xs\:pt-24 {
    padding-top: 38rem;
  }
  .xs\:px-25 {
    padding-left: 40rem;
    padding-right: 40rem;
  }
  .xs\:pt-25 {
    padding-top: 40rem;
  }
  .xs\:px-26 {
    padding-left: 42rem;
    padding-right: 42rem;
  }
  .xs\:pt-26 {
    padding-top: 42rem;
  }
  .xs\:px-27 {
    padding-left: 44rem;
    padding-right: 44rem;
  }
  .xs\:pt-27 {
    padding-top: 44rem;
  }
  .xs\:px-28 {
    padding-left: 46rem;
    padding-right: 46rem;
  }
  .xs\:pt-28 {
    padding-top: 46rem;
  }
  .xs\:px-29 {
    padding-left: 48rem;
    padding-right: 48rem;
  }
  .xs\:pt-29 {
    padding-top: 48rem;
  }
  .xs\:px-30 {
    padding-left: 50rem;
    padding-right: 50rem;
  }
  .xs\:pt-30 {
    padding-top: 50rem;
  }
}
@media (max-width: 1023px) {
  .sm\:has-gap-1 {
    gap: 0.5rem;
  }
  .sm\:has-gap-2 {
    gap: 1rem;
  }
  .sm\:has-gap-3 {
    gap: 1.5rem;
  }
  .sm\:has-gap-4 {
    gap: 2rem;
  }
  .sm\:has-gap-5 {
    gap: 3rem;
  }
  .sm\:has-gap-6 {
    gap: 4rem;
  }
  .sm\:has-gap-7 {
    gap: 5rem;
  }
  .sm\:has-gap-8 {
    gap: 6rem;
  }
  .sm\:has-gap-9 {
    gap: 7rem;
  }
  .sm\:has-gap-10 {
    gap: 8rem;
  }
  .sm\:px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .sm\:pt-0 {
    padding-top: 0rem;
  }
  .sm\:px-1px {
    padding-left: 0.063rem;
    padding-right: 0.063rem;
  }
  .sm\:pt-1px {
    padding-top: 0.063rem;
  }
  .sm\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem;
  }
  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:pt-2 {
    padding-top: 0.5rem;
  }
  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:pt-3 {
    padding-top: 0.75rem;
  }
  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:pt-4 {
    padding-top: 1rem;
  }
  .sm\:px-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:pt-5 {
    padding-top: 1.5rem;
  }
  .sm\:px-5_1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:pt-5_1 {
    padding-top: 2.5rem;
  }
  .sm\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:pt-6 {
    padding-top: 3rem;
  }
  .sm\:px-6_1 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .sm\:pt-6_1 {
    padding-top: 3.5rem;
  }
  .sm\:px-7 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
  .sm\:pt-7 {
    padding-top: 4.5rem;
  }
  .sm\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .sm\:pt-8 {
    padding-top: 6rem;
  }
  .sm\:px-9 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .sm\:pt-9 {
    padding-top: 8rem;
  }
  .sm\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .sm\:pt-10 {
    padding-top: 10rem;
  }
  .sm\:px-11 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .sm\:pt-11 {
    padding-top: 12rem;
  }
  .sm\:px-12 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .sm\:pt-12 {
    padding-top: 14rem;
  }
  .sm\:px-13 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .sm\:pt-13 {
    padding-top: 16rem;
  }
  .sm\:px-14 {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .sm\:pt-14 {
    padding-top: 18rem;
  }
  .sm\:px-15 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .sm\:pt-15 {
    padding-top: 20rem;
  }
  .sm\:px-16 {
    padding-left: 22rem;
    padding-right: 22rem;
  }
  .sm\:pt-16 {
    padding-top: 22rem;
  }
  .sm\:px-17 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
  .sm\:pt-17 {
    padding-top: 24rem;
  }
  .sm\:px-18 {
    padding-left: 26rem;
    padding-right: 26rem;
  }
  .sm\:pt-18 {
    padding-top: 26rem;
  }
  .sm\:px-19 {
    padding-left: 28rem;
    padding-right: 28rem;
  }
  .sm\:pt-19 {
    padding-top: 28rem;
  }
  .sm\:px-20 {
    padding-left: 30rem;
    padding-right: 30rem;
  }
  .sm\:pt-20 {
    padding-top: 30rem;
  }
  .sm\:px-21 {
    padding-left: 32rem;
    padding-right: 32rem;
  }
  .sm\:pt-21 {
    padding-top: 32rem;
  }
  .sm\:px-22 {
    padding-left: 34rem;
    padding-right: 34rem;
  }
  .sm\:pt-22 {
    padding-top: 34rem;
  }
  .sm\:px-23 {
    padding-left: 36rem;
    padding-right: 36rem;
  }
  .sm\:pt-23 {
    padding-top: 36rem;
  }
  .sm\:px-24 {
    padding-left: 38rem;
    padding-right: 38rem;
  }
  .sm\:pt-24 {
    padding-top: 38rem;
  }
  .sm\:px-25 {
    padding-left: 40rem;
    padding-right: 40rem;
  }
  .sm\:pt-25 {
    padding-top: 40rem;
  }
  .sm\:px-26 {
    padding-left: 42rem;
    padding-right: 42rem;
  }
  .sm\:pt-26 {
    padding-top: 42rem;
  }
  .sm\:px-27 {
    padding-left: 44rem;
    padding-right: 44rem;
  }
  .sm\:pt-27 {
    padding-top: 44rem;
  }
  .sm\:px-28 {
    padding-left: 46rem;
    padding-right: 46rem;
  }
  .sm\:pt-28 {
    padding-top: 46rem;
  }
  .sm\:px-29 {
    padding-left: 48rem;
    padding-right: 48rem;
  }
  .sm\:pt-29 {
    padding-top: 48rem;
  }
  .sm\:px-30 {
    padding-left: 50rem;
    padding-right: 50rem;
  }
  .sm\:pt-30 {
    padding-top: 50rem;
  }
}
@media (max-width: 1215px) {
  .md\:has-gap-1 {
    gap: 0.5rem;
  }
  .md\:has-gap-2 {
    gap: 1rem;
  }
  .md\:has-gap-3 {
    gap: 1.5rem;
  }
  .md\:has-gap-4 {
    gap: 2rem;
  }
  .md\:has-gap-5 {
    gap: 3rem;
  }
  .md\:has-gap-6 {
    gap: 4rem;
  }
  .md\:has-gap-7 {
    gap: 5rem;
  }
  .md\:has-gap-8 {
    gap: 6rem;
  }
  .md\:has-gap-9 {
    gap: 7rem;
  }
  .md\:has-gap-10 {
    gap: 8rem;
  }
  .md\:px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .md\:pt-0 {
    padding-top: 0rem;
  }
  .md\:px-1px {
    padding-left: 0.063rem;
    padding-right: 0.063rem;
  }
  .md\:pt-1px {
    padding-top: 0.063rem;
  }
  .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md\:pt-1 {
    padding-top: 0.25rem;
  }
  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:pt-2 {
    padding-top: 0.5rem;
  }
  .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:pt-3 {
    padding-top: 0.75rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:pt-4 {
    padding-top: 1rem;
  }
  .md\:px-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:pt-5 {
    padding-top: 1.5rem;
  }
  .md\:px-5_1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:pt-5_1 {
    padding-top: 2.5rem;
  }
  .md\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:pt-6 {
    padding-top: 3rem;
  }
  .md\:px-6_1 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .md\:pt-6_1 {
    padding-top: 3.5rem;
  }
  .md\:px-7 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
  .md\:pt-7 {
    padding-top: 4.5rem;
  }
  .md\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .md\:pt-8 {
    padding-top: 6rem;
  }
  .md\:px-9 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .md\:pt-9 {
    padding-top: 8rem;
  }
  .md\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .md\:pt-10 {
    padding-top: 10rem;
  }
  .md\:px-11 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .md\:pt-11 {
    padding-top: 12rem;
  }
  .md\:px-12 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .md\:pt-12 {
    padding-top: 14rem;
  }
  .md\:px-13 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .md\:pt-13 {
    padding-top: 16rem;
  }
  .md\:px-14 {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .md\:pt-14 {
    padding-top: 18rem;
  }
  .md\:px-15 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .md\:pt-15 {
    padding-top: 20rem;
  }
  .md\:px-16 {
    padding-left: 22rem;
    padding-right: 22rem;
  }
  .md\:pt-16 {
    padding-top: 22rem;
  }
  .md\:px-17 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
  .md\:pt-17 {
    padding-top: 24rem;
  }
  .md\:px-18 {
    padding-left: 26rem;
    padding-right: 26rem;
  }
  .md\:pt-18 {
    padding-top: 26rem;
  }
  .md\:px-19 {
    padding-left: 28rem;
    padding-right: 28rem;
  }
  .md\:pt-19 {
    padding-top: 28rem;
  }
  .md\:px-20 {
    padding-left: 30rem;
    padding-right: 30rem;
  }
  .md\:pt-20 {
    padding-top: 30rem;
  }
  .md\:px-21 {
    padding-left: 32rem;
    padding-right: 32rem;
  }
  .md\:pt-21 {
    padding-top: 32rem;
  }
  .md\:px-22 {
    padding-left: 34rem;
    padding-right: 34rem;
  }
  .md\:pt-22 {
    padding-top: 34rem;
  }
  .md\:px-23 {
    padding-left: 36rem;
    padding-right: 36rem;
  }
  .md\:pt-23 {
    padding-top: 36rem;
  }
  .md\:px-24 {
    padding-left: 38rem;
    padding-right: 38rem;
  }
  .md\:pt-24 {
    padding-top: 38rem;
  }
  .md\:px-25 {
    padding-left: 40rem;
    padding-right: 40rem;
  }
  .md\:pt-25 {
    padding-top: 40rem;
  }
  .md\:px-26 {
    padding-left: 42rem;
    padding-right: 42rem;
  }
  .md\:pt-26 {
    padding-top: 42rem;
  }
  .md\:px-27 {
    padding-left: 44rem;
    padding-right: 44rem;
  }
  .md\:pt-27 {
    padding-top: 44rem;
  }
  .md\:px-28 {
    padding-left: 46rem;
    padding-right: 46rem;
  }
  .md\:pt-28 {
    padding-top: 46rem;
  }
  .md\:px-29 {
    padding-left: 48rem;
    padding-right: 48rem;
  }
  .md\:pt-29 {
    padding-top: 48rem;
  }
  .md\:px-30 {
    padding-left: 50rem;
    padding-right: 50rem;
  }
  .md\:pt-30 {
    padding-top: 50rem;
  }
}
@media (max-width: 1407px) {
  .lg\:has-gap-1 {
    gap: 0.5rem;
  }
  .lg\:has-gap-2 {
    gap: 1rem;
  }
  .lg\:has-gap-3 {
    gap: 1.5rem;
  }
  .lg\:has-gap-4 {
    gap: 2rem;
  }
  .lg\:has-gap-5 {
    gap: 3rem;
  }
  .lg\:has-gap-6 {
    gap: 4rem;
  }
  .lg\:has-gap-7 {
    gap: 5rem;
  }
  .lg\:has-gap-8 {
    gap: 6rem;
  }
  .lg\:has-gap-9 {
    gap: 7rem;
  }
  .lg\:has-gap-10 {
    gap: 8rem;
  }
  .lg\:px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .lg\:pt-0 {
    padding-top: 0rem;
  }
  .lg\:px-1px {
    padding-left: 0.063rem;
    padding-right: 0.063rem;
  }
  .lg\:pt-1px {
    padding-top: 0.063rem;
  }
  .lg\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem;
  }
  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem;
  }
  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:pt-3 {
    padding-top: 0.75rem;
  }
  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:pt-4 {
    padding-top: 1rem;
  }
  .lg\:px-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:pt-5 {
    padding-top: 1.5rem;
  }
  .lg\:px-5_1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:pt-5_1 {
    padding-top: 2.5rem;
  }
  .lg\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:pt-6 {
    padding-top: 3rem;
  }
  .lg\:px-6_1 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .lg\:pt-6_1 {
    padding-top: 3.5rem;
  }
  .lg\:px-7 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
  .lg\:pt-7 {
    padding-top: 4.5rem;
  }
  .lg\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .lg\:pt-8 {
    padding-top: 6rem;
  }
  .lg\:px-9 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .lg\:pt-9 {
    padding-top: 8rem;
  }
  .lg\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .lg\:pt-10 {
    padding-top: 10rem;
  }
  .lg\:px-11 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .lg\:pt-11 {
    padding-top: 12rem;
  }
  .lg\:px-12 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .lg\:pt-12 {
    padding-top: 14rem;
  }
  .lg\:px-13 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .lg\:pt-13 {
    padding-top: 16rem;
  }
  .lg\:px-14 {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .lg\:pt-14 {
    padding-top: 18rem;
  }
  .lg\:px-15 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .lg\:pt-15 {
    padding-top: 20rem;
  }
  .lg\:px-16 {
    padding-left: 22rem;
    padding-right: 22rem;
  }
  .lg\:pt-16 {
    padding-top: 22rem;
  }
  .lg\:px-17 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
  .lg\:pt-17 {
    padding-top: 24rem;
  }
  .lg\:px-18 {
    padding-left: 26rem;
    padding-right: 26rem;
  }
  .lg\:pt-18 {
    padding-top: 26rem;
  }
  .lg\:px-19 {
    padding-left: 28rem;
    padding-right: 28rem;
  }
  .lg\:pt-19 {
    padding-top: 28rem;
  }
  .lg\:px-20 {
    padding-left: 30rem;
    padding-right: 30rem;
  }
  .lg\:pt-20 {
    padding-top: 30rem;
  }
  .lg\:px-21 {
    padding-left: 32rem;
    padding-right: 32rem;
  }
  .lg\:pt-21 {
    padding-top: 32rem;
  }
  .lg\:px-22 {
    padding-left: 34rem;
    padding-right: 34rem;
  }
  .lg\:pt-22 {
    padding-top: 34rem;
  }
  .lg\:px-23 {
    padding-left: 36rem;
    padding-right: 36rem;
  }
  .lg\:pt-23 {
    padding-top: 36rem;
  }
  .lg\:px-24 {
    padding-left: 38rem;
    padding-right: 38rem;
  }
  .lg\:pt-24 {
    padding-top: 38rem;
  }
  .lg\:px-25 {
    padding-left: 40rem;
    padding-right: 40rem;
  }
  .lg\:pt-25 {
    padding-top: 40rem;
  }
  .lg\:px-26 {
    padding-left: 42rem;
    padding-right: 42rem;
  }
  .lg\:pt-26 {
    padding-top: 42rem;
  }
  .lg\:px-27 {
    padding-left: 44rem;
    padding-right: 44rem;
  }
  .lg\:pt-27 {
    padding-top: 44rem;
  }
  .lg\:px-28 {
    padding-left: 46rem;
    padding-right: 46rem;
  }
  .lg\:pt-28 {
    padding-top: 46rem;
  }
  .lg\:px-29 {
    padding-left: 48rem;
    padding-right: 48rem;
  }
  .lg\:pt-29 {
    padding-top: 48rem;
  }
  .lg\:px-30 {
    padding-left: 50rem;
    padding-right: 50rem;
  }
  .lg\:pt-30 {
    padding-top: 50rem;
  }
}
@media (max-width: 1408px) {
  .xl\:has-gap-1 {
    gap: 0.5rem;
  }
  .xl\:has-gap-2 {
    gap: 1rem;
  }
  .xl\:has-gap-3 {
    gap: 1.5rem;
  }
  .xl\:has-gap-4 {
    gap: 2rem;
  }
  .xl\:has-gap-5 {
    gap: 3rem;
  }
  .xl\:has-gap-6 {
    gap: 4rem;
  }
  .xl\:has-gap-7 {
    gap: 5rem;
  }
  .xl\:has-gap-8 {
    gap: 6rem;
  }
  .xl\:has-gap-9 {
    gap: 7rem;
  }
  .xl\:has-gap-10 {
    gap: 8rem;
  }
  .xl\:px-0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .xl\:pt-0 {
    padding-top: 0rem;
  }
  .xl\:px-1px {
    padding-left: 0.063rem;
    padding-right: 0.063rem;
  }
  .xl\:pt-1px {
    padding-top: 0.063rem;
  }
  .xl\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xl\:pt-1 {
    padding-top: 0.25rem;
  }
  .xl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xl\:pt-2 {
    padding-top: 0.5rem;
  }
  .xl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xl\:pt-3 {
    padding-top: 0.75rem;
  }
  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xl\:pt-4 {
    padding-top: 1rem;
  }
  .xl\:px-5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xl\:pt-5 {
    padding-top: 1.5rem;
  }
  .xl\:px-5_1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xl\:pt-5_1 {
    padding-top: 2.5rem;
  }
  .xl\:px-6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xl\:pt-6 {
    padding-top: 3rem;
  }
  .xl\:px-6_1 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .xl\:pt-6_1 {
    padding-top: 3.5rem;
  }
  .xl\:px-7 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }
  .xl\:pt-7 {
    padding-top: 4.5rem;
  }
  .xl\:px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .xl\:pt-8 {
    padding-top: 6rem;
  }
  .xl\:px-9 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .xl\:pt-9 {
    padding-top: 8rem;
  }
  .xl\:px-10 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
  .xl\:pt-10 {
    padding-top: 10rem;
  }
  .xl\:px-11 {
    padding-left: 12rem;
    padding-right: 12rem;
  }
  .xl\:pt-11 {
    padding-top: 12rem;
  }
  .xl\:px-12 {
    padding-left: 14rem;
    padding-right: 14rem;
  }
  .xl\:pt-12 {
    padding-top: 14rem;
  }
  .xl\:px-13 {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .xl\:pt-13 {
    padding-top: 16rem;
  }
  .xl\:px-14 {
    padding-left: 18rem;
    padding-right: 18rem;
  }
  .xl\:pt-14 {
    padding-top: 18rem;
  }
  .xl\:px-15 {
    padding-left: 20rem;
    padding-right: 20rem;
  }
  .xl\:pt-15 {
    padding-top: 20rem;
  }
  .xl\:px-16 {
    padding-left: 22rem;
    padding-right: 22rem;
  }
  .xl\:pt-16 {
    padding-top: 22rem;
  }
  .xl\:px-17 {
    padding-left: 24rem;
    padding-right: 24rem;
  }
  .xl\:pt-17 {
    padding-top: 24rem;
  }
  .xl\:px-18 {
    padding-left: 26rem;
    padding-right: 26rem;
  }
  .xl\:pt-18 {
    padding-top: 26rem;
  }
  .xl\:px-19 {
    padding-left: 28rem;
    padding-right: 28rem;
  }
  .xl\:pt-19 {
    padding-top: 28rem;
  }
  .xl\:px-20 {
    padding-left: 30rem;
    padding-right: 30rem;
  }
  .xl\:pt-20 {
    padding-top: 30rem;
  }
  .xl\:px-21 {
    padding-left: 32rem;
    padding-right: 32rem;
  }
  .xl\:pt-21 {
    padding-top: 32rem;
  }
  .xl\:px-22 {
    padding-left: 34rem;
    padding-right: 34rem;
  }
  .xl\:pt-22 {
    padding-top: 34rem;
  }
  .xl\:px-23 {
    padding-left: 36rem;
    padding-right: 36rem;
  }
  .xl\:pt-23 {
    padding-top: 36rem;
  }
  .xl\:px-24 {
    padding-left: 38rem;
    padding-right: 38rem;
  }
  .xl\:pt-24 {
    padding-top: 38rem;
  }
  .xl\:px-25 {
    padding-left: 40rem;
    padding-right: 40rem;
  }
  .xl\:pt-25 {
    padding-top: 40rem;
  }
  .xl\:px-26 {
    padding-left: 42rem;
    padding-right: 42rem;
  }
  .xl\:pt-26 {
    padding-top: 42rem;
  }
  .xl\:px-27 {
    padding-left: 44rem;
    padding-right: 44rem;
  }
  .xl\:pt-27 {
    padding-top: 44rem;
  }
  .xl\:px-28 {
    padding-left: 46rem;
    padding-right: 46rem;
  }
  .xl\:pt-28 {
    padding-top: 46rem;
  }
  .xl\:px-29 {
    padding-left: 48rem;
    padding-right: 48rem;
  }
  .xl\:pt-29 {
    padding-top: 48rem;
  }
  .xl\:px-30 {
    padding-left: 50rem;
    padding-right: 50rem;
  }
  .xl\:pt-30 {
    padding-top: 50rem;
  }
}
.alert {
  transition: all 0.6s ease-in-out;
  position: relative;
  background: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(79, 94, 113, 0.1215686275);
  color: #5d738e;
  border-left: 0.25rem solid transparent;
  border-radius: 0.375rem;
  margin-left: 1rem;
  width: -moz-max-content;
  width: max-content;
}
.alert__title {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.alert__title-icon {
  font-size: 1.3rem;
}
.alert__message {
  width: 100%;
}
.alert__button.button {
  position: absolute;
  top: 0;
  right: 0;
  color: #5d738e;
  font-size: 1.3rem;
  aspect-ratio: 1/1;
  display: flex;
  width: 2rem;
}
.alert.is-success {
  border-color: #1b7e19;
}
.alert.is-success .alert__title {
  color: #1b7e19;
}
.alert.is-success .alert__title-icon::before {
  content: "check_circle";
}
.alert.is-info {
  border-color: #255fe5;
  background-color: rgba(37, 95, 229, 0.1);
  color: rgb(20.1926229508, 65.237704918, 169.3073770492);
}
.alert.is-info .alert__title {
  color: #255fe5;
}
.alert.is-info .alert__title-icon::before {
  content: "info";
}
.alert.is-error {
  border-color: #d21c1c;
  background-color: rgba(210, 28, 28, 0.1);
  color: rgb(142.5, 19, 19);
}
.alert.is-error .alert__title {
  color: #d21c1c;
}
.alert.is-error .alert__title-icon::before {
  content: "info";
}
.alert.is-danger {
  border-color: #b91919;
}
.alert.is-danger .alert__title {
  color: #b91919;
}
.alert.is-danger .alert__title-icon::before {
  content: "warning";
}
.alert.is-warning {
  border-color: #c96f00;
}
.alert.is-warning .alert__title {
  color: #c96f00;
}
.alert.is-warning .alert__title-icon::before {
  content: "warning";
}

.lq-side-navigation {
  max-width: 13.563rem;
  background-color: #00392c;
  border-radius: 0 1.284rem 1.284rem 0;
  box-shadow: 6.9px 7.67px 48.29px 0 rgba(0, 0, 0, 0.3);
  height: 100dvh;
  width: 13.563rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: sticky;
  top: 0;
}
.lq-side-navigation .logo {
  display: flex;
  width: 100%;
}
.lq-side-navigation .logo svg {
  max-width: 55px;
}
.lq-side-navigation--mobile {
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 769px) {
  .lq-side-navigation--mobile {
    position: fixed;
    transform: translateX(-100%);
  }
  .lq-side-navigation--mobile.is-open {
    transform: translateX(0%);
  }
}
@media only screen and (max-width: 769px) {
  .lq-side-navigation__overlay {
    background-color: rgba(0, 57, 44, 0.5);
    width: 100dvw;
    height: 100dvh;
    position: fixed;
    top: 0;
  }
}

.navbar {
  position: fixed;
  top: 0;
  width: 100%;
}

.navbar-brand {
  background-color: #ffffff;
}

.hidden {
  display: none;
}

.logo {
  width: 3rem;
}
.logo svg {
  width: auto;
  height: auto;
}

nav.navbar.is-hidden-tablet.z-4.is-open,
.is-open .navbar-brand,
nav.navbar.is-hidden-tablet.z-3.is-open {
  background-color: transparent;
}

.lq-menu-list {
  color: #ffffff;
}
.lq-menu-list__item {
  color: inherit;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border: 0.3rem solid transparent;
  border-left-width: 0;
  border-block: none;
  cursor: pointer;
}
.lq-menu-list__item:hover {
  background: transparent;
  color: #afed33;
}
.lq-menu-list__item.is-active {
  background: #afed33;
  color: #00392c;
  border-right-color: #dbffd1;
}
.lq-menu-list__item a {
  color: inherit;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
}

.company-menu {
  display: grid;
  grid-template-columns: 1.5rem auto 2.125rem;
  align-items: center;
  position: relative;
}
.company-menu__details {
  color: white;
  width: 8.75rem;
  flex-grow: 1;
}
.company-menu__details span {
  font-size: 0.875rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 99%;
  overflow: hidden;
}
.company-menu__dropdown {
  display: inherit;
  transform: translate(93%, calc(-100% - 0.5rem));
  top: 100%;
  right: 0;
}
@media only screen and (max-width: 450px) {
  .company-menu__dropdown {
    left: 0;
    top: 100%;
    transform: translateY(-100%);
    width: 100vw;
  }
}
.company-menu .dropdown-content {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px !important;
}
.company-menu li.dropdown-item {
  color: #4f5e71;
}
.company-menu li.dropdown-item.is-active {
  color: #00392c;
  background-color: #afed33;
}
.company-menu li.dropdown-item:not(.is-active):hover {
  background: rgba(0, 0, 0, 0.04);
}

.lq-icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  aspect-ratio: 1/1;
  font-size: 1.3rem;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 10rem;
}
.lq-icon-button:hover {
  background-color: rgba(105, 125, 149, 0.2);
}
.lq-icon-button:hover {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #e5eaef;
}
.lq-icon-button:focus, .lq-icon-button:active {
  border-color: #afed33;
}
.lq-icon-button.is-danger {
  color: #b91919;
}
.lq-icon-button.is-danger:hover {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #b91919;
}
.lq-icon-button.is-large {
  width: 2.75rem;
  height: 2.75rem;
}
.lq-icon-button.is-secondary {
  border: 1px solid;
  background-color: inherit;
}
.lq-icon-button.is-secondary:hover {
  background-color: rgba(105, 125, 149, 0.1);
}
.lq-icon-button.is-secondary:active {
  border: 0.188rem solid;
}
.lq-icon-button[disabled], .lq-icon-button.is-disabled {
  opacity: 0.6;
  pointer-events: none;
}

.lq-modal {
  display: none;
}
.lq-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.lq-modal.is-active {
  display: block;
  z-index: 10000;
}
.lq-modal-background {
  background-color: rgba(0, 57, 44, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
}
.lq-modal-content {
  border-radius: 10px;
  min-height: 350px;
  max-height: 90vh;
  background-color: #ffffff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px 32px;
  max-height: 95dvh;
  overflow-y: scroll;
  z-index: 11;
}
@media screen and (max-width: 1024px) {
  .lq-modal-content {
    padding: 16px 24px;
    width: calc(100% - 48px);
  }
}
.lq-modal-content .title-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 16px;
}
.lq-modal-content .title-container .main-title {
  font-size: 24px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1024px) {
  .lq-modal-content .title-container .main-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .lq-modal-content .title-container .main-title {
    font-size: 18px;
  }
}
.lq-modal-content .title-container .close-icon {
  font-size: 24px;
  background: transparent;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  text-align: center;
  cursor: pointer;
}
.lq-modal-content .title-container .close-icon .material-symbols-outlined {
  transition: all 0.4s ease-in-out;
}
.lq-modal-content .title-container .close-icon:hover {
  background: rgba(0, 57, 44, 0.3);
}
.lq-modal-content .title-container .close-icon:hover .material-symbols-outlined {
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .lq-modal-content .title-container .close-icon {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .lq-modal-content .title-container .close-icon {
    font-size: 18px;
  }
}
.lq-modal:focus, .lq-modal:active {
  border-color: #afed33;
}

.lq-progress {
  width: 100%;
  height: 0.5rem;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
.lq-progress.has-transparent-bg {
  background-color: transparent;
}
.lq-progress__bar {
  width: 100%;
  height: 0.5rem;
  background-color: #afed33;
  position: relative;
  transition: all 0.8s ease-in-out;
}
.lq-progress__bar.is-rounded {
  border-radius: 10rem;
}

.select.lq-choices {
  height: auto;
}
.select.lq-choices.is-rounded .choices__inner {
  border-radius: 3ch;
}
.select.lq-choices.is-normal .choices__inner {
  padding: 0 5px;
  padding-right: 35px;
}
.select.lq-choices .choices {
  margin: 0;
}
.select.lq-choices .choices::after {
  display: none;
}
.select.lq-choices .choices .choices__list .choices__placeholder {
  opacity: 1;
  color: rgba(46, 51, 61, 0.3);
}
.select.lq-choices .choices__list--multiple {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem 0;
}
.select.lq-choices .choices__list .choices__item {
  border: unset;
  position: relative;
  font-size: 1rem;
  color: #2e333d;
}
.select.lq-choices .choices__list .choices__item.choices__item--selectable[data-deletable]:not(:last-child) {
  margin-right: 5px;
}
.select.lq-choices .choices__list .choices__item button.choices__button {
  border: unset;
  border-radius: 20px;
  height: 16px;
  width: 16px;
  aspect-ratio: 1/1;
  padding: 0;
  margin: 0 0 0 8px;
  background-position: center;
  background-repeat: no-repeat;
  transition-property: none;
  background-color: rgba(0, 0, 0, 0.7);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="30px" width="30px" viewBox="0 -960 960 960" fill="%23fff"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>');
  background-size: contain;
}
.select.lq-choices .choices__list .choices__item button.choices__button:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.select.lq-choices .choices .choices__list--dropdown {
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  border: unset;
  z-index: 99;
}
.select.lq-choices .choices__inner {
  background-color: unset;
  border: 0.063rem solid rgb(46, 51, 61);
  min-height: 2.5rem;
  border-radius: 0.375rem;
  align-items: center;
  border-width: 1px;
  padding: 4px 5px;
  padding-right: 35px;
}
.select.lq-choices .choices__inner .choices__input {
  margin: 0;
  font-size: 1rem;
  background: unset;
}
.select.lq-choices .choices__inner .choices__input--cloned {
  min-width: unset !important;
  width: -moz-min-content !important;
  width: min-content !important;
  flex-shrink: 3;
  max-width: unset;
  padding-right: 10px;
  padding-left: 6px;
}
.select.lq-choices .choices__inner .choices__input--cloned::-moz-placeholder {
  white-space: pre-line;
  color: rgba(46, 51, 61, 0.3);
}
.select.lq-choices .choices__inner .choices__input--cloned::placeholder {
  white-space: pre-line;
  color: rgba(46, 51, 61, 0.3);
}
.select.lq-choices .choices__inner .choices__list--single {
  padding: 7px 7px 7px 11px;
}
.select.lq-choices .choices__inner .choices__list--single .choices__button {
  transform: translateY(-50%);
}
.select.lq-choices .choices__inner .choices__list--multiple .choices__item {
  font-size: 0.875rem;
  background: unset;
  border: 1px solid rgb(189, 189, 189);
  color: #2e333d;
}
.select.lq-choices .choices.is-focused .choices__inner, .select.lq-choices .choices select:focus, .select.lq-choices .choices select:active {
  border-color: #afed33;
  box-shadow: 0 0 0 0.125em hsla(97, 100%, 50%, 0.25);
}

.lq-checkbox .checkbox-container {
  color: #00392c;
  font-family: inherit;
  color: inherit;
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* Show the checkmark when checked */
}
.lq-checkbox .checkbox-container__input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.lq-checkbox .checkbox-container__checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: #ffffff;
  border: 0.063rem solid #5d738e;
  border-radius: 0.188rem;
}
.lq-checkbox .checkbox-container:hover .checkbox-container__input ~ .checkbox-container__checkmark {
  background: #e5eaef;
}
.lq-checkbox .checkbox-container__checkmark::after {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml,<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.29658 4.44495C1.06785 4.20518 0.688055 4.19624 0.448291 4.42498C0.208526 4.65371 0.199586 5.03351 0.428321 5.27327L2.81004 7.76982C3.05528 8.02689 3.46895 8.01574 3.69998 7.74583L9.4274 1.05475C9.64288 0.803014 9.61349 0.424254 9.36175 0.20877C9.11001 -0.00671417 8.73125 0.0226773 8.51576 0.274418L3.50785 6.12494C3.35383 6.30487 3.07805 6.31231 2.91455 6.14093L1.29658 4.44495Z" fill="%2300392C"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-color: #afed33;
}
.lq-checkbox .checkbox-container__input:checked ~ .checkbox-container__checkmark:after {
  display: block;
}
.lq-checkbox .checkbox-container__input:checked + .checkbox-container__checkmark {
  border: 0.063rem solid #afed33;
}
.lq-checkbox .checkbox-container--outlined {
  padding: 15px;
  border-radius: 5px;
}
.lq-checkbox .checkbox-container--outlined .checkbox-container__checkmark {
  overflow: visible;
}
.lq-checkbox .checkbox-container--outlined .checkbox-container__checkmark {
  left: 50%;
  transform: translate(-50%, -50%);
}
.lq-checkbox .checkbox-container--outlined .checkbox-container__input:checked ~ .checkbox-container__checkmark {
  border: 1px solid #bac7d5;
}
.lq-checkbox .checkbox-container--outlined .checkbox-container__input:checked ~ .checkbox-container__checkmark::after {
  border-radius: 0.25rem;
}
.lq-checkbox .checkbox-container--outlined .checkbox-container__input:checked ~ .checkbox-container__checkmark::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #f5f7f9;
  padding: 10px;
  border-radius: 0.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.4);
  z-index: -1;
}

.multiSelect .dropdown-content {
  max-height: 70dvh;
  overflow: auto;
}
.multiSelect .dropdown-item:hover {
  background-color: #f5f7f9;
}
.multiSelect .dropdown-item.is-active {
  background-color: rgba(175, 237, 51, 0.2);
}
.multiSelect .button.is-loading:after {
  right: 12px;
  left: auto;
}
.multiSelect .button.is-loading {
  color: inherit !important;
}
.multiSelect .button.is-loading .icon {
  opacity: 0;
}
.multiSelect .button {
  box-shadow: unset;
  border: 1px solid #697d95;
}
.multiSelect .button:focus,
.multiSelect .button:hover {
  border-color: #afed33;
  box-shadow: 0 0 0 0.125em hsla(97, 100%, 50%, 0.25);
}
.multiSelect.has-selection .dropdown-trigger button.button {
  border: 1px solid rgb(175, 237, 51);
  outline: rgb(175, 237, 51) solid 1px;
  box-shadow: unset;
}

.lq-input-container {
  height: 37px;
}
.lq-input-container .input.is-minimal {
  height: 25px;
  border-bottom-color: #bac7d5;
  field-sizing: content;
  min-width: 30px;
  font-size: 1rem;
}

.input.is-minimal {
  border-color: transparent;
  box-shadow: unset;
  border-bottom-color: inherit;
  border-radius: initial;
}

.skeleton-loader {
  display: inline-block;
  background-color: #bac7d5;
  border-radius: 10px;
  opacity: 0.6;
  animation: pulseOpacity 1.5s ease-in-out infinite;
}
.skeleton-loader.is-button {
  height: 2.5rem;
  width: 10.625rem;
}

.tag {
  line-height: normal;
}
.tag.is-outlined:not(.is-skeleton):not(.is-skeleton) {
  border: 1px solid #bac7d5;
  color: #00392c;
}
.tag.is-info {
  background-color: #ccf6ff;
  color: #015365;
}

.lq-tabs {
  position: relative;
}
.lq-tabs.is-primary .lq-tabs__marker {
  background: #afed33;
}
.lq-tabs.is-primary li .is-active a {
  color: #afed33;
}
.lq-tabs.is-primary li a:hover {
  color: #00392c;
}
.lq-tabs.is-secondary .lq-tabs__marker {
  background: #00392c;
}
.lq-tabs.is-secondary li .is-active a {
  color: #00392c;
}
.lq-tabs.is-secondary li a:hover {
  color: #00392c;
}
.lq-tabs__marker {
  left: -100vw;
  bottom: 0;
  position: absolute;
  width: 50px;
  height: 3px;
  background: #afed33;
  transform: scale(0);
  transition: transform 0.3s ease, width 0.3s ease;
}
.lq-tabs li a {
  font-weight: 700;
  color: #5d738e;
}
.lq-tabs li.is-active a {
  color: #00392c;
}

.has-disc-separator {
  padding-left: 1.25rem;
}
.has-disc-separator li {
  list-style: disc;
}
.has-disc-separator li::marker {
  font-size: 0.7em;
}

ul .anchor-item a {
  position: relative;
}
ul .anchor-item a::before {
  display: block;
  height: 1px;
  position: absolute;
  bottom: -2px;
  transform: translate(0, -50%);
  left: 0;
  background-color: #00392c;
  content: "";
  width: 0;
  transition: all 0.4s ease-in-out;
}
ul .anchor-item.is-active a::before {
  width: 100%;
}

hr.lq-section-divider {
  border: unset;
  height: 1px;
  background-color: unset;
  margin: 0;
  padding: 0;
  display: block;
  border-bottom: 1px solid #bac7d5;
}

.button.is-danger.is-text {
  color: #b91919;
}
.button.is-ghost {
  color: #00392c;
}
.button.is-ghost:hover {
  color: #00392c;
}
.button.is-tertiary {
  border-color: #dbffd1;
  background-color: #dbffd1;
}
.button.is-tertiary.is-text {
  text-decoration: none;
  background-color: unset;
}
.button.is-tertiary.is-text:hover {
  background-color: #dbffd1;
}

.modal-content-container {
  display: none;
  width: 80dvw;
  max-width: 100%;
  height: 90dvh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px 32px;
  max-height: 95dvh;
  overflow-y: scroll;
  z-index: 11;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px;
}
.modal-content-container.is-open {
  display: block;
}
.modal-content-container .modal-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modal-content-container .modal-content .modal-content-header {
  position: fixed;
  top: 24px;
  left: 24px;
  width: calc(100% - 48px);
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
}
.modal-content-container .modal-content .modal-content-header > span {
  cursor: pointer;
}
.modal-content-container .modal-content .modal-content-body {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}

.is-white-space-nowrap {
  white-space: nowrap;
}

.is-fullwidth-on-mobile {
  width: inherit;
}

.is-flex-wrap-wrap-on-mobile {
  flex-wrap: nowrap;
}

.is-flex-direction-column-on-touch-screens {
  flex-direction: row;
}

.is-flex-direction-column-on-mobile {
  flex-direction: row;
}

.is-align-items-flex-start-on-touch-screens {
  align-items: center;
}

.is-align-items-flex-start-on-mobile {
  align-items: center;
}

@media (max-width: 769px) {
  .is-fullwidth-on-mobile {
    width: 100%;
    display: block;
  }
  .is-100-vw-on-mobile {
    width: 100vw;
  }
  .mb-0-on-mobile {
    margin-bottom: 0 !important;
  }
  .is-flex-direction-column-on-mobile {
    flex-direction: column;
  }
  .is-align-items-flex-start-on-mobile {
    align-items: flex-start;
  }
  .is-flex-wrap-wrap-on-mobile {
    flex-wrap: wrap !important;
  }
  .is-flex-justify-content-space-between-on-mobile {
    justify-content: space-between;
  }
  .is-flex-direction-row-reverse-on-mobile {
    flex-direction: row-reverse;
  }
  .is-order-1-on-mobile {
    order: 1;
  }
  .is-order-2-on-mobile {
    order: 2;
  }
}
@media (max-width: 1024px) {
  .is-flex-direction-column-on-touch-screens {
    flex-direction: column;
  }
  .is-flex-wrap-wrap-on-touch-screens {
    flex-wrap: wrap !important;
  }
  .is-align-items-flex-start-on-touch-screens {
    align-items: flex-start;
  }
}
.tab-switch {
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: white;
  border-radius: 0.5rem;
  padding: 0.25rem;
}
.tab-switch.is-rounded {
  border-radius: 40rem;
}
.tab-switch.is-rounded .indicator {
  border-radius: 40rem;
}
.tab-switch.is-outlined {
  border: 1px solid;
  border-color: #bac7d5;
}
.tab-switch input[type=radio] {
  display: none;
}
.tab-switch .tab {
  flex: 1 1 50%;
  text-align: center;
  padding: 0.5rem 1rem;
  cursor: pointer;
  z-index: 1;
  font-weight: 500;
  font-size: 0.875rem;
  position: relative;
}
.tab-switch .indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  background-color: #afed33;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease-in-out;
  z-index: 0;
}
.tab-switch input[type=radio]:checked + label {
  color: #00392c;
  transition: color 0.4s ease-in;
}
.tab-switch.is-neutral .indicator {
  background-color: #697d95;
}
.tab-switch.is-neutral input[type=radio]:checked + label {
  color: white;
}
.tab-switch .tab-2:checked ~ .indicator {
  transform: translateX(100%);
}
.tab-switch .tab-1:checked ~ .indicator {
  transform: translateX(0%);
}

.switch {
  display: flex;
  gap: 16px;
}
.switch .switch__toggle-bar {
  background-color: #e5eaef;
  border-radius: 40px;
  width: 56px;
  height: 28px;
  transition: all 0.4s ease-in-out;
  position: relative;
  cursor: pointer;
}
.switch .switch__toggle-bar:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 0.0625rem solid transparent;
  transition: all 0.4s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}
.switch.is-active .switch__toggle-bar {
  background-color: #afed33;
}
.switch.is-active .switch__toggle-bar:before {
  background-color: #ffffff;
  border-color: #e5eaef;
  left: 100%;
  transform: translateX(-100%);
}
.switch.is-inactive .switch__toggle-bar {
  background-color: #e5eaef;
}
.switch.is-inactive .switch__toggle-bar:before {
  background-color: #ffffff;
  border-color: #e5eaef;
  left: 0;
}
.switch.is-small .switch__toggle-bar {
  width: 38px;
  height: 14px;
}
.switch.is-small .switch__toggle-bar:before {
  width: 14px;
  height: 14px;
}
.switch.disabled .switch__toggle-bar, .switch[disabled] .switch__toggle-bar {
  background-color: #e5eaef;
  cursor: not-allowed;
}
.tooltip-control {
  position: relative;
  height: 17px;
}
.tooltip-control .tooltip-base {
  border-radius: 99px;
  cursor: default;
  display: inline-block;
  text-align: center;
  font-size: 0.75rem;
  line-height: 18px;
  position: relative;
}
.tooltip-control .tooltip {
  position: relative;
  font-size: 12px;
  line-height: 18.6px;
  font-size: 0.75rem;
  line-height: 1.1625rem;
  transition: opacity 0.3s ease-in-out;
  z-index: 1020;
  display: block;
  visibility: visible;
  padding: 5px;
  padding: 0.6rem;
  width: -moz-max-content;
  width: max-content;
  background-image: none;
  height: auto;
  background-color: #00392c;
  color: #dbffd1;
  border-radius: 0.25rem;
}
.tooltip-control .tooltip .tooltip-inner {
  max-width: 240px;
  color: #dbffd1;
  background-color: inherit;
  text-align: center;
  text-decoration: none;
  word-wrap: break-word;
}
.tooltip-control .tooltip-arrow {
  position: absolute;
}
.tooltip-control .tooltip {
  position: absolute;
  max-width: 90vw;
}
.tooltip-control[data-position=center-top] {
  position: relative;
}
.tooltip-control[data-position=center-top] .tooltip {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
}
.tooltip-control[data-position=center-top] .tooltip-arrow {
  bottom: 0;
  left: 50%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #00392c;
  width: 10px;
  transform: translate(-50%, 100%);
  bottom: 1px;
}
.tooltip-control[data-position=left-center] {
  position: relative;
}
.tooltip-control[data-position=left-center] .tooltip {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(0%, -50%);
}
.tooltip-control[data-position=left-center] .tooltip-arrow {
  bottom: 0;
  top: 50%;
  left: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #00392c;
  width: 10px;
  height: 10px;
  transform: translate(-100%, -50%) rotate(90deg);
}

.locationDropdown-container.companyDetails .selected-location-text {
  padding-bottom: 0 !important;
}
.locationDropdown-container .locationDropdown {
  position: relative;
}
.locationDropdown-container .locationDropdown.error-location-container.error .input-container {
  border-color: #b91919;
}
.locationDropdown-container .locationDropdown.error-location-container.error + .error-location-message {
  display: block;
}
.locationDropdown-container .locationDropdown .input-container {
  display: flex;
  gap: 8px;
  border: 0.063rem solid rgb(46, 51, 61);
  border-radius: 0.375rem;
  padding: 4px 5px;
}
.locationDropdown-container .locationDropdown .input-container.single {
  padding: 7px 7px 7px 11px;
}
.locationDropdown-container .locationDropdown .input-container.single:focus-within {
  border-color: #afed33;
}
.locationDropdown-container .locationDropdown .input-container.single > input {
  outline: unset;
}
.locationDropdown-container .locationDropdown .input-container.single .selected-location-container {
  padding: 4px 35px 4px 0px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.locationDropdown-container .locationDropdown .input-container.single .selected-location-container .selected-location-text {
  font-size: 1em;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.locationDropdown-container .locationDropdown .input-container.single .selected-location-container .button {
  border: unset;
  border-radius: 20px;
  height: 16px;
  width: 16px;
  aspect-ratio: 1/1;
  padding: 0;
  margin: 0 0 0 8px;
  background-position: center;
  background-repeat: no-repeat;
  transition-property: none;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0.25;
  aspect-ratio: 1/1;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="30px" width="30px" viewBox="0 -960 960 960" fill="%23fff"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>');
  background-size: contain;
}
.locationDropdown-container .locationDropdown .input-container.single .selected-location-container .button:hover {
  opacity: 0.5;
}
.locationDropdown-container .locationDropdown .input-container > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.locationDropdown-container .locationDropdown .input-container > ul > li {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #005f75;
  border: 1px solid #004a5c;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
  font-size: 0.875rem;
  background: unset;
  border: 1px solid rgb(189, 189, 189);
  color: #2e333d;
}
.locationDropdown-container .locationDropdown .input-container > ul > li > .location-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.locationDropdown-container .locationDropdown .input-container > ul > li > .button {
  border: unset;
  border-radius: 20px;
  height: 16px;
  width: 16px;
  aspect-ratio: 1/1;
  padding: 0;
  margin: 0 0 0 8px;
  background-position: center;
  background-repeat: no-repeat;
  transition-property: none;
  background-color: rgba(0, 0, 0, 0.7);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="30px" width="30px" viewBox="0 -960 960 960" fill="%23fff"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>');
  background-size: contain;
  opacity: 0.75;
}
.locationDropdown-container .locationDropdown .input-container > input {
  border: none;
  background: none;
  padding: 4px 0 4px 2px;
  font-size: 1em;
}
.locationDropdown-container .locationDropdown .input-container > input::-moz-placeholder {
  color: rgba(46, 51, 61, 0.3);
}
.locationDropdown-container .locationDropdown .input-container > input::placeholder {
  color: rgba(46, 51, 61, 0.3);
}
.locationDropdown-container .locationDropdown .location-options-list {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 4px;
  display: block;
  z-index: 99;
}
.locationDropdown-container .locationDropdown .location-options-list .location-option {
  display: none;
  border: unset;
  position: relative;
  color: #2e333d;
  padding: 10px 100px 10px 10px;
  background: #ffffff;
  cursor: pointer;
}
.locationDropdown-container .locationDropdown .location-options-list .location-option:hover {
  background-color: #f2f2f2;
}
.locationDropdown-container .locationDropdown .location-options-list .location-option .location-name {
  font-size: 1rem;
}
.locationDropdown-container .locationDropdown .location-options-list .no-options {
  display: none;
  border: unset;
  position: relative;
  color: #2e333d;
  padding: 10px 100px 10px 10px;
  background: #ffffff;
  font-size: 1rem;
}
.locationDropdown-container .locationDropdown .location-options-list .type-more {
  display: none;
  border: unset;
  position: relative;
  color: #2e333d;
  padding: 10px 100px 10px 10px;
  background: #ffffff;
  font-size: 1rem;
}
.locationDropdown-container .locationDropdown .location-options-list.active .location-option {
  display: block;
}
.locationDropdown-container .locationDropdown .location-options-list.active .no-options {
  display: block;
}
.locationDropdown-container .locationDropdown .location-options-list.active .type-more {
  display: none !important;
}
.locationDropdown-container .locationDropdown .location-options-list.focused .type-more {
  display: block;
}
.locationDropdown-container .error-location-message {
  display: none;
}
.locationDropdown-container .locationRadiusRange {
  cursor: pointer;
  -webkit-appearance: none;
  background: #afed33;
  height: 8px;
  border-radius: 8px;
  outline: none;
}
.locationDropdown-container .locationRadiusRange::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #afed33;
  border: 1px solid #00392c;
  cursor: pointer;
}

.lq-combobox {
  width: inherit;
}
.lq-combobox__btn {
  display: flex;
}
.lq-combobox__label {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lq-sticky-action-bar {
  position: fixed;
}
.lq-sticky-action-bar--bottom-right {
  bottom: 0;
  right: 0;
}
.lq-sticky-action-bar--bottom-center {
  bottom: 0;
  left: calc(13.563rem + (100vw - 13.563rem) / 2);
  transform: translateX(-50%);
}
@media only screen and (max-width: 769px) {
  .lq-sticky-action-bar--bottom-center {
    left: 50%;
  }
}
.lq-sticky-action-bar--bottom-left {
  left: 0;
  bottom: 0;
}

.talent-database-candidate-card.is-interviewed {
  border: 1px solid #afed33 !important;
}
.talent-database-candidate-card.is-selected {
  background: #dbffd1;
  background: linear-gradient(to right, rgba(219, 255, 209, 0.3725490196), #ffffff);
}

@keyframes hero-gradient-animation {
  0% {
    --c-0: hsla(77.86046511627907, 100%, 42%, 1);
    --x-0: 80%;
    --y-0: 49%;
    --s-start-0: 16%;
    --s-end-0: 87%;
    --c-1: hsla(86.66666666666669, 90%, 76%, 1);
    --x-1: 13%;
    --y-1: 68%;
    --s-start-1: 4%;
    --s-end-1: 83%;
    --c-2: hsla(100.8433734939759, 87%, 37%, 1);
    --x-2: 4%;
    --y-2: 27%;
    --s-start-2: 19%;
    --s-end-2: 56%;
    --c-3: hsla(77.86046511627907, 100%, 42%, 1);
    --x-3: 60%;
    --y-3: 60%;
    --s-start-3: 12%;
    --s-end-3: 58%;
    --c-4: hsla(245, 50%, 99%, 1);
    --x-4: 71%;
    --y-4: 98%;
    --s-start-4: 6%;
    --s-end-4: 74%;
  }
  100% {
    --c-0: hsla(106.95652173913045, 100%, 90%, 1);
    --x-0: 96%;
    --y-0: 9%;
    --s-start-0: 7%;
    --s-end-0: 62%;
    --c-1: hsla(80, 83%, 56%, 1);
    --x-1: 16%;
    --y-1: 39%;
    --s-start-1: 0%;
    --s-end-1: 80%;
    --c-2: hsla(118.8118811881188, 66%, 29%, 1);
    --x-2: 10%;
    --y-2: 62%;
    --s-start-2: 19%;
    --s-end-2: 90%;
    --c-3: hsla(166.3157894736842, 100%, 11%, 1);
    --x-3: 31%;
    --y-3: 37%;
    --s-start-3: 3%;
    --s-end-3: 77%;
    --c-4: hsla(106.95652173913045, 100%, 90%, 1);
    --x-4: 77%;
    --y-4: 20%;
    --s-start-4: 17%;
    --s-end-4: 86%;
  }
}
@property --c-0 {
  .linq-ai-gradient-background {
    syntax: "<color>";
    inherits: false;
    initial-value: hsl(77.8604651163, 100%, 42%);
  }
}
@property --x-0 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 80%;
  }
}
@property --y-0 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 49%;
  }
}
@property --s-start-0 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 16%;
  }
}
@property --s-end-0 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 87%;
  }
}
@property --c-1 {
  .linq-ai-gradient-background {
    syntax: "<color>";
    inherits: false;
    initial-value: hsl(86.6666666667, 90%, 76%);
  }
}
@property --x-1 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 13%;
  }
}
@property --y-1 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 68%;
  }
}
@property --s-start-1 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 4%;
  }
}
@property --s-end-1 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 83%;
  }
}
@property --c-2 {
  .linq-ai-gradient-background {
    syntax: "<color>";
    inherits: false;
    initial-value: hsl(100.843373494, 87%, 37%);
  }
}
@property --x-2 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 4%;
  }
}
@property --y-2 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 27%;
  }
}
@property --s-start-2 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 19%;
  }
}
@property --s-end-2 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 56%;
  }
}
@property --c-3 {
  .linq-ai-gradient-background {
    syntax: "<color>";
    inherits: false;
    initial-value: hsl(77.8604651163, 100%, 42%);
  }
}
@property --x-3 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 60%;
  }
}
@property --y-3 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 60%;
  }
}
@property --s-start-3 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 12%;
  }
}
@property --s-end-3 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 58%;
  }
}
@property --c-4 {
  .linq-ai-gradient-background {
    syntax: "<color>";
    inherits: false;
    initial-value: hsl(245, 50%, 99%);
  }
}
@property --x-4 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 71%;
  }
}
@property --y-4 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 98%;
  }
}
@property --s-start-4 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 6%;
  }
}
@property --s-end-4 {
  .linq-ai-gradient-background {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 74%;
  }
}
.linq-ai-gradient-background .your_css_selector_here {
  --c-0: hsla(77.86046511627907, 100%, 42%, 1);
  --x-0: 80%;
  --y-0: 49%;
  --c-1: hsla(86.66666666666669, 90%, 76%, 1);
  --x-1: 13%;
  --y-1: 68%;
  --c-2: hsla(100.8433734939759, 87%, 37%, 1);
  --x-2: 4%;
  --y-2: 27%;
  --c-3: hsla(77.86046511627907, 100%, 42%, 1);
  --x-3: 60%;
  --y-3: 60%;
  --c-4: hsla(245, 50%, 99%, 1);
  --x-4: 71%;
  --y-4: 98%;
  background-color: hsl(106.9565217391, 100%, 90%);
  background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)), radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4));
  animation: hero-gradient-animation 10s linear infinite alternate;
  background-blend-mode: normal, normal, normal, normal, normal;
}

.sidebar-container .backdrop {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  max-height: 100vh;
  width: 100vw;
  background-color: rgba(0, 57, 44, 0.7);
}
.sidebar-container .main-container {
  z-index: 10001;
  position: fixed;
  right: -100%;
  top: 0;
  max-height: 100vh;
  height: 100vh;
  width: 80%;
  max-width: 1250px;
  background-color: #ffffff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px, rgba(0, 0, 0, 0.1) 0px 1px 2px;
  transition: right 0.3s 0.1s ease-in-out;
}
@media screen and (max-width: 450px) {
  .sidebar-container .main-container {
    width: 100%;
    border-radius: 0;
  }
}
.sidebar-container .main-container .top-container {
  width: 100%;
  display: flex;
  padding: 16px;
}
.sidebar-container .main-container .top-container .title-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.sidebar-container .main-container .content-container {
  padding: 16px;
  height: calc(100vh - 72px);
  overflow-y: auto;
  padding-bottom: 100px;
}
.sidebar-container .main-container .content-container .contents-container-candidate-profile {
  display: none;
}
.sidebar-container .main-container .list-contact-container {
  display: none !important;
  max-width: 250px;
  margin-left: auto;
  position: fixed;
  bottom: 16px;
  right: 36px;
  background-color: #ffffff;
}
.sidebar-container .main-container #stickyActionBar {
  display: none !important;
}
.sidebar-container.is-open .backdrop {
  display: block;
  z-index: 10000;
}
.sidebar-container.is-open .main-container {
  right: 0;
}
.sidebar-container.is-open .main-container .list-contact-container {
  display: flex !important;
}
.sidebar-container.is-open .main-container #stickyActionBar {
  z-index: 1;
  display: block !important;
  transform: unset !important;
  right: 0;
  left: unset !important;
  width: 80%;
  max-width: 850px;
}
@media screen and (max-width: 450px) {
  .sidebar-container.is-open .main-container #stickyActionBar {
    width: 100%;
  }
}

.candidate-profile-avatar {
  width: 4.375rem;
  height: 4.375rem;
  background-size: contain;
  border-radius: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  transform: translateY(50%);
}
.candidate-profile-avatar::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5rem;
  height: 5rem;
  border: 0.188rem solid #dbffd1;
  border-radius: 100%;
}

.has-text-secondary,
body .has-text-secondary {
  color: #00392c;
}

body .is-color-gray {
  color: #5d738e;
}

body .has-background-gray {
  background-color: #5d738e;
}

body .has-background-light-gray {
  background-color: #bac7d5 !important;
}

.tdb-selected-filters .tdb-fragment {
  transition: all 0.2s ease-in-out;
  border: 1px solid transparent;
}
.tdb-selected-filters .tdb-fragment .lq-icon-button {
  color: rgba(79, 94, 113, 0.4);
}
.tdb-selected-filters .tdb-fragment:hover {
  background-color: #f5f7f9;
  border-color: #afed33;
}
.tdb-selected-filters .tdb-fragment:hover .tdb-fragment__reset-button {
  opacity: 1;
}
.tdb-selected-filters .tdb-fragment .tag {
  background-color: #e5eaef;
}
.tdb-selected-filters .tdb-fragment__reset-button {
  opacity: 0;
}

html {
  scroll-behavior: smooth;
}

body[data-theme=light],
body {
  background-color: #ffffff;
}

.tbody {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  .tbody {
    font-size: 14px;
    line-height: 20px;
  }
}

.ttitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  font-family: neulis-neue, sans-serif !important;
}
@media screen and (max-width: 767px) {
  .ttitle {
    font-size: 16px;
    line-height: 20px;
  }
}

.artwork-styles {
  width: 100%;
  height: 100dvh;
  background-size: 300px auto;
  background-repeat: no-repeat;
  background-position: center center;
  position: sticky;
  top: 0;
  background-size: 100%;
}
@media screen and (max-width: 1320px) {
  .artwork-styles {
    background-position: bottom center;
  }
}

.artwork-register-image {
  background-image: url("../assets/images/auth-screens/register-artwork-1.png");
}

.artwork-login-image {
  background-image: url("../assets/images/auth-screens/register-artwork-1.png");
}

.is-link {
  text-decoration: underline;
  font-weight: inherit;
}

.onboarding__content-wrapper {
  max-width: 48.125rem;
  margin: 3.875rem auto;
  margin-bottom: 0;
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .onboarding .onboarding__content {
    padding: 20px;
    box-shadow: unset;
  }
  .onboarding .onboarding__content-wrapper {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 769px) {
  .onboarding__header .grid {
    background-color: #97d700;
  }
  .onboarding .lq-progress {
    padding: 0 1rem;
  }
  .onboarding .lq-progress__bar {
    height: 0.3rem;
    background-color: #00392c;
  }
  .onboarding__actions {
    gap: 1rem;
    display: flex;
    flex-direction: column-reverse;
  }
  .onboarding__actions button {
    width: 100%;
  }
}
.onboarding__content {
  padding: 2.75rem 5rem;
  min-height: 25rem;
  border-radius: 0.5rem;
  box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2509803922);
  z-index: 2;
}
.onboarding__artwork {
  display: block;
  width: 400px;
  height: 400px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
}
.onboarding__artwork.is-left {
  background-image: url("/employer/assets/images/svg/onboarding-artwork-a.svg");
  background-size: contain;
  transform: translate(-100%, -2rem);
  width: 130px;
  height: 390px;
}
.onboarding__artwork.is-right {
  background-image: url("/employer/assets/images/svg/onboarding-artwork-b.svg");
  transform: translate(100%, 1rem);
  width: 64px;
  height: 270px;
}
.onboarding .lq-image {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid lightgray;
  border-radius: 0.3rem;
}

.company_profile .arrow-container a {
  display: flex;
  gap: 8px;
}
.company_profile .arrow-container a span {
  font-size: 14px;
  line-height: 20px;
  color: #00392c;
  font-family: manrope, sans-serif !important;
  font-weight: 700;
}
.company_profile .spacer {
  height: 24px;
}
@media screen and (max-width: 768px) {
  .company_profile .spacer {
    height: 12px;
  }
}
.company_profile .dynamic-section-main-container.opened .title-container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.company_profile .dynamic-section-main-container.opened .title-container .closeButton {
  transform: rotate(0deg);
}
.company_profile .dynamic-section-main-container.opened .main-content-container {
  grid-template-rows: 1fr;
}
.company_profile .dynamic-section-main-container .overflowHidden {
  overflow: hidden;
}
.company_profile .dynamic-section-main-container .title-container {
  display: flex;
  justify-content: space-between;
  padding: 24px;
  cursor: pointer;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all 0.3s ease-in-out;
  border: 1px solid #bac7d5;
}
@media screen and (max-width: 768px) {
  .company_profile .dynamic-section-main-container .title-container {
    padding: 16px;
  }
}
.company_profile .dynamic-section-main-container .title-container .closeButton {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  transition: all 0.3s ease-in-out;
  transform: rotate(180deg);
  cursor: pointer;
}
.company_profile .dynamic-section-main-container .title-container .closeButton > svg {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.company_profile .dynamic-section-main-container .title-container .closeButton > svg path {
  fill: #00392c;
}
.company_profile .dynamic-section-main-container .main-content-container {
  display: grid;
  /* 1 */
  grid-template-rows: 0fr;
  /* 2 */
  transition: grid-template-rows 0.3s ease-in-out;
}
.company_profile .dynamic-section-main-container .main-content-container .grid-container .content-container {
  padding: 28px 24px;
  border: 1px solid #bac7d5;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media screen and (max-width: 768px) {
  .company_profile .dynamic-section-main-container .main-content-container .grid-container .content-container {
    padding: 20px 16px;
  }
}
.company_profile .dynamic-section-main-container .main-content-container .grid-container .content-container .control.has-icons-left .icon {
  top: unset;
  bottom: 4px !important;
}
.company_profile .company-profile-edit-container {
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #bac7d5;
  padding-top: 0 !important;
}
.company_profile .company-profile-edit-container #cover-image {
  height: 120px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.company_profile .company-profile-edit-container #cover-image .edit-button {
  display: block;
  position: absolute;
  top: 8px;
  right: 4px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.company_profile .company-profile-edit-container #cover-image .edit-button:before {
  content: url("/employer/images/company/editButton.png");
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.company_profile .company-profile-edit-container #cover-image .edit-button:hover:before {
  transform: scale(1.05);
}
.company_profile .company-profile-edit-container .main-section-container {
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .company_profile .company-profile-edit-container .main-section-container {
    padding: 16px;
  }
}
.company_profile .company-profile-edit-container .main-section-container .profile-image-container {
  padding-bottom: 32px;
  text-align: center;
}
.company_profile .company-profile-edit-container .main-section-container .profile-image-container #logo-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid lightgray;
}
@media screen and (max-width: 768px) {
  .company_profile .company-profile-edit-container .main-section-container .profile-image-container {
    padding-bottom: 8px;
  }
}
.company_profile .company-profile-edit-container .main-section-container .profile-image-container span {
  margin-bottom: 8px;
  display: block;
}
.company_profile .company-profile-edit-container .main-section-container .profile-image-container .profile-image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
}
.company_profile .company-profile-edit-container .main-section-container .profile-image-container .profile-image > div {
  width: 100%;
  height: 100%;
}
.company_profile .company-profile-edit-container .main-section-container .profile-image-container .profile-image:hover:before {
  transform: scale(1.05);
}
.company_profile .company-profile-edit-container .main-section-container .profile-image-container .profile-image .edit-button {
  display: block;
  position: absolute;
  top: 0;
  left: 72px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.company_profile .company-profile-edit-container .main-section-container .profile-image-container .profile-image .edit-button:before {
  content: url("/employer/images/company/editButton.png");
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.company_profile .company-profile-edit-container .main-section-container .profile-image-container .profile-image .edit-button:hover:before {
  transform: scale(1.05);
}
.company_profile .company-profile-edit-container .main-section-container .profile-image-container .profile-image img {
  width: 100%;
  height: 100%;
  transition: all 0.4s ease-in-out;
}
.company_profile .company-profile-edit-container .main-section-container .main-input-container .input-container span {
  padding-bottom: 8px;
  display: block;
}
.company_profile .company-profile-edit-container .main-section-container .main-input-container .full-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 32px;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .company_profile .company-profile-edit-container .main-section-container .main-input-container .full-row {
    grid-gap: 8px;
  }
}
.company_profile .company-profile-edit-container .main-section-container .main-input-container .full-row > div {
  grid-column: span 12;
}
.company_profile .company-profile-edit-container .main-section-container .main-input-container .half-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 32px;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .company_profile .company-profile-edit-container .main-section-container .main-input-container .half-row {
    padding-bottom: 8px;
    grid-gap: 8px;
  }
}
.company_profile .company-profile-edit-container .main-section-container .main-input-container .half-row > div {
  grid-column: span 6;
}
@media screen and (max-width: 768px) {
  .company_profile .company-profile-edit-container .main-section-container .main-input-container .half-row > div {
    grid-column: span 12;
  }
}
.company_profile .company-profile-view-container {
  border: 1px solid #bac7d5;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}
.company_profile .company-profile-view-container .section-main-title .main-title {
  font-size: 20px;
  line-height: 25px;
  color: #00392c;
  font-weight: 700;
  margin-bottom: 32px;
  font-family: neulis-neue, sans-serif !important;
}
@media screen and (max-width: 1024px) {
  .company_profile .company-profile-view-container .section-main-title .main-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
  }
}
.company_profile .company-profile-view-container .images-container {
  margin-bottom: -32px;
}
.company_profile .company-profile-view-container .images-container .cover-image {
  width: 100%;
  height: 120px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.company_profile .company-profile-view-container .images-container .logo-image {
  background-color: #ffffff;
  margin-left: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  transform: translate(0, -60%);
}
.company_profile .company-profile-view-container .top-title-container {
  margin: 0 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #bac7d5;
}
.company_profile .company-profile-view-container .top-title-container > .main-title {
  font-size: 28px;
  line-height: 32px;
  color: #00392c;
  font-weight: 700;
  margin-bottom: 8px;
  font-family: neulis-neue, sans-serif !important;
}
@media screen and (max-width: 1024px) {
  .company_profile .company-profile-view-container .top-title-container > .main-title {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 4px;
  }
}
.company_profile .company-profile-view-container .top-title-container > .main-headline {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #5d738e;
  font-family: manrope, sans-serif !important;
}
@media screen and (max-width: 1024px) {
  .company_profile .company-profile-view-container .top-title-container > .main-headline {
    font-size: 14px;
    line-height: 20px;
  }
}
.company_profile .company-profile-view-container .company-details {
  margin-top: 8px;
  padding: 0 24px;
  display: flex;
  gap: 40px;
  flex: nowrap;
}
@media screen and (max-width: 1024px) {
  .company_profile .company-profile-view-container .company-details {
    flex-wrap: wrap;
    gap: 16px;
  }
}
.company_profile .company-profile-view-container .company-details > li {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.company_profile .company-profile-view-container .company-details > li .company-label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #00392c;
  font-family: manrope, sans-serif !important;
}
@media screen and (max-width: 1024px) {
  .company_profile .company-profile-view-container .company-details > li .company-label {
    font-size: 12px;
    line-height: 16px;
  }
}
.company_profile .company-profile-view-container .company-details > li .company-value {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #5d738e;
  font-family: manrope, sans-serif !important;
}
@media screen and (max-width: 1024px) {
  .company_profile .company-profile-view-container .company-details > li .company-value {
    font-size: 12px;
    line-height: 16px;
  }
}
.company_profile .company-profile-view-container .main-section-container {
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .company_profile .company-profile-view-container .main-section-container {
    padding: 16px;
  }
}
.company_profile .company-profile-view-container .main-section-container section {
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .company_profile .company-profile-view-container .main-section-container section {
    padding-bottom: 16px;
  }
}
.company_profile .company-profile-view-container .main-section-container section .main-title {
  font-size: 20px;
  line-height: 25px;
  font-family: neulis-neue, sans-serif !important;
  margin-bottom: 16px;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .company_profile .company-profile-view-container .main-section-container section .main-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
  }
}
.company_profile .company-profile-view-container .main-section-container section .sub-main-title {
  font-size: 16px;
  line-height: 24px;
  font-family: neulis-neue, sans-serif !important;
  margin-bottom: 16px;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .company_profile .company-profile-view-container .main-section-container section .sub-main-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
  }
}
.company_profile .company-profile-view-container .main-section-container section .main-text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: manrope, sans-serif !important;
}
@media screen and (max-width: 1024px) {
  .company_profile .company-profile-view-container .main-section-container section .main-text {
    font-size: 14px;
    line-height: 20px;
  }
}
.company_profile .company-profile-view-container .main-section-container section .tags-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.company_profile .company-profile-view-container .main-section-container section .tags-list > li {
  padding: 8px;
  text-align: center;
  min-width: 50px;
  border-radius: 40px;
  border: 1px solid #697d95;
  color: #00392c;
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
  .company_profile .company-profile-view-container .main-section-container section .tags-list > li {
    font-size: 10px;
    padding: 4px 6px;
  }
}
.company_profile .company-profile-view-container .main-section-container section .social-list {
  display: flex;
  gap: 24px;
}
.company_profile .company-profile-view-container .main-section-container section .social-list > li {
  transition: all 0.3s ease-in-out;
}
.company_profile .company-profile-view-container .main-section-container section .social-list > li:hover {
  transform: scale(1.05);
}
.company_profile .company-profile-view-container .main-section-container section .note {
  padding-top: 16px;
  font-size: 12px;
  line-height: 16px;
  font-family: neulis-neue, sans-serif !important;
}
.company_profile .company-profile-view-container .main-section-container section.slide-button-container {
  display: flex;
  gap: 16px;
}

.company-profile-content {
  width: 960px !important;
}
@media screen and (max-width: 1420px) {
  .company-profile-content {
    width: 100% !important;
    padding: 0 16px;
  }
}

.job_profile .main-arrow {
  padding-bottom: 24px;
  display: flex;
  gap: 16px;
}
.job_profile .main-arrow > span {
  font-size: 14px;
  line-height: 20px;
  color: #00392c;
  font-family: manrope, sans-serif !important;
  font-weight: 700;
}
.job_profile .main-title {
  font-size: 20px;
  line-height: 25px;
  color: #00392c;
  font-weight: 700;
  margin-bottom: 8px;
  font-family: neulis-neue, sans-serif !important;
  padding-bottom: 24px;
}
.job_profile .spacer {
  height: 24px;
}
@media screen and (max-width: 768px) {
  .job_profile .spacer {
    height: 12px;
  }
}
.job_profile .dynamic-section-main-container.opened .title-container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.job_profile .dynamic-section-main-container.opened .title-container .closeButton {
  transform: rotate(0deg);
}
.job_profile .dynamic-section-main-container.opened .main-content-container {
  grid-template-rows: 1fr;
}
.job_profile .dynamic-section-main-container .overflowHidden {
  overflow: hidden;
}
.job_profile .dynamic-section-main-container .title-container {
  display: flex;
  justify-content: space-between;
  padding: 24px;
  cursor: pointer;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: all 0.3s ease-in-out;
  border: 1px solid #bac7d5;
}
@media screen and (max-width: 768px) {
  .job_profile .dynamic-section-main-container .title-container {
    padding: 16px;
  }
}
.job_profile .dynamic-section-main-container .title-container .closeButton {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  transition: all 0.3s ease-in-out;
  transform: rotate(180deg);
  cursor: pointer;
}
.job_profile .dynamic-section-main-container .title-container .closeButton > svg {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.job_profile .dynamic-section-main-container .title-container .closeButton > svg path {
  fill: #00392c;
}
.job_profile .dynamic-section-main-container .main-content-container {
  display: grid; /* 1 */
  grid-template-rows: 0fr; /* 2 */
  transition: grid-template-rows 0.3s ease-in-out;
}
.job_profile .dynamic-section-main-container .main-content-container .grid-container .content-container {
  padding: 28px 24px;
  border: 1px solid #bac7d5;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media screen and (max-width: 768px) {
  .job_profile .dynamic-section-main-container .main-content-container .grid-container .content-container {
    padding: 20px 16px;
  }
}
.job_profile .dynamic-section-main-container .main-content-container .grid-container .content-container .control.has-icons-left .icon {
  top: unset;
  bottom: 4px !important;
}
.job_profile .create-new-job-container,
.job_profile .edit-job-container {
  background-color: #ffffff;
}
.job_profile .create-new-job-container .main-input-container .input-container span,
.job_profile .edit-job-container .main-input-container .input-container span {
  padding-bottom: 8px;
  display: block;
}
.job_profile .create-new-job-container .main-input-container .full-row,
.job_profile .edit-job-container .main-input-container .full-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 32px;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .job_profile .create-new-job-container .main-input-container .full-row,
  .job_profile .edit-job-container .main-input-container .full-row {
    grid-gap: 8px;
  }
}
.job_profile .create-new-job-container .main-input-container .full-row > div,
.job_profile .edit-job-container .main-input-container .full-row > div {
  grid-column: span 12;
}
.job_profile .create-new-job-container .main-input-container .half-row,
.job_profile .edit-job-container .main-input-container .half-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 32px;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .job_profile .create-new-job-container .main-input-container .half-row,
  .job_profile .edit-job-container .main-input-container .half-row {
    padding-bottom: 8px;
    grid-gap: 8px;
  }
}
.job_profile .create-new-job-container .main-input-container .half-row > div,
.job_profile .edit-job-container .main-input-container .half-row > div {
  grid-column: span 6;
}
@media screen and (max-width: 768px) {
  .job_profile .create-new-job-container .main-input-container .half-row > div,
  .job_profile .edit-job-container .main-input-container .half-row > div {
    grid-column: span 12;
  }
}
.job_profile .radio-container .radio-item {
  gap: 8px;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
}
.job_profile .radio-container .radio-item .checkmark {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border: 1px solid #00392c;
}
.job_profile .radio-container .radio-item .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #00392c;
}
.job_profile .radio-container .radio-item > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.job_profile .radio-container .radio-item > input:checked + .checkmark:after {
  display: block;
}
.job_profile .radio-container .radio-input {
  width: 350px;
}
@media screen and (max-width: 768px) {
  .job_profile .radio-container .radio-input {
    width: 100%;
  }
}

.slider-wrapper .wrapper {
  position: relative;
}
.slider-wrapper .scontainer {
  position: relative;
  width: 100%;
}
.slider-wrapper input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
}
.slider-wrapper .slider-track {
  width: 100%;
  height: 5px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border-radius: 5px;
}
.slider-wrapper input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
}
.slider-wrapper input[type=range]::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
}
.slider-wrapper input[type=range]::-ms-track {
  appearance: none;
  height: 5px;
}
.slider-wrapper input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  background-color: #97d700;
  cursor: pointer;
  margin-top: -9px;
  pointer-events: auto;
  border-radius: 50%;
}
.slider-wrapper input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #97d700;
  pointer-events: auto;
  border: none;
}
.slider-wrapper input[type=range]::-ms-thumb {
  appearance: none;
  height: 24px;
  width: 24px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #97d700;
  pointer-events: auto;
}
.slider-wrapper input[type=range]:active::-webkit-slider-thumb {
  background-color: #ffffff;
  border: 1px solid #97d700;
}
.slider-wrapper .values {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
  font-size: 14px;
  line-height: 20px;
  font-family: manrope, sans-serif !important;
  color: #4f5e71;
}
.slider-wrapper .values input {
  border: none;
  max-width: 50px;
  border-bottom: 1px solid #bac7d5;
  text-align: center;
}

.slide-button-container {
  display: flex;
  gap: 16px;
}
.slide-button-container .left-text span {
  line-height: 28px;
  font-weight: 700;
  opacity: 1;
}
.slide-button-container .right-text span {
  line-height: 28px;
  font-weight: 700;
  opacity: 0.5;
}
.slide-button-container.active .left-text span {
  opacity: 0.5;
}
.slide-button-container.active .right-text span {
  opacity: 1;
}
.slide-button-container.active .slide-button {
  background-color: #97d700;
}
.slide-button-container.active .slide-button:before {
  left: 20px;
}
.slide-button-container .slide-button {
  height: 28px;
  border-radius: 32px;
  background-color: gray;
  width: 52px;
  position: relative;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.slide-button-container .slide-button:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  border-radius: 50%;
  left: 0px;
  top: -2px;
  background-color: white;
  border: 1px solid #bac7d5;
  transition: all 0.3s ease-in-out;
}

.job-description-view-container .arrow-container a {
  display: flex;
  gap: 8px;
  padding-bottom: 24px;
}
.job-description-view-container .button-container {
  margin-left: auto;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  padding-bottom: 32px;
}
.job-description-view-container .button-container .switch-container {
  display: flex;
  gap: 16px;
}
.job-description-view-container .button-container .switch-container .switch {
  background-color: #f5f7f9;
  border-radius: 40px;
  width: 52px;
  height: 28px;
  transition: all 0.4s ease-in-out;
  position: relative;
  cursor: pointer;
}
.job-description-view-container .button-container .switch-container .switch.open {
  background-color: #97d700;
}
.job-description-view-container .button-container .switch-container .switch.open:before {
  left: 24px;
}
.job-description-view-container .button-container .switch-container .switch:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #00392c 47;
  transition: all 0.4s ease-in-out;
  position: absolute;
  left: 0;
  top: -2px;
}
.job-description-view-container .button-container .switch-container .switch.disabled, .job-description-view-container .button-container .switch-container .switch[disabled] {
  cursor: not-allowed;
  background: #4f5e71;
}
.job-description-view-container .button-container .switch-container .switch.disabled:before, .job-description-view-container .button-container .switch-container .switch[disabled]:before {
  background: #bac7d5;
}
.job-description-view-container .view-job-container {
  border-radius: 6px;
  border: 1px solid #bac7d5;
  overflow: hidden;
}
.job-description-view-container .view-job-container .top-section-container {
  padding: 16px 18px;
  background-color: #f5f7f9;
}
.job-description-view-container .view-job-container .top-section-container .top-container {
  display: flex;
  justify-content: space-between;
}
.job-description-view-container .view-job-container .top-section-container .top-container .left-container {
  display: flex;
  gap: 16px;
}
.job-description-view-container .view-job-container .top-section-container .top-container .left-container .image-container {
  border-radius: 6px;
  width: 53px;
  height: 53px;
  overflow: hidden;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.job-description-view-container .view-job-container .top-section-container .top-container .left-container .image-container img {
  width: 100%;
  height: 100%;
}
.job-description-view-container .view-job-container .top-section-container .top-container .left-container .title-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.job-description-view-container .view-job-container .top-section-container .top-container .left-container .title-container .job-title {
  font-size: 20px;
  line-height: 24px;
  color: #00392c;
  font-weight: 400;
  font-family: neulis-neue, sans-serif !important;
}
.job-description-view-container .view-job-container .top-section-container .top-container .left-container .title-container .job-subtitle {
  font-size: 14px;
  line-height: 20px;
  color: #00392c;
  font-weight: 400;
  font-family: manrope, sans-serif !important;
}
.job-description-view-container .view-job-container .top-section-container .bottom-container {
  padding-top: 8px;
  display: flex;
  justify-content: space-between;
}
.job-description-view-container .view-job-container .top-section-container .bottom-container .salary-container .salary {
  font-size: 14px;
  line-height: 20px;
  color: #00392c;
  font-weight: 700;
  font-family: manrope, sans-serif !important;
}
.job-description-view-container .view-job-container .top-section-container .bottom-container .details-container {
  display: flex;
  gap: 8px;
}
.job-description-view-container .view-job-container .top-section-container .bottom-container .details-container .detail {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
}
.job-description-view-container .view-job-container .top-section-container .bottom-container .details-container .detail .title {
  font-size: 12px;
  line-height: 16px;
  color: #00392c;
  font-weight: 400;
  font-family: manrope, sans-serif !important;
}
.job-description-view-container .view-job-container .main-section-container {
  padding: 24px 32px;
  background-color: #fffefe;
}
.job-description-view-container .view-job-container .main-section-container section {
  padding-bottom: 32px;
}
.job-description-view-container .view-job-container .main-section-container section.section-container .section-title {
  font-size: 16px;
  line-height: 20px;
  color: #00392c;
  font-weight: 700;
  font-family: manrope, sans-serif !important;
  padding-bottom: 16px;
}
.job-description-view-container .view-job-container .main-section-container section.section-container .description {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #00392c;
  font-family: manrope, sans-serif !important;
}
.job-description-view-container .view-job-container .main-section-container section.section-container .ul-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.job-description-view-container .view-job-container .main-section-container section.section-container .ul-tag-list li {
  padding: 4px 8px;
  border-radius: 40px;
  border: 1px solid #697d95;
  color: #00392c;
  font-size: 12px;
  line-height: 16px;
}

.applications-list-container .application-card .cv-button,
.application-card-page .application-card .cv-button {
  cursor: pointer;
}
.applications-list-container .application-card .cv-button:hover,
.application-card-page .application-card .cv-button:hover {
  background-color: #f5f7f9;
  outline: 1px solid #bac7d5;
}
.applications-list-container .application-card .menu-container,
.application-card-page .application-card .menu-container {
  display: flex;
  gap: 16px;
  position: relative;
}
.applications-list-container .application-card .menu-container .menu-button,
.application-card-page .application-card .menu-container .menu-button {
  position: relative;
  cursor: pointer;
}
.applications-list-container .application-card .menu-container .menu-button.open .menu-button-title-container .right-container > span,
.application-card-page .application-card .menu-container .menu-button.open .menu-button-title-container .right-container > span {
  transform: rotate(180deg);
}
.applications-list-container .application-card .menu-container .menu-button.open .menu-list,
.application-card-page .application-card .menu-container .menu-button.open .menu-list {
  display: flex;
}
.applications-list-container .application-card .menu-container .menu-button .menu-button-title-container,
.application-card-page .application-card .menu-container .menu-button .menu-button-title-container {
  padding: 0 16px;
  position: relative;
  border-radius: 50px;
  border: 1px solid #00392c;
  display: flex;
  gap: 16px;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.applications-list-container .application-card .menu-container .menu-button .menu-button-title-container .left-container,
.application-card-page .application-card .menu-container .menu-button .menu-button-title-container .left-container {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 6px;
}
.applications-list-container .application-card .menu-container .menu-button .menu-button-title-container .left-container .dot,
.application-card-page .application-card .menu-container .menu-button .menu-button-title-container .left-container .dot {
  height: 10px;
  width: 10px;
  border-radius: 3px;
  background-color: #697d95;
  z-index: 1;
}
.applications-list-container .application-card .menu-container .menu-button .menu-button-title-container .left-container .dot.HiredStatus,
.application-card-page .application-card .menu-container .menu-button .menu-button-title-container .left-container .dot.HiredStatus {
  background-color: #66bb6a;
}
.applications-list-container .application-card .menu-container .menu-button .menu-button-title-container .left-container .dot.RejectedStatus,
.application-card-page .application-card .menu-container .menu-button .menu-button-title-container .left-container .dot.RejectedStatus {
  background-color: #ef5350;
}
.applications-list-container .application-card .menu-container .menu-button .menu-button-title-container .left-container .dot.FutureUse,
.application-card-page .application-card .menu-container .menu-button .menu-button-title-container .left-container .dot.FutureUse {
  background-color: #42a5f5;
}
.applications-list-container .application-card .menu-container .menu-button .menu-button-title-container .left-container .dot.DefaultStatus,
.application-card-page .application-card .menu-container .menu-button .menu-button-title-container .left-container .dot.DefaultStatus {
  background-color: #bdbdbd;
}
.applications-list-container .application-card .menu-container .menu-button .menu-button-title-container .left-container .menu-button-title,
.application-card-page .application-card .menu-container .menu-button .menu-button-title-container .left-container .menu-button-title {
  font-weight: 700;
  font-family: manrope, sans-serif !important;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
}
.applications-list-container .application-card .menu-container .menu-button .menu-button-title-container .right-container,
.application-card-page .application-card .menu-container .menu-button .menu-button-title-container .right-container {
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.applications-list-container .application-card .menu-container .menu-button .menu-button-title-container .right-container:before,
.application-card-page .application-card .menu-container .menu-button .menu-button-title-container .right-container:before {
  content: "";
  width: 1px;
  height: 14px;
  background-color: #00392c;
}
.applications-list-container .application-card .menu-container .menu-button .menu-button-title-container .right-container > span,
.application-card-page .application-card .menu-container .menu-button .menu-button-title-container .right-container > span {
  transition: all 0.3s ease-in-out;
}
.applications-list-container .application-card .menu-container .menu-button .menu-button-title-container .status-menu,
.application-card-page .application-card .menu-container .menu-button .menu-button-title-container .status-menu {
  display: none;
  position: absolute;
  flex-direction: column;
  top: 32px;
  right: 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 8px;
  z-index: 1;
}
.applications-list-container .application-card .menu-container .menu-button.Published .menu-button-title-container .status-dot,
.application-card-page .application-card .menu-container .menu-button.Published .menu-button-title-container .status-dot {
  background-color: #1b7e19;
}
.applications-list-container .application-card .menu-container .menu-button.Hidden .menu-button-title-container .status-dot,
.application-card-page .application-card .menu-container .menu-button.Hidden .menu-button-title-container .status-dot {
  background-color: #bababa;
}
.applications-list-container .application-card .menu-container .menu-button.Draft .menu-button-title-container .status-dot,
.application-card-page .application-card .menu-container .menu-button.Draft .menu-button-title-container .status-dot {
  background-color: #209cee;
}
.applications-list-container .application-card .menu-container .menu-button.Closed .menu-button-title-container .status-dot,
.application-card-page .application-card .menu-container .menu-button.Closed .menu-button-title-container .status-dot {
  display: none;
}
.applications-list-container .application-card .menu-container .menu-button .menu-list,
.application-card-page .application-card .menu-container .menu-button .menu-list {
  position: absolute;
  flex-direction: column;
  top: 32px;
  right: 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 8px;
  z-index: 1;
  display: none;
}
@media screen and (max-width: 420px) {
  .applications-list-container .application-card .menu-container .menu-button .menu-list,
  .application-card-page .application-card .menu-container .menu-button .menu-list {
    right: -120px;
  }
}
.applications-list-container .application-card .menu-container .menu-button .menu-list li,
.application-card-page .application-card .menu-container .menu-button .menu-list li {
  min-width: 320px;
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.applications-list-container .application-card .menu-container .menu-button .menu-list li:hover,
.application-card-page .application-card .menu-container .menu-button .menu-list li:hover {
  background-color: #f5f7f9;
}
.applications-list-container .application-card .menu-container .menu-button .menu-list li .option-title,
.applications-list-container .application-card .menu-container .menu-button .menu-list li .option-subtitle,
.application-card-page .application-card .menu-container .menu-button .menu-list li .option-title,
.application-card-page .application-card .menu-container .menu-button .menu-list li .option-subtitle {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #4f5e71;
  font-family: manrope, sans-serif !important;
}
.applications-list-container .application-card .menu-container .menu-button .menu-list li .option-subtitle,
.application-card-page .application-card .menu-container .menu-button .menu-list li .option-subtitle {
  font-weight: 500;
}
.applications-list-container .application-card .menu-container .menu,
.application-card-page .application-card .menu-container .menu {
  z-index: 10;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  position: relative;
  cursor: pointer;
}
.applications-list-container .application-card .menu-container .menu:hover,
.application-card-page .application-card .menu-container .menu:hover {
  background-color: #f5f7f9;
}
.applications-list-container .application-card .menu-container .menu .dot1,
.application-card-page .application-card .menu-container .menu .dot1 {
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background-color: #00392c;
  border-radius: 50%;
}
.applications-list-container .application-card .menu-container .menu .dot2,
.application-card-page .application-card .menu-container .menu .dot2 {
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background-color: #00392c;
  border-radius: 50%;
}
.applications-list-container .application-card .menu-container .menu .dot3,
.application-card-page .application-card .menu-container .menu .dot3 {
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background-color: #00392c;
  border-radius: 50%;
}
.applications-list-container .application-card .menu-container .menu.open,
.application-card-page .application-card .menu-container .menu.open {
  background-color: #f5f7f9;
}
.applications-list-container .application-card .menu-container .menu.open + .submenu,
.application-card-page .application-card .menu-container .menu.open + .submenu {
  display: flex;
}
.applications-list-container .application-card .menu-container .submenu,
.application-card-page .application-card .menu-container .submenu {
  display: none;
  position: absolute;
  flex-direction: column;
  top: 32px;
  right: 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 8px;
  z-index: 1;
}
.applications-list-container .application-card .menu-container .submenu li a,
.applications-list-container .application-card .menu-container .submenu li div,
.application-card-page .application-card .menu-container .submenu li a,
.application-card-page .application-card .menu-container .submenu li div {
  display: flex;
  gap: 8px;
  min-width: 220px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #4f5e71;
  font-family: manrope, sans-serif !important;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .applications-list-container .application-card .menu-container .submenu li a,
  .applications-list-container .application-card .menu-container .submenu li div,
  .application-card-page .application-card .menu-container .submenu li a,
  .application-card-page .application-card .menu-container .submenu li div {
    font-size: 12px;
    line-height: 16px;
  }
}
.applications-list-container .application-card .menu-container .submenu li a:hover,
.applications-list-container .application-card .menu-container .submenu li div:hover,
.application-card-page .application-card .menu-container .submenu li a:hover,
.application-card-page .application-card .menu-container .submenu li div:hover {
  background-color: #f5f7f9;
}

.job-post-list-container {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}
.job-post-list-container .button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.job-post-list-container .cards-container {
  padding-top: 32px;
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.job-post-list-container .cards-container .card {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 24px;
  width: 270px;
  height: -moz-fit-content;
  height: fit-content;
}
.job-post-list-container .cards-container .card .card-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  font-family: manrope, sans-serif !important;
  margin-bottom: 12px;
}
.job-post-list-container .cards-container .card .card-number {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  color: #00392c;
  font-family: neulis-neue, sans-serif !important;
  margin-bottom: 32px;
}
.job-post-list-container .cards-container .card .card-button a {
  display: inline-block;
  border: 1px solid #00392c;
  padding: 12px 8px;
  border-radius: 40px;
  background-color: transparent;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  font-family: manrope, sans-serif !important;
}
.job-post-list-container .cards-container .card .card-button a:hover {
  background-color: rgba(0, 57, 44, 0.1) !important;
}
.job-post-list-container .filter-container {
  padding: 24px 16px;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
}
.job-post-list-container .filter-container .filter-main-container {
  display: flex;
  gap: 16px;
  align-items: center;
}
.job-post-list-container .filter-container .filter-main-container .filter-label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #00392c;
  height: -moz-min-content;
  height: min-content;
  font-family: manrope, sans-serif !important;
}
.job-post-list-container .job-list-main-container {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.job-post-list-container .job-list-main-container .job-card {
  border: 2px solid transparent;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 18px 32px;
  display: flex;
  flex-direction: column;
}
.job-post-list-container .job-list-main-container .job-card:hover {
  border: 2px solid #00392c;
}
.job-post-list-container .job-list-main-container .job-card .top-container {
  display: flex;
  justify-content: space-between;
}
.job-post-list-container .job-list-main-container .job-card .top-container .left-section {
  display: flex;
  gap: 16px;
}
.job-post-list-container .job-list-main-container .job-card .top-container .left-section .days {
  font-size: 12px;
  height: -moz-min-content;
  height: min-content;
  line-height: 16px;
  font-weight: 500;
  color: #4f5e71;
  font-family: manrope, sans-serif !important;
}
.job-post-list-container .job-list-main-container .job-card .top-container .left-section .status {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #4f5e71;
  font-family: manrope, sans-serif !important;
}
.job-post-list-container .job-list-main-container .job-card .top-container .left-section .status .status-text {
  padding-left: 16px;
  position: relative;
}
.job-post-list-container .job-list-main-container .job-card .top-container .left-section .status .status-text:before {
  content: "";
  opacity: 0;
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
}
.job-post-list-container .job-list-main-container .job-card .top-container .left-section .status .status-text.active {
  color: #1b7e19;
}
.job-post-list-container .job-list-main-container .job-card .top-container .left-section .status .status-text.active:before {
  opacity: 1;
  background-color: #1b7e19;
}
.job-post-list-container .job-list-main-container .job-card .top-container .left-section .status .status-text.closed {
  color: #d21c1c;
}
.job-post-list-container .job-list-main-container .job-card .top-container .left-section .status .status-text.closed:before {
  opacity: 1;
  background-color: #d21c1c;
}
.job-post-list-container .job-list-main-container .job-card .top-container .left-section .status .status-text.draft {
  color: #017d98;
}
.job-post-list-container .job-list-main-container .job-card .top-container .left-section .status .status-text.draft:before {
  opacity: 1;
  background-color: #017d98;
}
.job-post-list-container .job-list-main-container .job-card .top-container .right-section {
  display: flex;
  gap: 16px;
  position: relative;
}
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .view-applications-button {
  display: inline-block;
  border: 1px solid #00392c;
  padding: 12px 8px;
  border-radius: 40px;
  background-color: transparent;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  font-family: manrope, sans-serif !important;
}
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .view-applications-button:hover {
  background-color: rgba(0, 57, 44, 0.1) !important;
}
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .menu {
  z-index: 10;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  position: relative;
  cursor: pointer;
}
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .menu:hover {
  background-color: #f5f7f9;
}
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .menu .dot1 {
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background-color: #00392c;
  border-radius: 50%;
}
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .menu .dot2 {
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background-color: #00392c;
  border-radius: 50%;
}
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .menu .dot3 {
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background-color: #00392c;
  border-radius: 50%;
}
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .menu.open {
  background-color: #f5f7f9;
}
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .menu.open + .submenu {
  display: flex;
}
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .submenu {
  display: none;
  position: absolute;
  flex-direction: column;
  top: 32px;
  right: 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 8px;
  z-index: 1;
}
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .submenu li a,
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .submenu li div {
  display: flex;
  gap: 8px;
  min-width: 220px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #4f5e71;
  font-family: manrope, sans-serif !important;
  cursor: pointer;
}
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .submenu li a:hover,
.job-post-list-container .job-list-main-container .job-card .top-container .right-section .submenu li div:hover {
  background-color: #f5f7f9;
}
.job-post-list-container .job-list-main-container .job-card .mid-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.job-post-list-container .job-list-main-container .job-card .mid-container .image-title-container {
  display: flex;
  gap: 16px;
}
.job-post-list-container .job-list-main-container .job-card .mid-container .image-title-container .image-container {
  width: 45px;
  height: 45px;
  border-radius: 8px;
  overflow: hidden;
}
.job-post-list-container .job-list-main-container .job-card .mid-container .image-title-container .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.job-post-list-container .job-list-main-container .job-card .mid-container .image-title-container .title-container {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.job-post-list-container .job-list-main-container .job-card .mid-container .image-title-container .title-container .main-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #00392c;
  font-family: manrope, sans-serif !important;
}
.job-post-list-container .job-list-main-container .job-card .mid-container .image-title-container .title-container .subtitle {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #4f5e71;
  font-family: manrope, sans-serif !important;
}
.job-post-list-container .job-list-main-container .job-card .mid-container .details-container {
  display: flex;
  gap: 10px;
}
.job-post-list-container .job-list-main-container .job-card .mid-container .details-container .detail {
  display: flex;
  gap: 8px;
}
.job-post-list-container .job-list-main-container .job-card .mid-container .details-container .detail svg {
  height: 14px;
  width: 14px;
}
.job-post-list-container .job-list-main-container .job-card .mid-container .details-container .detail .details-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #00392c;
  font-family: manrope, sans-serif !important;
}
.job-post-list-container .job-list-main-container .job-card .bottom-container {
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
}
.job-post-list-container .job-list-main-container .job-card .bottom-container .left-section .details-list-container {
  display: flex;
  gap: 24px;
}
.job-post-list-container .job-list-main-container .job-card .bottom-container .left-section .details-list-container .detail {
  font-size: 14px;
  line-height: 20px;
  color: #4f5e71;
  font-weight: 500;
  font-family: manrope, sans-serif !important;
  position: relative;
}
.job-post-list-container .job-list-main-container .job-card .bottom-container .left-section .details-list-container .detail:first-child:before {
  display: none;
}
.job-post-list-container .job-list-main-container .job-card .bottom-container .left-section .details-list-container .detail:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #4f5e71;
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
}
.job-post-list-container .job-list-main-container .job-card .bottom-container .right-section .owner-container {
  display: flex;
}
.job-post-list-container .job-list-main-container .job-card .bottom-container .right-section .owner-container .owner-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #4f5e71;
}
.job-post-list-container .job-list-main-container .job-card .bottom-container .right-section .owner-container .owner-name {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #4f5e71;
}

.job-post-listing-container .filter-container {
  padding: 24px 16px;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
}
.job-post-listing-container .filter-container .filter-main-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .job-post-listing-container .filter-container .filter-main-container {
    gap: 8px;
  }
}
.job-post-listing-container .filter-container .filter-main-container .filter-label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #00392c;
  height: -moz-min-content;
  height: min-content;
  font-family: manrope, sans-serif !important;
}
.job-post-listing-container .job-list-main-container {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.job-post-listing-container .job-list-main-container .job-card-refined {
  border: 2px solid transparent;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 18px 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.job-post-listing-container .job-list-main-container .job-card-refined:hover {
  border: 2px solid #00392c;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .top-container {
    gap: 16px;
    flex-direction: column;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .title-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .title-container .main-headline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 20px;
  line-height: 20px;
  font-family: neuil-neue, sans-serif !important;
  color: #00392c;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .top-container .title-container .main-headline {
    font-size: 16px;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .title-container .id-container {
  font-size: 10px;
  height: 20px;
  border-radius: 40px;
  line-height: 18px;
  padding: 0 4px;
  border: 1px solid #00392c;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .top-container .title-container .id-container {
    font-size: 8px;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container {
  display: flex;
  gap: 16px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container {
    order: -1;
    margin-left: auto;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button {
  position: relative;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button.open .menu-button-title-container .right-container > span {
  transform: rotate(180deg);
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button.open .menu-list {
  display: flex;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-button-title-container {
  padding: 0 16px;
  position: relative;
  border-radius: 50px;
  border: 1px solid #00392c;
  display: flex;
  gap: 16px;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-button-title-container .left-container {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 6px;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-button-title-container .left-container .dot {
  height: 10px;
  width: 10px;
  border-radius: 3px;
  background-color: #697d95;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-button-title-container .left-container .menu-button-title {
  font-weight: 700;
  font-family: manrope, sans-serif !important;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-button-title-container .left-container .menu-button-title {
    font-size: 12px;
    line-height: 24px;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-button-title-container .right-container {
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-button-title-container .right-container:before {
  content: "";
  width: 1px;
  height: 14px;
  background-color: #00392c;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-button-title-container .right-container > span {
  transition: all 0.3s ease-in-out;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-button-title-container .status-menu {
  display: none;
  position: absolute;
  flex-direction: column;
  top: 32px;
  right: 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 8px;
  z-index: 1;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button.Published .menu-button-title-container .status-dot {
  background-color: #1b7e19;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button.Hidden .menu-button-title-container .status-dot {
  background-color: #bababa;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button.Draft .menu-button-title-container .status-dot {
  background-color: #209cee;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button.Closed .menu-button-title-container .status-dot {
  display: none;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-list {
  position: absolute;
  flex-direction: column;
  top: 32px;
  right: 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 8px;
  z-index: 1;
  display: none;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-list li {
  min-width: 320px;
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-list li:hover {
  background-color: #f5f7f9;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-list li .option-title,
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-list li .option-subtitle {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #4f5e71;
  font-family: manrope, sans-serif !important;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-list li .option-title,
  .job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-list li .option-subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-list li .option-subtitle {
  font-weight: 500;
}
@media screen and (max-width: 420px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu-button .menu-list {
    right: -60px;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu {
  z-index: 10;
  width: 26px;
  height: 26px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  position: relative;
  cursor: pointer;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu:hover {
  background-color: #f5f7f9;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu .dot1 {
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background-color: #00392c;
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu .dot1 {
    top: 3px;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu .dot2 {
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background-color: #00392c;
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu .dot2 {
    top: 11px;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu .dot3 {
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background-color: #00392c;
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu .dot3 {
    top: 19px;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu.open {
  background-color: #f5f7f9;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .menu.open + .submenu {
  display: flex;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .submenu {
  display: none;
  position: absolute;
  flex-direction: column;
  top: 32px;
  right: 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 8px;
  z-index: 1;
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .submenu li a,
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .submenu li div {
  display: flex;
  gap: 8px;
  min-width: 220px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #4f5e71;
  font-family: manrope, sans-serif !important;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .submenu li a,
  .job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .submenu li div {
    font-size: 12px;
    line-height: 16px;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .submenu li a:hover,
.job-post-listing-container .job-list-main-container .job-card-refined .top-container .menu-container .submenu li div:hover {
  background-color: #f5f7f9;
}
.job-post-listing-container .job-list-main-container .job-card-refined .middle-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.job-post-listing-container .job-list-main-container .job-card-refined .middle-container .title-details {
  font-size: 14px;
  line-height: 20px;
  color: #5d738e;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .middle-container .title-details {
    font-size: 12px;
    line-height: 16px;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .bottom-container {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .bottom-container {
    flex-direction: column;
    gap: 8px;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .bottom-container .bottom-list {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .bottom-container .bottom-list {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .bottom-container .bottom-list .bottom-item {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #5d738e;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .bottom-container .bottom-list .bottom-item {
    font-size: 12px;
    line-height: 16px;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .bottom-container .bottom-list .bottom-item:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #5d738e;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .bottom-container .bottom-list .bottom-item:after {
    display: none;
  }
}
.job-post-listing-container .job-list-main-container .job-card-refined .bottom-container .bottom-list .bottom-item:last-child:after {
  display: none;
}
.job-post-listing-container .job-list-main-container .job-card-refined .bottom-container .create-date {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #5d738e;
}
@media screen and (max-width: 1024px) {
  .job-post-listing-container .job-list-main-container .job-card-refined .bottom-container .create-date {
    font-size: 12px;
    line-height: 16px;
    justify-self: end;
    text-align: end;
  }
}

.checkbox-list {
  display: flex;
  gap: 8px;
}
.checkbox-list .checkbox-list-item {
  position: relative;
}
.checkbox-list .checkbox-list-item .checkbox-list-item-label {
  cursor: pointer;
  padding: 12px;
  border-radius: 40px;
  border: 1px solid #697d95;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  display: flex;
  align-items: center;
  justify-items: center;
  min-width: 150px;
}
@media screen and (max-width: 768px) {
  .checkbox-list .checkbox-list-item .checkbox-list-item-label {
    padding: 8px 12px;
  }
}
.checkbox-list .checkbox-list-item .checkbox-list-item-label .checkbox-list-item-title {
  font-size: 14px;
  line-height: 20px;
  color: #00392c;
  font-weight: 500;
  font-family: manrope, sans-serif !important;
}
.checkbox-list .checkbox-list-item .checkbox-list-item-label .checkbox-list-item-icon {
  display: flex;
  position: absolute;
  transition: all 0.2s ease-in-out;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.checkbox-list .checkbox-list-item .checkbox-list-item-list {
  display: flex;
  min-width: 250px;
  max-height: 400px;
  overflow: auto;
  position: absolute;
  flex-direction: column;
  gap: 16px;
  top: 100%;
  left: 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .checkbox-list .checkbox-list-item .checkbox-list-item-list {
    gap: 8px;
    padding: 16px;
    min-width: 200px;
    max-height: 300px;
  }
}
.checkbox-list .checkbox-list-item .checkbox-list-item-list .checkbox-container {
  display: block;
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (max-width: 768px) {
  .checkbox-list .checkbox-list-item .checkbox-list-item-list .checkbox-container {
    padding-left: 24px;
  }
}
.checkbox-list .checkbox-list-item .checkbox-list-item-list .checkbox-container span {
  font-size: 14px;
  line-height: 20px;
  font-family: manrope, sans-serif !important;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .checkbox-list .checkbox-list-item .checkbox-list-item-list .checkbox-container span {
    font-size: 12px;
    line-height: 16px;
  }
}
.checkbox-list .checkbox-list-item .checkbox-list-item-list .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox-list .checkbox-list-item .checkbox-list-item-list .checkbox-container .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 3px;
  border: 1px solid #697d95;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .checkbox-list .checkbox-list-item .checkbox-list-item-list .checkbox-container .checkmark {
    top: 6px;
  }
}
@media screen and (max-width: 768px) {
  .checkbox-list .checkbox-list-item .checkbox-list-item-list .checkbox-container .checkmark {
    height: 16px;
    width: 16px;
  }
}
.checkbox-list .checkbox-list-item .checkbox-list-item-list .checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox-list .checkbox-list-item .checkbox-list-item-list .checkbox-container:hover input ~ .checkmark {
  background-color: #f7f7f7;
}
.checkbox-list .checkbox-list-item .checkbox-list-item-list .checkbox-container input:checked ~ .checkmark {
  background-color: #97d700;
  border: 1px solid #97d700;
}
.checkbox-list .checkbox-list-item .checkbox-list-item-list .checkbox-container input:checked ~ .checkmark:after {
  display: block;
  left: 6px;
  top: 3px;
  width: 6px;
  height: 10px;
  border: solid #00392c;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .checkbox-list .checkbox-list-item .checkbox-list-item-list .checkbox-container input:checked ~ .checkmark:after {
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
  }
}
.checkbox-list .checkbox-list-item.open .checkbox-list-item-label .checkbox-list-item-title {
  font-weight: 700;
}
.checkbox-list .checkbox-list-item.open .checkbox-list-item-label .checkbox-list-item-icon {
  transform: rotate(180deg) translateY(50%);
}
.checkbox-list .checkbox-list-item.open .checkbox-list-item-list {
  display: flex;
  z-index: 1;
}

.error-page-container .center-container {
  width: 1920px;
  padding: 0 24px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (max-width: 1968px) {
  .error-page-container .center-container {
    width: 100%;
    padding: 0 16px;
  }
}
.error-page-container .header-container {
  position: fixed;
  height: 80px;
  box-sizing: border-box;
  padding: 0 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  .error-page-container .header-container {
    height: 0 16px;
  }
}
@media screen and (max-width: 768px) {
  .error-page-container .header-container {
    height: 60px;
  }
}
.error-page-container .main-content-container {
  padding: 40px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .error-page-container .main-content-container {
    padding: 20px 0 0 0;
  }
}
.error-page-container .main-content-container .svgStyling {
  width: 70%;
  /*---------------------------
               SVG Animate
      ---------------------------*/
}
@media screen and (max-width: 768px) {
  .error-page-container .main-content-container .svgStyling {
    width: 100%;
  }
}
.error-page-container .main-content-container .svgStyling .errorClass-1 {
  opacity: 0.3;
}
.error-page-container .main-content-container .svgStyling .errorClass-7 {
  opacity: 0.8;
}
.error-page-container .main-content-container .svgStyling .errorClass-2 {
  fill: #fff;
}
.error-page-container .main-content-container .svgStyling .errorClass-22 {
  fill: #afed33;
}
.error-page-container .main-content-container .svgStyling .errorClass-10,
.error-page-container .main-content-container .svgStyling .errorClass-11,
.error-page-container .main-content-container .svgStyling .errorClass-12,
.error-page-container .main-content-container .svgStyling .errorClass-14,
.error-page-container .main-content-container .svgStyling .errorClass-16,
.error-page-container .main-content-container .svgStyling .errorClass-3 {
  fill: none;
}
.error-page-container .main-content-container .svgStyling .errorClass-3 {
  stroke: #00392c;
}
.error-page-container .main-content-container .svgStyling .errorClass-10,
.error-page-container .main-content-container .svgStyling .errorClass-11,
.error-page-container .main-content-container .svgStyling .errorClass-12,
.error-page-container .main-content-container .svgStyling .errorClass-3 {
  stroke-miterlimit: 10;
}
.error-page-container .main-content-container .svgStyling .errorClass-14,
.error-page-container .main-content-container .svgStyling .errorClass-15,
.error-page-container .main-content-container .svgStyling .errorClass-16,
.error-page-container .main-content-container .svgStyling .errorClass-3 {
  stroke-width: 0.5px;
}
.error-page-container .main-content-container .svgStyling .errorClass-4 {
  fill: #ffe1d9;
}
.error-page-container .main-content-container .svgStyling .errorClass-5 {
  fill: #ffcfbf;
}
.error-page-container .main-content-container .svgStyling .errorClass-6 {
  fill: #fecbb6;
}
.error-page-container .main-content-container .svgStyling .errorClass-9 {
  fill: #fecb02;
}
.error-page-container .main-content-container .svgStyling .errorClass-10,
.error-page-container .main-content-container .svgStyling .errorClass-12 {
  stroke: #f5825f;
}
.error-page-container .main-content-container .svgStyling .errorClass-10,
.error-page-container .main-content-container .svgStyling .errorClass-11 {
  stroke-width: 0.38px;
}
.error-page-container .main-content-container .svgStyling .errorClass-11 {
  stroke: #000;
}
.error-page-container .main-content-container .svgStyling .errorClass-12 {
  stroke-width: 0.19px;
}
.error-page-container .main-content-container .svgStyling .errorClass-13 {
  opacity: 0.45;
}
.error-page-container .main-content-container .svgStyling .errorClass-14,
.error-page-container .main-content-container .svgStyling .errorClass-15,
.error-page-container .main-content-container .svgStyling .errorClass-16 {
  stroke: #b0bec5;
  stroke-linejoin: round;
}
.error-page-container .main-content-container .svgStyling .errorClass-15 {
  fill: #edf0f2;
}
.error-page-container .main-content-container .svgStyling .errorClass-16 {
  stroke-linecap: round;
}
.error-page-container .main-content-container .svgStyling .errorClass-17 {
  font-family: "PT Sans", sans-serif;
  font-size: 49.87px;
  font-weight: 700;
}
.error-page-container .main-content-container .svgStyling .errorClass-18 {
  fill: #fffdbb;
  opacity: 0.5;
}
.error-page-container .main-content-container .svgStyling .earMove {
  transition: all ease-in-out 2s;
  transform-origin: 50% 50%;
  animation: earmove 1.5s linear infinite alternate;
}
.error-page-container .main-content-container .svgStyling .faceMove {
  transition: all ease-in-out 2s;
  transform-origin: 50% 50%;
  animation: move 1.5s linear infinite alternate;
}
.error-page-container .main-content-container .svgStyling .neckMove {
  transition: all ease-in-out 2s;
  transform-origin: 50% 50%;
  animation: neck 1.5s linear infinite alternate;
}
@keyframes earmove {
  0% {
    transform: translateX(-0.3px) translateY(0.6px);
  }
  30% {
    transform: translateX(-0.3px) translateY(0.6px);
  }
  60% {
    transform: translateX(-0.7px) translateY(0px);
  }
  70% {
    transform: translateX(-0.7px) translateY(-0.3px);
  }
  100% {
    transform: translateX(-0.7px) translateY(-0.3px);
  }
}
@keyframes move {
  0% {
    transform: translateX(-0.3px) translateY(0.6px);
  }
  30% {
    transform: translateX(-0.3px) translateY(0.6px);
  }
  60% {
    transform: translateX(2px) translateY(0px);
  }
  70% {
    transform: translateX(2px) translateY(-0.3px);
  }
  100% {
    transform: translateX(2px) translateY(-0.3px);
  }
}
@keyframes neck {
  0% {
    transform: translateY(0.7px);
  }
  50% {
    transform: translateY(0.7px);
  }
  100% {
    transform: translateY(0px);
  }
}
.error-page-container .main-content-container .title-container {
  width: 600px;
  margin: 0 auto;
  text-align: left;
  transform: translateY(-80px);
}
@media screen and (max-width: 768px) {
  .error-page-container .main-content-container .title-container {
    width: 100%;
    padding: 0 16px;
    transform: translateY(-10px);
  }
}

.candidate-talent-days-card {
  transition: 0.3s all ease-in-out;
  animation: fadeIn 0.3s ease-in-out forwards;
  outline: 1px solid transparent;
}
.candidate-talent-days-card:hover {
  outline: 2px solid #bac7d5;
}

.candidate-profile-artwork {
  background: #697D95;
  background: linear-gradient(90deg, rgb(229, 234, 239) 0%, rgb(105, 125, 149) 100%);
}
.candidate-profile-artwork.is-status-interested {
  background: #97D700;
  background: linear-gradient(90deg, rgb(151, 215, 0) 0%, rgb(0, 56, 36) 100%);
}
.candidate-profile-artwork.is-status-not-interested {
  background: #F9E2E3;
  background: linear-gradient(90deg, rgb(249, 226, 227) 0%, rgb(186, 86, 85) 100%);
}
.candidate-profile-artwork.is-status-pending {
  background: #CDF6FF;
  background: linear-gradient(90deg, rgb(205, 246, 255) 0%, rgb(13, 89, 107) 100%);
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.search-job-list-textfield .control {
  max-width: 560px;
}
.search-job-list-textfield .control.has-icons-left .icon {
  top: 5px;
  left: 8px;
}
@media screen and (max-width: 768px) {
  .search-job-list-textfield .control.has-icons-left .icon {
    top: 2px;
  }
}
.search-job-list-textfield .control.has-icons-left input {
  height: 48px;
  border-radius: 60px;
  padding-left: 48px;
}
@media screen and (max-width: 768px) {
  .search-job-list-textfield .control.has-icons-left input {
    height: 40px;
  }
}

.talent-database-filters label,
.talent-database-filters .label {
  position: relative;
  color: #5d738e;
}
.talent-database-filters input, .talent-database-filters .locationDropdown-container .input-container {
  border-color: #bac7d5;
}
.talent-database-filters .choices .choices__inner {
  display: grid;
  display: flex;
  border-color: #bac7d5;
  padding: 5px;
}
.talent-database-filters .choices .choices__list.choices__list--multiple {
  display: flex;
  padding: 0;
  gap: 2px;
}
.talent-database-filters .choices .choices__list.choices__list--multiple .choices__item {
  margin: 0;
  padding: 0 5px;
  font-size: 13px;
}
.talent-database-filters .choices .choices__list.choices__list--multiple .choices__item button.choices__button {
  height: 12px;
  width: 12px;
}
.talent-database-filters .locationDropdown .input-container ul {
  display: flex;
  flex-wrap: Wrap;
  gap: 0.3rem;
}
.talent-database-filters .locationDropdown .input-container ul .selected-location {
  margin: 0;
  padding: 0 5px;
}
.talent-database-filters .locationDropdown .input-container ul .selected-location .location-name {
  font-size: 13px;
}
.talent-database-filters span:not(.checkbox-container__checkmark):not(.location-name):not(.button):not(.locationRadiusValue) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translate(10px, -55%);
  background: white;
  padding: 0 1px;
}
.talent-database-filters .combo-input-2 {
  border: 1px solid #bac7d5;
  border-radius: 5px;
  height: 42px;
}
.talent-database-filters .combo-input-2 .is-flex,
.talent-database-filters .combo-input-2 .control {
  height: 100%;
  padding: 3px 5px;
}
.talent-database-filters .combo-input-2 input {
  padding: 0;
  border: unset;
  height: 100%;
  box-shadow: unset;
  padding: 0 2px;
}
x .talent-database-filters .combo-input-2 input:focus {
  border-color: unset;
  box-shadow: unset;
  background: #f5f7f9;
}
.talent-database-filters .combo-input-2:focus-within {
  border-color: #afed33;
  box-shadow: 0 0 0 0.125em hsla(97, 100%, 50%, 0.25);
}

.content-main-responsive {
  width: 960px;
}
@media screen and (max-width: 1260px) {
  .content-main-responsive {
    width: 100%;
    padding: 0 16px;
  }
}

@media screen and (max-width: 1024px) {
  .authHeader {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}
.authHeader .button-container {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .authHeader .button-container {
    margin-top: 8px !important;
    justify-content: center !important;
  }
}
.authHeader .button-container .left-section {
  padding: 16px 16px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  outline: 1px solid rgb(0, 57, 44);
  background-color: #fff;
  font-weight: 700;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .authHeader .button-container .left-section {
    font-size: 14px !important;
    padding: 16px 12px !important;
  }
}
@media screen and (max-width: 1024px) {
  .authHeader .button-container .left-section > p {
    font-size: 14px !important;
  }
}
.authHeader .button-container .right-section {
  padding: 16px 16px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  outline: 1px solid rgb(0, 57, 44);
  background-color: rgb(0, 57, 44);
  color: rgb(158, 225, 0);
  font-weight: 700;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .authHeader .button-container .right-section {
    font-size: 14px !important;
    padding: 16px 12px !important;
  }
}
.authHeader .button-container .right-section:hover {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.highlight-text {
  padding: 2px 8px;
  border-radius: 16px;
  color: #dbffd1;
  background-color: #0c3c2f;
}