*::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-weight: 400;
}

body {
  font-family: "Ubuntu", system-ui !important;
}

.bg-clr-transparent {
  background-color: transparent !important;
}

.clr-transparent {
  color: transparent !important;
}

.hover-bg-clr-transparent:hover {
  background-color: transparent !important;
  transition: background-color 0.4s ease;
}

.hover-clr-transparent:hover {
  color: transparent !important;
  transition: color 0.4s ease;
}

.hover-box-shadow-transparent:hover {
  box-shadow: 1px 1px 2.5px transparent !important;
  transition: box-shadow 0.4s ease;
}

.active-transparent::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 2.5px transparent !important;
}

.form-check-input-bg-clr-transparent:checked {
  background-color: transparent !important;
  border-color: transparent !important;
}

.bg-clr-blue {
  background-color: #3179b4 !important;
}

.clr-blue {
  color: #3179b4 !important;
}

.hover-bg-clr-blue:hover {
  background-color: #3179b4 !important;
  transition: background-color 0.4s ease;
}

.hover-clr-blue:hover {
  color: #3179b4 !important;
  transition: color 0.4s ease;
}

.hover-box-shadow-blue:hover {
  box-shadow: 1px 1px 2.5px #3179b4 !important;
  transition: box-shadow 0.4s ease;
}

.active-blue::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 2.5px #3179b4 !important;
}

.form-check-input-bg-clr-blue:checked {
  background-color: #3179b4 !important;
  border-color: #3179b4 !important;
}

.bg-clr-blue-light {
  background-color: #3ea2d8 !important;
}

.clr-blue-light {
  color: #3ea2d8 !important;
}

.hover-bg-clr-blue-light:hover {
  background-color: #3ea2d8 !important;
  transition: background-color 0.4s ease;
}

.hover-clr-blue-light:hover {
  color: #3ea2d8 !important;
  transition: color 0.4s ease;
}

.hover-box-shadow-blue-light:hover {
  box-shadow: 1px 1px 2.5px #3ea2d8 !important;
  transition: box-shadow 0.4s ease;
}

.active-blue-light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 2.5px #3ea2d8 !important;
}

.form-check-input-bg-clr-blue-light:checked {
  background-color: #3ea2d8 !important;
  border-color: #3ea2d8 !important;
}

.bg-clr-blue-dark {
  background-color: #234c8c !important;
}

.clr-blue-dark {
  color: #234c8c !important;
}

.hover-bg-clr-blue-dark:hover {
  background-color: #234c8c !important;
  transition: background-color 0.4s ease;
}

.hover-clr-blue-dark:hover {
  color: #234c8c !important;
  transition: color 0.4s ease;
}

.hover-box-shadow-blue-dark:hover {
  box-shadow: 1px 1px 2.5px #234c8c !important;
  transition: box-shadow 0.4s ease;
}

.active-blue-dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 2.5px #234c8c !important;
}

.form-check-input-bg-clr-blue-dark:checked {
  background-color: #234c8c !important;
  border-color: #234c8c !important;
}

.bg-clr-green {
  background-color: #94c32c !important;
}

.clr-green {
  color: #94c32c !important;
}

.hover-bg-clr-green:hover {
  background-color: #94c32c !important;
  transition: background-color 0.4s ease;
}

.hover-clr-green:hover {
  color: #94c32c !important;
  transition: color 0.4s ease;
}

.hover-box-shadow-green:hover {
  box-shadow: 1px 1px 2.5px #94c32c !important;
  transition: box-shadow 0.4s ease;
}

.active-green::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 2.5px #94c32c !important;
}

.form-check-input-bg-clr-green:checked {
  background-color: #94c32c !important;
  border-color: #94c32c !important;
}

.bg-clr-green-light {
  background-color: #94c32c !important;
}

.clr-green-light {
  color: #94c32c !important;
}

.hover-bg-clr-green-light:hover {
  background-color: #94c32c !important;
  transition: background-color 0.4s ease;
}

.hover-clr-green-light:hover {
  color: #94c32c !important;
  transition: color 0.4s ease;
}

.hover-box-shadow-green-light:hover {
  box-shadow: 1px 1px 2.5px #94c32c !important;
  transition: box-shadow 0.4s ease;
}

.active-green-light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 2.5px #94c32c !important;
}

.form-check-input-bg-clr-green-light:checked {
  background-color: #94c32c !important;
  border-color: #94c32c !important;
}

.bg-clr-green-dark {
  background-color: #30853a !important;
}

.clr-green-dark {
  color: #30853a !important;
}

.hover-bg-clr-green-dark:hover {
  background-color: #30853a !important;
  transition: background-color 0.4s ease;
}

.hover-clr-green-dark:hover {
  color: #30853a !important;
  transition: color 0.4s ease;
}

.hover-box-shadow-green-dark:hover {
  box-shadow: 1px 1px 2.5px #30853a !important;
  transition: box-shadow 0.4s ease;
}

.active-green-dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 2.5px #30853a !important;
}

.form-check-input-bg-clr-green-dark:checked {
  background-color: #30853a !important;
  border-color: #30853a !important;
}

.bg-clr-white-beige {
  background-color: #fafafa !important;
}

.clr-white-beige {
  color: #fafafa !important;
}

.hover-bg-clr-white-beige:hover {
  background-color: #fafafa !important;
  transition: background-color 0.4s ease;
}

.hover-clr-white-beige:hover {
  color: #fafafa !important;
  transition: color 0.4s ease;
}

.hover-box-shadow-white-beige:hover {
  box-shadow: 1px 1px 2.5px #fafafa !important;
  transition: box-shadow 0.4s ease;
}

.active-white-beige::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 2.5px #fafafa !important;
}

.form-check-input-bg-clr-white-beige:checked {
  background-color: #fafafa !important;
  border-color: #fafafa !important;
}

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

.clr-white {
  color: #fff !important;
}

.hover-bg-clr-white:hover {
  background-color: #fff !important;
  transition: background-color 0.4s ease;
}

.hover-clr-white:hover {
  color: #fff !important;
  transition: color 0.4s ease;
}

.hover-box-shadow-white:hover {
  box-shadow: 1px 1px 2.5px #fff !important;
  transition: box-shadow 0.4s ease;
}

.active-white::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 2.5px #fff !important;
}

.form-check-input-bg-clr-white:checked {
  background-color: #fff !important;
  border-color: #fff !important;
}

.bg-clr-gray-light {
  background-color: #edf2ef !important;
}

.clr-gray-light {
  color: #edf2ef !important;
}

.hover-bg-clr-gray-light:hover {
  background-color: #edf2ef !important;
  transition: background-color 0.4s ease;
}

.hover-clr-gray-light:hover {
  color: #edf2ef !important;
  transition: color 0.4s ease;
}

.hover-box-shadow-gray-light:hover {
  box-shadow: 1px 1px 2.5px #edf2ef !important;
  transition: box-shadow 0.4s ease;
}

.active-gray-light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 2.5px #edf2ef !important;
}

.form-check-input-bg-clr-gray-light:checked {
  background-color: #edf2ef !important;
  border-color: #edf2ef !important;
}

.fw-bold {
  font-weight: 700 !important;
}

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

.fw-regular {
  font-weight: 400 !important;
}

.fw-light {
  font-weight: 200 !important;
}

.font-italic {
  font-style: italic !important;
}

.fs-sm {
  font-size: 0.75rem !important;
}

.fs-sm-md {
  font-size: 0.9rem !important;
}

.fs-md {
  font-size: 1rem !important;
}

.fs-md-lg {
  font-size: 1.45rem !important;
}

.fs-lg {
  font-size: 2rem !important;
}

.flex-grow-0-25 {
  flex-grow: 0.25;
}

.flex-grow-0-5 {
  flex-grow: 0.5;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-grow-2 {
  flex-grow: 2;
}

.flex-column-gap-0-25 {
  column-gap: 0.25rem;
}

.flex-row-gap-0-25 {
  row-gap: 0.25rem;
}

.flex-column-gap-0-5 {
  column-gap: 0.5rem;
}

.flex-row-gap-0-5 {
  row-gap: 0.5rem;
}

.flex-column-gap-1 {
  column-gap: 1rem;
}

.flex-row-gap-1 {
  row-gap: 1rem;
}

.flex-column-gap-1-5 {
  column-gap: 1.5rem;
}

.flex-row-gap-1-5 {
  row-gap: 1.5rem;
}

.flex-column-gap-2 {
  column-gap: 2rem;
}

.flex-row-gap-2 {
  row-gap: 2rem;
}

.pos-r {
  position: relative;
}

.pos-f {
  position: fixed;
}

.pos-a {
  position: absolute;
}

.pos-sticky {
  position: sticky;
}

.top-left {
  top: 0;
  left: 0;
}

.top-right {
  top: 0;
  right: 0;
}

.bottom-left {
  bottom: 0;
  left: 0;
}

.bottom-right {
  bottom: 0;
  right: 0;
}

.o-0 {
  opacity: 0 !important;
}

.o-0-3 {
  opacity: 0.3 !important;
}

.o-0-6 {
  opacity: 0.6 !important;
}

.o-1 {
  opacity: 1 !important;
}

.ratio-1x1 {
  aspect-ratio: 1 !important;
}

.w-0 {
  width: 0px !important;
}

.h-0 {
  min-height: 0px !important;
}

.w-5 {
  width: 5% !important;
}

.h-5 {
  min-height: 5% !important;
}

.w-15 {
  width: 15% !important;
}

.h-15 {
  min-height: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.h-20 {
  min-height: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.h-30 {
  min-height: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.h-35 {
  min-height: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.h-40 {
  min-height: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.h-45 {
  min-height: 45% !important;
}

.w-60 {
  width: 60% !important;
}

.h-60 {
  min-height: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.h-65 {
  min-height: 65% !important;
}

.w-80 {
  width: 80% !important;
}

.h-80 {
  min-height: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.h-85 {
  min-height: 85% !important;
}

.w-95 {
  width: 95% !important;
}

.h-95 {
  min-height: 95% !important;
}

.w-35-vw {
  width: 35vw !important;
}

.h-35-vw {
  min-height: 35vw !important;
}

.w-40-vw {
  width: 40vw !important;
}

.h-40-vw {
  min-height: 40vw !important;
}

.w-45-vw {
  width: 45vw !important;
}

.h-45-vw {
  min-height: 45vw !important;
}

.w-50-vw {
  width: 50vw !important;
}

.h-50-vw {
  min-height: 50vw !important;
}

.w-65-vw {
  width: 65vw !important;
}

.h-65-vw {
  min-height: 65vw !important;
}

.w-100-vw {
  width: 100vw !important;
}

.h-100-vw {
  min-height: 100vw !important;
}

.w-5-vh {
  width: 5vh !important;
}

.h-5-vh {
  min-height: 5vh !important;
}

.w-10-vh {
  width: 10vh !important;
}

.h-10-vh {
  min-height: 10vh !important;
}

.w-15-vh {
  width: 15vh !important;
}

.h-15-vh {
  min-height: 15vh !important;
}

.w-20-vh {
  width: 20vh !important;
}

.h-20-vh {
  min-height: 20vh !important;
}

.w-25-vh {
  width: 25vh !important;
}

.h-25-vh {
  min-height: 25vh !important;
}

.w-30-vh {
  width: 30vh !important;
}

.h-30-vh {
  min-height: 30vh !important;
}

.w-40-vh {
  width: 40vh !important;
}

.h-40-vh {
  min-height: 40vh !important;
}

.w-45-vh {
  width: 45vh !important;
}

.h-45-vh {
  min-height: 45vh !important;
}

.w-50-vh {
  width: 50vh !important;
}

.h-50-vh {
  min-height: 50vh !important;
}

.w-65-vh {
  width: 65vh !important;
}

.h-65-vh {
  min-height: 65vh !important;
}

.w-75-vh {
  width: 75vh !important;
}

.h-75-vh {
  min-height: 75vh !important;
}

.w-85-vh {
  width: 85vh !important;
}

.h-85-vh {
  min-height: 85vh !important;
}

.w-100-vh {
  width: 100vh !important;
}

.h-100-vh {
  min-height: 100vh !important;
}

.w-150-vh {
  width: 150vh !important;
}

.h-150-vh {
  min-height: 150vh !important;
}

.no-scrollbars {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.no-scrollbars::-webkit-scrollbar {
  display: none;
}

.no-select {
  user-select: none !important;
}

.object-fit-contain {
  object-fit: contain;
}

.scroll-snap-start {
  scroll-snap-align: start;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.pointer-none {
  pointer-events: none !important;
}

.pointer-all {
  pointer-events: all !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-n-1 {
  z-index: -1 !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.hover-scale-1-01:hover {
  transition: all 0.4s ease;
  transform: scale(1.01) !important;
}

.no-bullets {
  list-style-type: none !important;
}

.row {
  margin: 0 !important;
}

.border-none {
  border: none !important;
}

.outline-none {
  outline: none !important;
}

.btn-sm {
  max-height: 50px;
  overflow: hidden;
}

/*# sourceMappingURL=style.css.map */
