@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root {
  --c-improvement: #622776;
  --bg-improvement: #E8BCF7;
  --c-fixation: #F38300;
  --bg-fixation: #FCF8E3;
  --c-feature: #0066DD;
  --bg-feature: #DCEAFB;
}

* {
  color: #324552;
}

.bg1 {
  background-color: #E3EEF4 !important;
}

.bg2 {
  background-color: #EFF4F6 !important;
}

.bg3 {
  background-color: #21717A !important;
}

.text-dark-600 {
  color: #324552 !important;
}

.text-dark-500 {
  color: #566976 !important;
}

.text-dark-400 {
  color: #7D92A1 !important;
}

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

:root {
  --bs-body-font-size:14px;
}
@media (min-width: 1440px) {
  :root {
    --bs-body-font-size:16px ;
  }
}
@media (min-width: 1920px) {
  :root {
    --bs-body-font-size:20px;
  }
}

body {
  min-height: 100%;
  overflow-x: hidden;
  background-color: #EFF4F6;
  position: relative;
  scroll-behavior: smooth;
}

p {
  word-wrap: break-word;
  word-break: break-word;
}

a {
  text-decoration: none;
  cursor: pointer;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 88px;
}
*::-webkit-scrollbar-thumb {
  background: rgba(50, 69, 82, 0.35);
  border-radius: 88px;
}
*::-webkit-scrollbar-track {
  background: #F8FAFB;
  border-radius: 88px;
}
* {
  scrollbar-face-color: rgba(50, 69, 82, 0.35);
  scrollbar-track-color: #F8FAFB;
}
* {
  scrollbar-color: rgba(50, 69, 82, 0.35) #F8FAFB !important;
  scrollbar-width: thin;
}

* {
  font-family: "Work Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6, p {
  margin-bottom: 0;
}

.title-1 {
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 4.125rem;
  letter-spacing: -0.04em;
}

.title-2 {
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 2.1875rem;
}

.title-3 {
  font-weight: 700;
  font-size: 2.75rem;
  line-height: 2.1875rem;
}

.title-4 {
  font-weight: 400;
  font-size: 28px;
  line-height: 35px;
  letter-spacing: -0.125rem;
}

.title-5 {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  color: #000000;
  position: relative;
  padding-bottom: 0.625rem;
}
.title-5::after {
  position: absolute;
  content: "";
  width: 2.4375rem;
  height: 0.125rem;
  background-color: #005A9B;
  left: 0;
  bottom: 0;
}

.desc-1 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.desc-2 {
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #566976;
}

.link-accent1 {
  line-height: 1.3125rem;
  color: #31AAB7;
  display: inline;
}
.link-accent1:hover {
  color: #129AA6;
}
.link-accent1:focus-visible {
  outline: 1px solid #31AAB7;
}

.link-dark {
  color: #566976;
}
.link-dark:hover {
  color: #7D92A1;
}
.link-dark:focus-visible {
  outline: 1px solid #31AAB7;
}

.event-desc h1 {
  font-size: 1.75rem;
}
.event-desc h2 {
  font-size: 1.625rem;
}
.event-desc h3 {
  font-size: 1.5rem;
}
.event-desc h4, .event-desc h5, .event-desc h6 {
  font-size: 1.25rem;
}
.event-desc p {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.event-desc li {
  font-size: 1rem;
}

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

.gap-1 {
  gap: 0.063rem !important;
}

.row-1 {
  --bs-gutter-x: 0.063rem;
  --bs-gutter-y: 0.063rem;
}

.li-1 li + li {
  padding-top: 0.063rem;
}

.sq-1 {
  width: 0.063rem !important;
  height: 0.063rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

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

.gap-2 {
  gap: 0.125rem !important;
}

.row-2 {
  --bs-gutter-x: 0.125rem;
  --bs-gutter-y: 0.125rem;
}

.li-2 li + li {
  padding-top: 0.125rem;
}

.sq-2 {
  width: 0.125rem !important;
  height: 0.125rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.fs-3 {
  font-size: 0.188rem !important;
}

.gap-3 {
  gap: 0.188rem !important;
}

.row-3 {
  --bs-gutter-x: 0.188rem;
  --bs-gutter-y: 0.188rem;
}

.li-3 li + li {
  padding-top: 0.188rem;
}

.sq-3 {
  width: 0.188rem !important;
  height: 0.188rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.fs-4 {
  font-size: 0.25rem !important;
}

.gap-4 {
  gap: 0.25rem !important;
}

.row-4 {
  --bs-gutter-x: 0.25rem;
  --bs-gutter-y: 0.25rem;
}

.li-4 li + li {
  padding-top: 0.25rem;
}

.sq-4 {
  width: 0.25rem !important;
  height: 0.25rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.fs-5 {
  font-size: 0.313rem !important;
}

.gap-5 {
  gap: 0.313rem !important;
}

.row-5 {
  --bs-gutter-x: 0.313rem;
  --bs-gutter-y: 0.313rem;
}

.li-5 li + li {
  padding-top: 0.313rem;
}

.sq-5 {
  width: 0.313rem !important;
  height: 0.313rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-6,
.my-6,
.mt-6 {
  margin-top: 0.375rem !important;
}

.m-6,
.my-6,
.mb-6 {
  margin-bottom: 0.375rem !important;
}

.m-6,
.mx-6,
.ms-6 {
  margin-left: 0.375rem !important;
}

.m-6,
.mx-6,
.me-6 {
  margin-right: 0.375rem !important;
}

.p-6,
.py-6,
.pt-6 {
  padding-top: 0.375rem !important;
}

.p-6,
.py-6,
.pb-6 {
  padding-bottom: 0.375rem !important;
}

.p-6,
.px-6,
.ps-6 {
  padding-left: 0.375rem !important;
}

.p-6,
.px-6,
.pe-6 {
  padding-right: 0.375rem !important;
}

.fs-6 {
  font-size: 0.375rem !important;
}

.gap-6 {
  gap: 0.375rem !important;
}

.row-6 {
  --bs-gutter-x: 0.375rem;
  --bs-gutter-y: 0.375rem;
}

.li-6 li + li {
  padding-top: 0.375rem;
}

.sq-6 {
  width: 0.375rem !important;
  height: 0.375rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-7,
.my-7,
.mt-7 {
  margin-top: 0.438rem !important;
}

.m-7,
.my-7,
.mb-7 {
  margin-bottom: 0.438rem !important;
}

.m-7,
.mx-7,
.ms-7 {
  margin-left: 0.438rem !important;
}

.m-7,
.mx-7,
.me-7 {
  margin-right: 0.438rem !important;
}

.p-7,
.py-7,
.pt-7 {
  padding-top: 0.438rem !important;
}

.p-7,
.py-7,
.pb-7 {
  padding-bottom: 0.438rem !important;
}

.p-7,
.px-7,
.ps-7 {
  padding-left: 0.438rem !important;
}

.p-7,
.px-7,
.pe-7 {
  padding-right: 0.438rem !important;
}

.fs-7 {
  font-size: 0.438rem !important;
}

.gap-7 {
  gap: 0.438rem !important;
}

.row-7 {
  --bs-gutter-x: 0.438rem;
  --bs-gutter-y: 0.438rem;
}

.li-7 li + li {
  padding-top: 0.438rem;
}

.sq-7 {
  width: 0.438rem !important;
  height: 0.438rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-8,
.my-8,
.mt-8 {
  margin-top: 0.5rem !important;
}

.m-8,
.my-8,
.mb-8 {
  margin-bottom: 0.5rem !important;
}

.m-8,
.mx-8,
.ms-8 {
  margin-left: 0.5rem !important;
}

.m-8,
.mx-8,
.me-8 {
  margin-right: 0.5rem !important;
}

.p-8,
.py-8,
.pt-8 {
  padding-top: 0.5rem !important;
}

.p-8,
.py-8,
.pb-8 {
  padding-bottom: 0.5rem !important;
}

.p-8,
.px-8,
.ps-8 {
  padding-left: 0.5rem !important;
}

.p-8,
.px-8,
.pe-8 {
  padding-right: 0.5rem !important;
}

.fs-8 {
  font-size: 0.5rem !important;
}

.gap-8 {
  gap: 0.5rem !important;
}

.row-8 {
  --bs-gutter-x: 0.5rem;
  --bs-gutter-y: 0.5rem;
}

.li-8 li + li {
  padding-top: 0.5rem;
}

.sq-8 {
  width: 0.5rem !important;
  height: 0.5rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-9,
.my-9,
.mt-9 {
  margin-top: 0.563rem !important;
}

.m-9,
.my-9,
.mb-9 {
  margin-bottom: 0.563rem !important;
}

.m-9,
.mx-9,
.ms-9 {
  margin-left: 0.563rem !important;
}

.m-9,
.mx-9,
.me-9 {
  margin-right: 0.563rem !important;
}

.p-9,
.py-9,
.pt-9 {
  padding-top: 0.563rem !important;
}

.p-9,
.py-9,
.pb-9 {
  padding-bottom: 0.563rem !important;
}

.p-9,
.px-9,
.ps-9 {
  padding-left: 0.563rem !important;
}

.p-9,
.px-9,
.pe-9 {
  padding-right: 0.563rem !important;
}

.fs-9 {
  font-size: 0.563rem !important;
}

.gap-9 {
  gap: 0.563rem !important;
}

.row-9 {
  --bs-gutter-x: 0.563rem;
  --bs-gutter-y: 0.563rem;
}

.li-9 li + li {
  padding-top: 0.563rem;
}

.sq-9 {
  width: 0.563rem !important;
  height: 0.563rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-10,
.my-10,
.mt-10 {
  margin-top: 0.625rem !important;
}

.m-10,
.my-10,
.mb-10 {
  margin-bottom: 0.625rem !important;
}

.m-10,
.mx-10,
.ms-10 {
  margin-left: 0.625rem !important;
}

.m-10,
.mx-10,
.me-10 {
  margin-right: 0.625rem !important;
}

.p-10,
.py-10,
.pt-10 {
  padding-top: 0.625rem !important;
}

.p-10,
.py-10,
.pb-10 {
  padding-bottom: 0.625rem !important;
}

.p-10,
.px-10,
.ps-10 {
  padding-left: 0.625rem !important;
}

.p-10,
.px-10,
.pe-10 {
  padding-right: 0.625rem !important;
}

.fs-10 {
  font-size: 0.625rem !important;
}

.gap-10 {
  gap: 0.625rem !important;
}

.row-10 {
  --bs-gutter-x: 0.625rem;
  --bs-gutter-y: 0.625rem;
}

.li-10 li + li {
  padding-top: 0.625rem;
}

.sq-10 {
  width: 0.625rem !important;
  height: 0.625rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-11,
.my-11,
.mt-11 {
  margin-top: 0.688rem !important;
}

.m-11,
.my-11,
.mb-11 {
  margin-bottom: 0.688rem !important;
}

.m-11,
.mx-11,
.ms-11 {
  margin-left: 0.688rem !important;
}

.m-11,
.mx-11,
.me-11 {
  margin-right: 0.688rem !important;
}

.p-11,
.py-11,
.pt-11 {
  padding-top: 0.688rem !important;
}

.p-11,
.py-11,
.pb-11 {
  padding-bottom: 0.688rem !important;
}

.p-11,
.px-11,
.ps-11 {
  padding-left: 0.688rem !important;
}

.p-11,
.px-11,
.pe-11 {
  padding-right: 0.688rem !important;
}

.fs-11 {
  font-size: 0.688rem !important;
}

.gap-11 {
  gap: 0.688rem !important;
}

.row-11 {
  --bs-gutter-x: 0.688rem;
  --bs-gutter-y: 0.688rem;
}

.li-11 li + li {
  padding-top: 0.688rem;
}

.sq-11 {
  width: 0.688rem !important;
  height: 0.688rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-12,
.my-12,
.mt-12 {
  margin-top: 0.75rem !important;
}

.m-12,
.my-12,
.mb-12 {
  margin-bottom: 0.75rem !important;
}

.m-12,
.mx-12,
.ms-12 {
  margin-left: 0.75rem !important;
}

.m-12,
.mx-12,
.me-12 {
  margin-right: 0.75rem !important;
}

.p-12,
.py-12,
.pt-12 {
  padding-top: 0.75rem !important;
}

.p-12,
.py-12,
.pb-12 {
  padding-bottom: 0.75rem !important;
}

.p-12,
.px-12,
.ps-12 {
  padding-left: 0.75rem !important;
}

.p-12,
.px-12,
.pe-12 {
  padding-right: 0.75rem !important;
}

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

.gap-12 {
  gap: 0.75rem !important;
}

.row-12 {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0.75rem;
}

.li-12 li + li {
  padding-top: 0.75rem;
}

.sq-12 {
  width: 0.75rem !important;
  height: 0.75rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-13,
.my-13,
.mt-13 {
  margin-top: 0.813rem !important;
}

.m-13,
.my-13,
.mb-13 {
  margin-bottom: 0.813rem !important;
}

.m-13,
.mx-13,
.ms-13 {
  margin-left: 0.813rem !important;
}

.m-13,
.mx-13,
.me-13 {
  margin-right: 0.813rem !important;
}

.p-13,
.py-13,
.pt-13 {
  padding-top: 0.813rem !important;
}

.p-13,
.py-13,
.pb-13 {
  padding-bottom: 0.813rem !important;
}

.p-13,
.px-13,
.ps-13 {
  padding-left: 0.813rem !important;
}

.p-13,
.px-13,
.pe-13 {
  padding-right: 0.813rem !important;
}

.fs-13 {
  font-size: 0.813rem !important;
}

.gap-13 {
  gap: 0.813rem !important;
}

.row-13 {
  --bs-gutter-x: 0.813rem;
  --bs-gutter-y: 0.813rem;
}

.li-13 li + li {
  padding-top: 0.813rem;
}

.sq-13 {
  width: 0.813rem !important;
  height: 0.813rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-14,
.my-14,
.mt-14 {
  margin-top: 0.875rem !important;
}

.m-14,
.my-14,
.mb-14 {
  margin-bottom: 0.875rem !important;
}

.m-14,
.mx-14,
.ms-14 {
  margin-left: 0.875rem !important;
}

.m-14,
.mx-14,
.me-14 {
  margin-right: 0.875rem !important;
}

.p-14,
.py-14,
.pt-14 {
  padding-top: 0.875rem !important;
}

.p-14,
.py-14,
.pb-14 {
  padding-bottom: 0.875rem !important;
}

.p-14,
.px-14,
.ps-14 {
  padding-left: 0.875rem !important;
}

.p-14,
.px-14,
.pe-14 {
  padding-right: 0.875rem !important;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.gap-14 {
  gap: 0.875rem !important;
}

.row-14 {
  --bs-gutter-x: 0.875rem;
  --bs-gutter-y: 0.875rem;
}

.li-14 li + li {
  padding-top: 0.875rem;
}

.sq-14 {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-15,
.my-15,
.mt-15 {
  margin-top: 0.938rem !important;
}

.m-15,
.my-15,
.mb-15 {
  margin-bottom: 0.938rem !important;
}

.m-15,
.mx-15,
.ms-15 {
  margin-left: 0.938rem !important;
}

.m-15,
.mx-15,
.me-15 {
  margin-right: 0.938rem !important;
}

.p-15,
.py-15,
.pt-15 {
  padding-top: 0.938rem !important;
}

.p-15,
.py-15,
.pb-15 {
  padding-bottom: 0.938rem !important;
}

.p-15,
.px-15,
.ps-15 {
  padding-left: 0.938rem !important;
}

.p-15,
.px-15,
.pe-15 {
  padding-right: 0.938rem !important;
}

.fs-15 {
  font-size: 0.938rem !important;
}

.gap-15 {
  gap: 0.938rem !important;
}

.row-15 {
  --bs-gutter-x: 0.938rem;
  --bs-gutter-y: 0.938rem;
}

.li-15 li + li {
  padding-top: 0.938rem;
}

.sq-15 {
  width: 0.938rem !important;
  height: 0.938rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-16,
.my-16,
.mt-16 {
  margin-top: 1rem !important;
}

.m-16,
.my-16,
.mb-16 {
  margin-bottom: 1rem !important;
}

.m-16,
.mx-16,
.ms-16 {
  margin-left: 1rem !important;
}

.m-16,
.mx-16,
.me-16 {
  margin-right: 1rem !important;
}

.p-16,
.py-16,
.pt-16 {
  padding-top: 1rem !important;
}

.p-16,
.py-16,
.pb-16 {
  padding-bottom: 1rem !important;
}

.p-16,
.px-16,
.ps-16 {
  padding-left: 1rem !important;
}

.p-16,
.px-16,
.pe-16 {
  padding-right: 1rem !important;
}

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

.gap-16 {
  gap: 1rem !important;
}

.row-16 {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}

.li-16 li + li {
  padding-top: 1rem;
}

.sq-16 {
  width: 1rem !important;
  height: 1rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-17,
.my-17,
.mt-17 {
  margin-top: 1.063rem !important;
}

.m-17,
.my-17,
.mb-17 {
  margin-bottom: 1.063rem !important;
}

.m-17,
.mx-17,
.ms-17 {
  margin-left: 1.063rem !important;
}

.m-17,
.mx-17,
.me-17 {
  margin-right: 1.063rem !important;
}

.p-17,
.py-17,
.pt-17 {
  padding-top: 1.063rem !important;
}

.p-17,
.py-17,
.pb-17 {
  padding-bottom: 1.063rem !important;
}

.p-17,
.px-17,
.ps-17 {
  padding-left: 1.063rem !important;
}

.p-17,
.px-17,
.pe-17 {
  padding-right: 1.063rem !important;
}

.fs-17 {
  font-size: 1.063rem !important;
}

.gap-17 {
  gap: 1.063rem !important;
}

.row-17 {
  --bs-gutter-x: 1.063rem;
  --bs-gutter-y: 1.063rem;
}

.li-17 li + li {
  padding-top: 1.063rem;
}

.sq-17 {
  width: 1.063rem !important;
  height: 1.063rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-18,
.my-18,
.mt-18 {
  margin-top: 1.125rem !important;
}

.m-18,
.my-18,
.mb-18 {
  margin-bottom: 1.125rem !important;
}

.m-18,
.mx-18,
.ms-18 {
  margin-left: 1.125rem !important;
}

.m-18,
.mx-18,
.me-18 {
  margin-right: 1.125rem !important;
}

.p-18,
.py-18,
.pt-18 {
  padding-top: 1.125rem !important;
}

.p-18,
.py-18,
.pb-18 {
  padding-bottom: 1.125rem !important;
}

.p-18,
.px-18,
.ps-18 {
  padding-left: 1.125rem !important;
}

.p-18,
.px-18,
.pe-18 {
  padding-right: 1.125rem !important;
}

.fs-18 {
  font-size: 1.125rem !important;
}

.gap-18 {
  gap: 1.125rem !important;
}

.row-18 {
  --bs-gutter-x: 1.125rem;
  --bs-gutter-y: 1.125rem;
}

.li-18 li + li {
  padding-top: 1.125rem;
}

.sq-18 {
  width: 1.125rem !important;
  height: 1.125rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-20,
.my-20,
.mt-20 {
  margin-top: 1.25rem !important;
}

.m-20,
.my-20,
.mb-20 {
  margin-bottom: 1.25rem !important;
}

.m-20,
.mx-20,
.ms-20 {
  margin-left: 1.25rem !important;
}

.m-20,
.mx-20,
.me-20 {
  margin-right: 1.25rem !important;
}

.p-20,
.py-20,
.pt-20 {
  padding-top: 1.25rem !important;
}

.p-20,
.py-20,
.pb-20 {
  padding-bottom: 1.25rem !important;
}

.p-20,
.px-20,
.ps-20 {
  padding-left: 1.25rem !important;
}

.p-20,
.px-20,
.pe-20 {
  padding-right: 1.25rem !important;
}

.fs-20 {
  font-size: 1.25rem !important;
}

.gap-20 {
  gap: 1.25rem !important;
}

.row-20 {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
}

.li-20 li + li {
  padding-top: 1.25rem;
}

.sq-20 {
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-22,
.my-22,
.mt-22 {
  margin-top: 1.375rem !important;
}

.m-22,
.my-22,
.mb-22 {
  margin-bottom: 1.375rem !important;
}

.m-22,
.mx-22,
.ms-22 {
  margin-left: 1.375rem !important;
}

.m-22,
.mx-22,
.me-22 {
  margin-right: 1.375rem !important;
}

.p-22,
.py-22,
.pt-22 {
  padding-top: 1.375rem !important;
}

.p-22,
.py-22,
.pb-22 {
  padding-bottom: 1.375rem !important;
}

.p-22,
.px-22,
.ps-22 {
  padding-left: 1.375rem !important;
}

.p-22,
.px-22,
.pe-22 {
  padding-right: 1.375rem !important;
}

.fs-22 {
  font-size: 1.375rem !important;
}

.gap-22 {
  gap: 1.375rem !important;
}

.row-22 {
  --bs-gutter-x: 1.375rem;
  --bs-gutter-y: 1.375rem;
}

.li-22 li + li {
  padding-top: 1.375rem;
}

.sq-22 {
  width: 1.375rem !important;
  height: 1.375rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-23,
.my-23,
.mt-23 {
  margin-top: 1.438rem !important;
}

.m-23,
.my-23,
.mb-23 {
  margin-bottom: 1.438rem !important;
}

.m-23,
.mx-23,
.ms-23 {
  margin-left: 1.438rem !important;
}

.m-23,
.mx-23,
.me-23 {
  margin-right: 1.438rem !important;
}

.p-23,
.py-23,
.pt-23 {
  padding-top: 1.438rem !important;
}

.p-23,
.py-23,
.pb-23 {
  padding-bottom: 1.438rem !important;
}

.p-23,
.px-23,
.ps-23 {
  padding-left: 1.438rem !important;
}

.p-23,
.px-23,
.pe-23 {
  padding-right: 1.438rem !important;
}

.fs-23 {
  font-size: 1.438rem !important;
}

.gap-23 {
  gap: 1.438rem !important;
}

.row-23 {
  --bs-gutter-x: 1.438rem;
  --bs-gutter-y: 1.438rem;
}

.li-23 li + li {
  padding-top: 1.438rem;
}

.sq-23 {
  width: 1.438rem !important;
  height: 1.438rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-24,
.my-24,
.mt-24 {
  margin-top: 1.5rem !important;
}

.m-24,
.my-24,
.mb-24 {
  margin-bottom: 1.5rem !important;
}

.m-24,
.mx-24,
.ms-24 {
  margin-left: 1.5rem !important;
}

.m-24,
.mx-24,
.me-24 {
  margin-right: 1.5rem !important;
}

.p-24,
.py-24,
.pt-24 {
  padding-top: 1.5rem !important;
}

.p-24,
.py-24,
.pb-24 {
  padding-bottom: 1.5rem !important;
}

.p-24,
.px-24,
.ps-24 {
  padding-left: 1.5rem !important;
}

.p-24,
.px-24,
.pe-24 {
  padding-right: 1.5rem !important;
}

.fs-24 {
  font-size: 1.5rem !important;
}

.gap-24 {
  gap: 1.5rem !important;
}

.row-24 {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}

.li-24 li + li {
  padding-top: 1.5rem;
}

.sq-24 {
  width: 1.5rem !important;
  height: 1.5rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-25,
.my-25,
.mt-25 {
  margin-top: 1.563rem !important;
}

.m-25,
.my-25,
.mb-25 {
  margin-bottom: 1.563rem !important;
}

.m-25,
.mx-25,
.ms-25 {
  margin-left: 1.563rem !important;
}

.m-25,
.mx-25,
.me-25 {
  margin-right: 1.563rem !important;
}

.p-25,
.py-25,
.pt-25 {
  padding-top: 1.563rem !important;
}

.p-25,
.py-25,
.pb-25 {
  padding-bottom: 1.563rem !important;
}

.p-25,
.px-25,
.ps-25 {
  padding-left: 1.563rem !important;
}

.p-25,
.px-25,
.pe-25 {
  padding-right: 1.563rem !important;
}

.fs-25 {
  font-size: 1.563rem !important;
}

.gap-25 {
  gap: 1.563rem !important;
}

.row-25 {
  --bs-gutter-x: 1.563rem;
  --bs-gutter-y: 1.563rem;
}

.li-25 li + li {
  padding-top: 1.563rem;
}

.sq-25 {
  width: 1.563rem !important;
  height: 1.563rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-26,
.my-26,
.mt-26 {
  margin-top: 1.625rem !important;
}

.m-26,
.my-26,
.mb-26 {
  margin-bottom: 1.625rem !important;
}

.m-26,
.mx-26,
.ms-26 {
  margin-left: 1.625rem !important;
}

.m-26,
.mx-26,
.me-26 {
  margin-right: 1.625rem !important;
}

.p-26,
.py-26,
.pt-26 {
  padding-top: 1.625rem !important;
}

.p-26,
.py-26,
.pb-26 {
  padding-bottom: 1.625rem !important;
}

.p-26,
.px-26,
.ps-26 {
  padding-left: 1.625rem !important;
}

.p-26,
.px-26,
.pe-26 {
  padding-right: 1.625rem !important;
}

.fs-26 {
  font-size: 1.625rem !important;
}

.gap-26 {
  gap: 1.625rem !important;
}

.row-26 {
  --bs-gutter-x: 1.625rem;
  --bs-gutter-y: 1.625rem;
}

.li-26 li + li {
  padding-top: 1.625rem;
}

.sq-26 {
  width: 1.625rem !important;
  height: 1.625rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-28,
.my-28,
.mt-28 {
  margin-top: 1.75rem !important;
}

.m-28,
.my-28,
.mb-28 {
  margin-bottom: 1.75rem !important;
}

.m-28,
.mx-28,
.ms-28 {
  margin-left: 1.75rem !important;
}

.m-28,
.mx-28,
.me-28 {
  margin-right: 1.75rem !important;
}

.p-28,
.py-28,
.pt-28 {
  padding-top: 1.75rem !important;
}

.p-28,
.py-28,
.pb-28 {
  padding-bottom: 1.75rem !important;
}

.p-28,
.px-28,
.ps-28 {
  padding-left: 1.75rem !important;
}

.p-28,
.px-28,
.pe-28 {
  padding-right: 1.75rem !important;
}

.fs-28 {
  font-size: 1.75rem !important;
}

.gap-28 {
  gap: 1.75rem !important;
}

.row-28 {
  --bs-gutter-x: 1.75rem;
  --bs-gutter-y: 1.75rem;
}

.li-28 li + li {
  padding-top: 1.75rem;
}

.sq-28 {
  width: 1.75rem !important;
  height: 1.75rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-30,
.my-30,
.mt-30 {
  margin-top: 1.875rem !important;
}

.m-30,
.my-30,
.mb-30 {
  margin-bottom: 1.875rem !important;
}

.m-30,
.mx-30,
.ms-30 {
  margin-left: 1.875rem !important;
}

.m-30,
.mx-30,
.me-30 {
  margin-right: 1.875rem !important;
}

.p-30,
.py-30,
.pt-30 {
  padding-top: 1.875rem !important;
}

.p-30,
.py-30,
.pb-30 {
  padding-bottom: 1.875rem !important;
}

.p-30,
.px-30,
.ps-30 {
  padding-left: 1.875rem !important;
}

.p-30,
.px-30,
.pe-30 {
  padding-right: 1.875rem !important;
}

.fs-30 {
  font-size: 1.875rem !important;
}

.gap-30 {
  gap: 1.875rem !important;
}

.row-30 {
  --bs-gutter-x: 1.875rem;
  --bs-gutter-y: 1.875rem;
}

.li-30 li + li {
  padding-top: 1.875rem;
}

.sq-30 {
  width: 1.875rem !important;
  height: 1.875rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-31,
.my-31,
.mt-31 {
  margin-top: 1.938rem !important;
}

.m-31,
.my-31,
.mb-31 {
  margin-bottom: 1.938rem !important;
}

.m-31,
.mx-31,
.ms-31 {
  margin-left: 1.938rem !important;
}

.m-31,
.mx-31,
.me-31 {
  margin-right: 1.938rem !important;
}

.p-31,
.py-31,
.pt-31 {
  padding-top: 1.938rem !important;
}

.p-31,
.py-31,
.pb-31 {
  padding-bottom: 1.938rem !important;
}

.p-31,
.px-31,
.ps-31 {
  padding-left: 1.938rem !important;
}

.p-31,
.px-31,
.pe-31 {
  padding-right: 1.938rem !important;
}

.fs-31 {
  font-size: 1.938rem !important;
}

.gap-31 {
  gap: 1.938rem !important;
}

.row-31 {
  --bs-gutter-x: 1.938rem;
  --bs-gutter-y: 1.938rem;
}

.li-31 li + li {
  padding-top: 1.938rem;
}

.sq-31 {
  width: 1.938rem !important;
  height: 1.938rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-32,
.my-32,
.mt-32 {
  margin-top: 2rem !important;
}

.m-32,
.my-32,
.mb-32 {
  margin-bottom: 2rem !important;
}

.m-32,
.mx-32,
.ms-32 {
  margin-left: 2rem !important;
}

.m-32,
.mx-32,
.me-32 {
  margin-right: 2rem !important;
}

.p-32,
.py-32,
.pt-32 {
  padding-top: 2rem !important;
}

.p-32,
.py-32,
.pb-32 {
  padding-bottom: 2rem !important;
}

.p-32,
.px-32,
.ps-32 {
  padding-left: 2rem !important;
}

.p-32,
.px-32,
.pe-32 {
  padding-right: 2rem !important;
}

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

.gap-32 {
  gap: 2rem !important;
}

.row-32 {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
}

.li-32 li + li {
  padding-top: 2rem;
}

.sq-32 {
  width: 2rem !important;
  height: 2rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-35,
.my-35,
.mt-35 {
  margin-top: 2.188rem !important;
}

.m-35,
.my-35,
.mb-35 {
  margin-bottom: 2.188rem !important;
}

.m-35,
.mx-35,
.ms-35 {
  margin-left: 2.188rem !important;
}

.m-35,
.mx-35,
.me-35 {
  margin-right: 2.188rem !important;
}

.p-35,
.py-35,
.pt-35 {
  padding-top: 2.188rem !important;
}

.p-35,
.py-35,
.pb-35 {
  padding-bottom: 2.188rem !important;
}

.p-35,
.px-35,
.ps-35 {
  padding-left: 2.188rem !important;
}

.p-35,
.px-35,
.pe-35 {
  padding-right: 2.188rem !important;
}

.fs-35 {
  font-size: 2.188rem !important;
}

.gap-35 {
  gap: 2.188rem !important;
}

.row-35 {
  --bs-gutter-x: 2.188rem;
  --bs-gutter-y: 2.188rem;
}

.li-35 li + li {
  padding-top: 2.188rem;
}

.sq-35 {
  width: 2.188rem !important;
  height: 2.188rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-36,
.my-36,
.mt-36 {
  margin-top: 2.25rem !important;
}

.m-36,
.my-36,
.mb-36 {
  margin-bottom: 2.25rem !important;
}

.m-36,
.mx-36,
.ms-36 {
  margin-left: 2.25rem !important;
}

.m-36,
.mx-36,
.me-36 {
  margin-right: 2.25rem !important;
}

.p-36,
.py-36,
.pt-36 {
  padding-top: 2.25rem !important;
}

.p-36,
.py-36,
.pb-36 {
  padding-bottom: 2.25rem !important;
}

.p-36,
.px-36,
.ps-36 {
  padding-left: 2.25rem !important;
}

.p-36,
.px-36,
.pe-36 {
  padding-right: 2.25rem !important;
}

.fs-36 {
  font-size: 2.25rem !important;
}

.gap-36 {
  gap: 2.25rem !important;
}

.row-36 {
  --bs-gutter-x: 2.25rem;
  --bs-gutter-y: 2.25rem;
}

.li-36 li + li {
  padding-top: 2.25rem;
}

.sq-36 {
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-40,
.my-40,
.mt-40 {
  margin-top: 2.5rem !important;
}

.m-40,
.my-40,
.mb-40 {
  margin-bottom: 2.5rem !important;
}

.m-40,
.mx-40,
.ms-40 {
  margin-left: 2.5rem !important;
}

.m-40,
.mx-40,
.me-40 {
  margin-right: 2.5rem !important;
}

.p-40,
.py-40,
.pt-40 {
  padding-top: 2.5rem !important;
}

.p-40,
.py-40,
.pb-40 {
  padding-bottom: 2.5rem !important;
}

.p-40,
.px-40,
.ps-40 {
  padding-left: 2.5rem !important;
}

.p-40,
.px-40,
.pe-40 {
  padding-right: 2.5rem !important;
}

.fs-40 {
  font-size: 2.5rem !important;
}

.gap-40 {
  gap: 2.5rem !important;
}

.row-40 {
  --bs-gutter-x: 2.5rem;
  --bs-gutter-y: 2.5rem;
}

.li-40 li + li {
  padding-top: 2.5rem;
}

.sq-40 {
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-42,
.my-42,
.mt-42 {
  margin-top: 2.625rem !important;
}

.m-42,
.my-42,
.mb-42 {
  margin-bottom: 2.625rem !important;
}

.m-42,
.mx-42,
.ms-42 {
  margin-left: 2.625rem !important;
}

.m-42,
.mx-42,
.me-42 {
  margin-right: 2.625rem !important;
}

.p-42,
.py-42,
.pt-42 {
  padding-top: 2.625rem !important;
}

.p-42,
.py-42,
.pb-42 {
  padding-bottom: 2.625rem !important;
}

.p-42,
.px-42,
.ps-42 {
  padding-left: 2.625rem !important;
}

.p-42,
.px-42,
.pe-42 {
  padding-right: 2.625rem !important;
}

.fs-42 {
  font-size: 2.625rem !important;
}

.gap-42 {
  gap: 2.625rem !important;
}

.row-42 {
  --bs-gutter-x: 2.625rem;
  --bs-gutter-y: 2.625rem;
}

.li-42 li + li {
  padding-top: 2.625rem;
}

.sq-42 {
  width: 2.625rem !important;
  height: 2.625rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-44,
.my-44,
.mt-44 {
  margin-top: 2.75rem !important;
}

.m-44,
.my-44,
.mb-44 {
  margin-bottom: 2.75rem !important;
}

.m-44,
.mx-44,
.ms-44 {
  margin-left: 2.75rem !important;
}

.m-44,
.mx-44,
.me-44 {
  margin-right: 2.75rem !important;
}

.p-44,
.py-44,
.pt-44 {
  padding-top: 2.75rem !important;
}

.p-44,
.py-44,
.pb-44 {
  padding-bottom: 2.75rem !important;
}

.p-44,
.px-44,
.ps-44 {
  padding-left: 2.75rem !important;
}

.p-44,
.px-44,
.pe-44 {
  padding-right: 2.75rem !important;
}

.fs-44 {
  font-size: 2.75rem !important;
}

.gap-44 {
  gap: 2.75rem !important;
}

.row-44 {
  --bs-gutter-x: 2.75rem;
  --bs-gutter-y: 2.75rem;
}

.li-44 li + li {
  padding-top: 2.75rem;
}

.sq-44 {
  width: 2.75rem !important;
  height: 2.75rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-45,
.my-45,
.mt-45 {
  margin-top: 2.813rem !important;
}

.m-45,
.my-45,
.mb-45 {
  margin-bottom: 2.813rem !important;
}

.m-45,
.mx-45,
.ms-45 {
  margin-left: 2.813rem !important;
}

.m-45,
.mx-45,
.me-45 {
  margin-right: 2.813rem !important;
}

.p-45,
.py-45,
.pt-45 {
  padding-top: 2.813rem !important;
}

.p-45,
.py-45,
.pb-45 {
  padding-bottom: 2.813rem !important;
}

.p-45,
.px-45,
.ps-45 {
  padding-left: 2.813rem !important;
}

.p-45,
.px-45,
.pe-45 {
  padding-right: 2.813rem !important;
}

.fs-45 {
  font-size: 2.813rem !important;
}

.gap-45 {
  gap: 2.813rem !important;
}

.row-45 {
  --bs-gutter-x: 2.813rem;
  --bs-gutter-y: 2.813rem;
}

.li-45 li + li {
  padding-top: 2.813rem;
}

.sq-45 {
  width: 2.813rem !important;
  height: 2.813rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-46,
.my-46,
.mt-46 {
  margin-top: 2.875rem !important;
}

.m-46,
.my-46,
.mb-46 {
  margin-bottom: 2.875rem !important;
}

.m-46,
.mx-46,
.ms-46 {
  margin-left: 2.875rem !important;
}

.m-46,
.mx-46,
.me-46 {
  margin-right: 2.875rem !important;
}

.p-46,
.py-46,
.pt-46 {
  padding-top: 2.875rem !important;
}

.p-46,
.py-46,
.pb-46 {
  padding-bottom: 2.875rem !important;
}

.p-46,
.px-46,
.ps-46 {
  padding-left: 2.875rem !important;
}

.p-46,
.px-46,
.pe-46 {
  padding-right: 2.875rem !important;
}

.fs-46 {
  font-size: 2.875rem !important;
}

.gap-46 {
  gap: 2.875rem !important;
}

.row-46 {
  --bs-gutter-x: 2.875rem;
  --bs-gutter-y: 2.875rem;
}

.li-46 li + li {
  padding-top: 2.875rem;
}

.sq-46 {
  width: 2.875rem !important;
  height: 2.875rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-48,
.my-48,
.mt-48 {
  margin-top: 3rem !important;
}

.m-48,
.my-48,
.mb-48 {
  margin-bottom: 3rem !important;
}

.m-48,
.mx-48,
.ms-48 {
  margin-left: 3rem !important;
}

.m-48,
.mx-48,
.me-48 {
  margin-right: 3rem !important;
}

.p-48,
.py-48,
.pt-48 {
  padding-top: 3rem !important;
}

.p-48,
.py-48,
.pb-48 {
  padding-bottom: 3rem !important;
}

.p-48,
.px-48,
.ps-48 {
  padding-left: 3rem !important;
}

.p-48,
.px-48,
.pe-48 {
  padding-right: 3rem !important;
}

.fs-48 {
  font-size: 3rem !important;
}

.gap-48 {
  gap: 3rem !important;
}

.row-48 {
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 3rem;
}

.li-48 li + li {
  padding-top: 3rem;
}

.sq-48 {
  width: 3rem !important;
  height: 3rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-50,
.my-50,
.mt-50 {
  margin-top: 3.125rem !important;
}

.m-50,
.my-50,
.mb-50 {
  margin-bottom: 3.125rem !important;
}

.m-50,
.mx-50,
.ms-50 {
  margin-left: 3.125rem !important;
}

.m-50,
.mx-50,
.me-50 {
  margin-right: 3.125rem !important;
}

.p-50,
.py-50,
.pt-50 {
  padding-top: 3.125rem !important;
}

.p-50,
.py-50,
.pb-50 {
  padding-bottom: 3.125rem !important;
}

.p-50,
.px-50,
.ps-50 {
  padding-left: 3.125rem !important;
}

.p-50,
.px-50,
.pe-50 {
  padding-right: 3.125rem !important;
}

.fs-50 {
  font-size: 3.125rem !important;
}

.gap-50 {
  gap: 3.125rem !important;
}

.row-50 {
  --bs-gutter-x: 3.125rem;
  --bs-gutter-y: 3.125rem;
}

.li-50 li + li {
  padding-top: 3.125rem;
}

.sq-50 {
  width: 3.125rem !important;
  height: 3.125rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-56,
.my-56,
.mt-56 {
  margin-top: 3.5rem !important;
}

.m-56,
.my-56,
.mb-56 {
  margin-bottom: 3.5rem !important;
}

.m-56,
.mx-56,
.ms-56 {
  margin-left: 3.5rem !important;
}

.m-56,
.mx-56,
.me-56 {
  margin-right: 3.5rem !important;
}

.p-56,
.py-56,
.pt-56 {
  padding-top: 3.5rem !important;
}

.p-56,
.py-56,
.pb-56 {
  padding-bottom: 3.5rem !important;
}

.p-56,
.px-56,
.ps-56 {
  padding-left: 3.5rem !important;
}

.p-56,
.px-56,
.pe-56 {
  padding-right: 3.5rem !important;
}

.fs-56 {
  font-size: 3.5rem !important;
}

.gap-56 {
  gap: 3.5rem !important;
}

.row-56 {
  --bs-gutter-x: 3.5rem;
  --bs-gutter-y: 3.5rem;
}

.li-56 li + li {
  padding-top: 3.5rem;
}

.sq-56, .input-group-otp .form-control {
  width: 3.5rem !important;
  height: 3.5rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-57,
.my-57,
.mt-57 {
  margin-top: 3.563rem !important;
}

.m-57,
.my-57,
.mb-57 {
  margin-bottom: 3.563rem !important;
}

.m-57,
.mx-57,
.ms-57 {
  margin-left: 3.563rem !important;
}

.m-57,
.mx-57,
.me-57 {
  margin-right: 3.563rem !important;
}

.p-57,
.py-57,
.pt-57 {
  padding-top: 3.563rem !important;
}

.p-57,
.py-57,
.pb-57 {
  padding-bottom: 3.563rem !important;
}

.p-57,
.px-57,
.ps-57 {
  padding-left: 3.563rem !important;
}

.p-57,
.px-57,
.pe-57 {
  padding-right: 3.563rem !important;
}

.fs-57 {
  font-size: 3.563rem !important;
}

.gap-57 {
  gap: 3.563rem !important;
}

.row-57 {
  --bs-gutter-x: 3.563rem;
  --bs-gutter-y: 3.563rem;
}

.li-57 li + li {
  padding-top: 3.563rem;
}

.sq-57 {
  width: 3.563rem !important;
  height: 3.563rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-64,
.my-64,
.mt-64 {
  margin-top: 4rem !important;
}

.m-64,
.my-64,
.mb-64 {
  margin-bottom: 4rem !important;
}

.m-64,
.mx-64,
.ms-64 {
  margin-left: 4rem !important;
}

.m-64,
.mx-64,
.me-64 {
  margin-right: 4rem !important;
}

.p-64,
.py-64,
.pt-64 {
  padding-top: 4rem !important;
}

.p-64,
.py-64,
.pb-64 {
  padding-bottom: 4rem !important;
}

.p-64,
.px-64,
.ps-64 {
  padding-left: 4rem !important;
}

.p-64,
.px-64,
.pe-64 {
  padding-right: 4rem !important;
}

.fs-64 {
  font-size: 4rem !important;
}

.gap-64 {
  gap: 4rem !important;
}

.row-64 {
  --bs-gutter-x: 4rem;
  --bs-gutter-y: 4rem;
}

.li-64 li + li {
  padding-top: 4rem;
}

.sq-64 {
  width: 4rem !important;
  height: 4rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-72,
.my-72,
.mt-72 {
  margin-top: 4.5rem !important;
}

.m-72,
.my-72,
.mb-72 {
  margin-bottom: 4.5rem !important;
}

.m-72,
.mx-72,
.ms-72 {
  margin-left: 4.5rem !important;
}

.m-72,
.mx-72,
.me-72 {
  margin-right: 4.5rem !important;
}

.p-72,
.py-72,
.pt-72 {
  padding-top: 4.5rem !important;
}

.p-72,
.py-72,
.pb-72 {
  padding-bottom: 4.5rem !important;
}

.p-72,
.px-72,
.ps-72 {
  padding-left: 4.5rem !important;
}

.p-72,
.px-72,
.pe-72 {
  padding-right: 4.5rem !important;
}

.fs-72 {
  font-size: 4.5rem !important;
}

.gap-72 {
  gap: 4.5rem !important;
}

.row-72 {
  --bs-gutter-x: 4.5rem;
  --bs-gutter-y: 4.5rem;
}

.li-72 li + li {
  padding-top: 4.5rem;
}

.sq-72 {
  width: 4.5rem !important;
  height: 4.5rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-75,
.my-75,
.mt-75 {
  margin-top: 4.688rem !important;
}

.m-75,
.my-75,
.mb-75 {
  margin-bottom: 4.688rem !important;
}

.m-75,
.mx-75,
.ms-75 {
  margin-left: 4.688rem !important;
}

.m-75,
.mx-75,
.me-75 {
  margin-right: 4.688rem !important;
}

.p-75,
.py-75,
.pt-75 {
  padding-top: 4.688rem !important;
}

.p-75,
.py-75,
.pb-75 {
  padding-bottom: 4.688rem !important;
}

.p-75,
.px-75,
.ps-75 {
  padding-left: 4.688rem !important;
}

.p-75,
.px-75,
.pe-75 {
  padding-right: 4.688rem !important;
}

.fs-75 {
  font-size: 4.688rem !important;
}

.gap-75 {
  gap: 4.688rem !important;
}

.row-75 {
  --bs-gutter-x: 4.688rem;
  --bs-gutter-y: 4.688rem;
}

.li-75 li + li {
  padding-top: 4.688rem;
}

.sq-75 {
  width: 4.688rem !important;
  height: 4.688rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-80,
.my-80,
.mt-80 {
  margin-top: 5rem !important;
}

.m-80,
.my-80,
.mb-80 {
  margin-bottom: 5rem !important;
}

.m-80,
.mx-80,
.ms-80 {
  margin-left: 5rem !important;
}

.m-80,
.mx-80,
.me-80 {
  margin-right: 5rem !important;
}

.p-80,
.py-80,
.pt-80 {
  padding-top: 5rem !important;
}

.p-80,
.py-80,
.pb-80 {
  padding-bottom: 5rem !important;
}

.p-80,
.px-80,
.ps-80 {
  padding-left: 5rem !important;
}

.p-80,
.px-80,
.pe-80 {
  padding-right: 5rem !important;
}

.fs-80 {
  font-size: 5rem !important;
}

.gap-80 {
  gap: 5rem !important;
}

.row-80 {
  --bs-gutter-x: 5rem;
  --bs-gutter-y: 5rem;
}

.li-80 li + li {
  padding-top: 5rem;
}

.sq-80 {
  width: 5rem !important;
  height: 5rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-88,
.my-88,
.mt-88 {
  margin-top: 5.5rem !important;
}

.m-88,
.my-88,
.mb-88 {
  margin-bottom: 5.5rem !important;
}

.m-88,
.mx-88,
.ms-88 {
  margin-left: 5.5rem !important;
}

.m-88,
.mx-88,
.me-88 {
  margin-right: 5.5rem !important;
}

.p-88,
.py-88,
.pt-88 {
  padding-top: 5.5rem !important;
}

.p-88,
.py-88,
.pb-88 {
  padding-bottom: 5.5rem !important;
}

.p-88,
.px-88,
.ps-88 {
  padding-left: 5.5rem !important;
}

.p-88,
.px-88,
.pe-88 {
  padding-right: 5.5rem !important;
}

.fs-88 {
  font-size: 5.5rem !important;
}

.gap-88 {
  gap: 5.5rem !important;
}

.row-88 {
  --bs-gutter-x: 5.5rem;
  --bs-gutter-y: 5.5rem;
}

.li-88 li + li {
  padding-top: 5.5rem;
}

.sq-88 {
  width: 5.5rem !important;
  height: 5.5rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-90,
.my-90,
.mt-90 {
  margin-top: 5.625rem !important;
}

.m-90,
.my-90,
.mb-90 {
  margin-bottom: 5.625rem !important;
}

.m-90,
.mx-90,
.ms-90 {
  margin-left: 5.625rem !important;
}

.m-90,
.mx-90,
.me-90 {
  margin-right: 5.625rem !important;
}

.p-90,
.py-90,
.pt-90 {
  padding-top: 5.625rem !important;
}

.p-90,
.py-90,
.pb-90 {
  padding-bottom: 5.625rem !important;
}

.p-90,
.px-90,
.ps-90 {
  padding-left: 5.625rem !important;
}

.p-90,
.px-90,
.pe-90 {
  padding-right: 5.625rem !important;
}

.fs-90 {
  font-size: 5.625rem !important;
}

.gap-90 {
  gap: 5.625rem !important;
}

.row-90 {
  --bs-gutter-x: 5.625rem;
  --bs-gutter-y: 5.625rem;
}

.li-90 li + li {
  padding-top: 5.625rem;
}

.sq-90 {
  width: 5.625rem !important;
  height: 5.625rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-96,
.my-96,
.mt-96 {
  margin-top: 6rem !important;
}

.m-96,
.my-96,
.mb-96 {
  margin-bottom: 6rem !important;
}

.m-96,
.mx-96,
.ms-96 {
  margin-left: 6rem !important;
}

.m-96,
.mx-96,
.me-96 {
  margin-right: 6rem !important;
}

.p-96,
.py-96,
.pt-96 {
  padding-top: 6rem !important;
}

.p-96,
.py-96,
.pb-96 {
  padding-bottom: 6rem !important;
}

.p-96,
.px-96,
.ps-96 {
  padding-left: 6rem !important;
}

.p-96,
.px-96,
.pe-96 {
  padding-right: 6rem !important;
}

.fs-96 {
  font-size: 6rem !important;
}

.gap-96 {
  gap: 6rem !important;
}

.row-96 {
  --bs-gutter-x: 6rem;
  --bs-gutter-y: 6rem;
}

.li-96 li + li {
  padding-top: 6rem;
}

.sq-96 {
  width: 6rem !important;
  height: 6rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.m-100,
.my-100,
.mt-100 {
  margin-top: 6.25rem !important;
}

.m-100,
.my-100,
.mb-100 {
  margin-bottom: 6.25rem !important;
}

.m-100,
.mx-100,
.ms-100 {
  margin-left: 6.25rem !important;
}

.m-100,
.mx-100,
.me-100 {
  margin-right: 6.25rem !important;
}

.p-100,
.py-100,
.pt-100 {
  padding-top: 6.25rem !important;
}

.p-100,
.py-100,
.pb-100 {
  padding-bottom: 6.25rem !important;
}

.p-100,
.px-100,
.ps-100 {
  padding-left: 6.25rem !important;
}

.p-100,
.px-100,
.pe-100 {
  padding-right: 6.25rem !important;
}

.fs-100 {
  font-size: 6.25rem !important;
}

.gap-100 {
  gap: 6.25rem !important;
}

.row-100 {
  --bs-gutter-x: 6.25rem;
  --bs-gutter-y: 6.25rem;
}

.li-100 li + li {
  padding-top: 6.25rem;
}

.sq-100 {
  width: 6.25rem !important;
  height: 6.25rem !important;
  min-height: unset !important;
  aspect-ratio: 1;
  flex-shrink: 0;
}

.fw-300 {
  font-weight: 300 !important;
}

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

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

.fw-600 {
  font-weight: 600 !important;
}

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

.shadow-0 {
  box-shadow: none !important;
}

.shadow-sm {
  box-shadow: 0px 8px 16px 0px rgba(18, 27, 33, 0.1019607843) !important;
}

.shadow-md {
  box-shadow: 0px 8px 16px 0px rgba(18, 27, 33, 0.1019607843) !important;
}

.shadow-lg {
  box-shadow: 0px 24px 128px 0px rgba(18, 27, 33, 0.4) !important;
}

.form-label {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  margin-bottom: 0;
}

.form-control, .form-control-lg {
  border: 1px solid #DAE2E8;
  padding-left: 0.25rem;
  caret-color: #0078CE;
}
.form-control::-moz-placeholder, .form-control-lg::-moz-placeholder {
  color: #7D92A1;
}
.form-control::placeholder, .form-control-lg::placeholder {
  color: #7D92A1;
}
.form-control:focus, .form-control-lg:focus {
  box-shadow: none;
  border-color: #0078CE;
}

.form-control-lg {
  min-height: 3rem;
  font-size: 1rem;
}

.input-group > :not(:last-child) {
  border-right: none;
}
.input-group > :not(:first-child) {
  border-left: none;
}
.input-group img {
  width: 1.1875rem;
  aspect-ratio: 1;
}
.input-group .input-group-text {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.input-group .input-group-text, .input-group .form-control {
  background-color: white;
  border-color: #EAEDEF;
  border-radius: 0.25rem;
}

.input-group-otp {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}
.input-group-otp .form-control {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem;
  text-align: center;
  font-size: 2rem;
}

.btn-accent1 {
  --bs-btn-color: #fff;
  --bs-btn-bg: #31AAB7;
  --bs-btn-border-color: #31AAB7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #129AA6;
  --bs-btn-hover-border-color: #129AA6;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #21717A;
  --bs-btn-active-border-color: #21717A;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #31AAB7;
  --bs-btn-disabled-border-color: #31AAB7;
}

.btn {
  --bs-btn-padding-x: 1.125rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 0.125rem;
  min-height: 2.5rem;
}

.card-login {
  --bs-card-border-radius: 0.5rem;
  --bs-card-border-width: 0;
  --bs-card-border-color: transparent;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 2rem;
  gap: 2.5rem;
  box-shadow: 0px 8px 16px 0px rgba(18, 27, 33, 0.1019607843);
}
@media (min-width: 1001px) {
  .card-login {
    width: 28.125rem;
  }
}
.card-login .org-logo {
  width: 8.875rem !important;
  max-height: 2.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.card-1 {
  --bs-card-border-width: 0.0625rem;
  --bs-card-border-color: #e4e8ea;
  --bs-card-border-radius: 1rem;
  width: 15.375rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  text-align: center;
  padding: 1.5rem;
}
.card-1 img {
  width: 3.25rem;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
  padding-bottom: 1rem;
}
.card-1 h5 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.4375rem;
  padding-bottom: 0.5rem;
  min-height: 3.8125rem;
}
.card-1 p {
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #7d92a1;
  height: 3.5rem;
}

.card-comming-soon {
  pointer-events: none;
}

.card-hover:not(.card-comming-soon):hover {
  box-shadow: 0px 8px 16px 0px rgba(18, 27, 33, 0.1019607843);
  cursor: pointer;
}

.card-ribbon {
  position: relative;
}
.card-ribbon .ribbon-1 {
  position: absolute;
  border-radius: 0.25rem 0.125rem 0.125rem 0px;
  background: #ffc107;
  top: 0;
  transform: translateY(-50%);
  left: -0.5rem;
  padding: 0.1875rem 0.5rem;
  color: #fff;
  font-weight: 500;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  letter-spacing: 0.015rem;
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2));
}
.card-ribbon .ribbon-1::before {
  content: "";
  border-width: 0.25rem;
  border-style: solid;
  border-color: #566976 #566976 transparent transparent;
  bottom: 100%;
  position: absolute;
  top: 100%;
  left: 0;
}

.card-2 {
  --bs-card-border-width: 0.0625rem;
  --bs-card-border-color: #dee3e7;
  --bs-card-border-radius: 0.25rem;
  background-color: #fff;
  padding: 1.5625rem 2.25rem;
}

.card .card-body + .card-body {
  border-top: 1px solid #E4E8EA;
}

.navbar {
  --bs-navbar-padding-x: 1rem;
  --bs-navbar-padding-y: 1rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-padding-y: 0;
  --bs-navbar-toggler-focus-width: 0;
  height: 4.5rem;
}
@media (min-width: 768px) {
  .navbar {
    --bs-navbar-padding-x: 3rem;
  }
}
.navbar .navbar-nav {
  --bs-nav-link-font-size: 0.875rem;
  --bs-navbar-nav-link-padding-x: 1rem;
  --bs-nav-link-font-weight: 500;
}
.navbar .navbar-toggler {
  --bs-navbar-toggler-padding-x: 0;
  --bs-border-width: 0;
}
.navbar .logo {
  min-width: 8.75rem;
  width: 100%;
  max-height: 2.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.navbar.sticky-top {
  box-shadow: 0px 0.125rem 1rem 0px rgba(18, 27, 33, 0.1019607843);
}

.nav-vertical .nav-link,
.nav-vertical .dropdown-item {
  font-size: 0.75rem;
  padding: 0 1.5rem 0 1.25rem;
  display: flex;
  color: #324552;
}
.nav-vertical .nav-link.active,
.nav-vertical .dropdown-item.active {
  background: rgba(0, 120, 206, 0.1019607843);
  color: #0078ce !important;
  font-weight: 600;
}
.nav-vertical .nav-link.active::before,
.nav-vertical .dropdown-item.active::before {
  content: "";
  position: absolute;
  left: 0rem;
  top: 50%;
  transform: translateY(-50%);
  border-right: 0.25rem solid #0078ce;
  height: 50%;
  border-top-right-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  font-weight: 400;
}
.nav-vertical .nav-link.active::after,
.nav-vertical .dropdown-item.active::after {
  content: none !important;
}
.nav-vertical .nav-link:hover,
.nav-vertical .dropdown-item:hover {
  background-color: rgba(0, 120, 206, 0.1019607843);
  color: #324552;
}
.nav-vertical .nav-link :last-child:not(:first-child),
.nav-vertical .dropdown-item :last-child:not(:first-child) {
  width: 4ch;
  text-align: right;
  white-space: nowrap;
  margin-left: 0.5rem;
}
.nav-vertical .nav-link :first-child,
.nav-vertical .dropdown-item :first-child {
  width: calc(100% - 5ch);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.nav-vertical .nav-link :only-child,
.nav-vertical .dropdown-item :only-child {
  width: 100%;
}
.nav-vertical .nav-link {
  font-weight: 600;
  line-height: 2.5rem;
  height: 2.5rem;
  position: relative;
}
.nav-vertical .nav-link:focus {
  border: none;
}
.nav-vertical .nav-link::after {
  font-family: bootstrap-icons !important;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.5rem;
  font-weight: 400;
  border: none;
  transition: all ease-in-out 200ms;
}
.nav-vertical .dropdown-item {
  position: relative;
  font-weight: 500;
  color: #566976;
  padding-left: 2rem !important;
  line-height: 2rem;
  height: 2rem;
  border-radius: 0 !important;
}
.nav-vertical .dropdown-menu {
  --bs-dropdown-item-padding-y: 0;
  position: static !important;
  transform: none !important;
  box-shadow: none;
  border-bottom: 1px solid #ACBAC3;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border: 0;
}
.nav-vertical .nav-item.dropdown .nav-link {
  padding-right: 2.5rem;
}
.nav-vertical .nav-item.dropdown .nav-link::after {
  content: "\f285" !important;
}
.nav-vertical .nav-link.dropdown-toggle.show::after {
  transform: translateY(-50%) rotate(90deg);
}
.nav-vertical .nav-item {
  display: block;
  width: 100%;
}

.nav-custom {
  background-color: #fff;
  min-height: 2.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  box-shadow: 0.25rem 0 0.3125rem rgba(0, 0, 0, 0.08);
}
.nav-custom.sticky {
  position: sticky;
  top: 0rem;
  z-index: 888;
}
.nav-custom .nav-link {
  font-size: 0.785rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  color: #566976;
  border-top: 0.125rem solid transparent;
  border-bottom: 0.125rem solid transparent;
  transition: border-bottom 200ms ease-in-out;
  height: 2.5rem;
  min-width: 6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 50ch;
  overflow: hidden;
  display: block;
  text-align: center;
}
.nav-custom .nav-link:hover {
  background-color: #f8fafb;
}
.nav-custom .nav-link.active {
  font-weight: 500;
  color: #0078ce;
  border-bottom-color: #0078ce;
}
.nav-custom.nav-inline {
  flex-wrap: unset;
}
.nav-custom.nav-inline .nav-link {
  flex: 1;
  text-align: center;
}

.dropdown-toggle {
  position: relative;
  padding-right: 2rem !important;
}
.dropdown-toggle::after {
  position: absolute;
  top: 50%;
  transform: translateY(-42%);
  right: 0.375rem;
}

.profile-dropdown {
  --bs-dropdown-padding-y: 0.625rem;
  --bs-dropdown-link-color: #324552;
  --bs-dropdown-border-width: 0;
  --bs-dropdown-divider-bg: #e4e8ea;
  --bs-dropdown-link-hover-bg: #e9ecef99;
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-item-padding-y: 0.625rem;
  --bs-dropdown-item-padding-x: 0.9375rem;
  --bs-dropdown-font-size: 0.875rem;
  --bs-dropdown-link-active-bg: #e9ecef99;
  --bs-dropdown-link-active-color: #324552;
  box-shadow: 0px 0.5rem 1rem 0rem rgba(18, 27, 33, 0.1019607843);
}
@media (min-width: 1000px) {
  .profile-dropdown {
    width: 13.4375rem;
    --bs-dropdown-spacer: 1.25rem;
  }
}
.profile-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.dropdown-selectable .dropdown-menu {
  --bs-dropdown-padding-y: 0rem;
  --bs-dropdown-link-color: #324552;
  --bs-dropdown-border-width: 0;
  --bs-dropdown-divider-bg: #e4e8ea;
  --bs-dropdown-link-hover-bg: #e9ecef99;
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-item-padding-y: 1rem;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-link-active-bg: #0078ce1a;
  --bs-dropdown-link-active-color: #0078ce;
  --bs-dropdown-border-radius: 0.25rem;
  margin-bottom: 1.25rem;
  box-shadow: 0px 0.5rem 1rem 0px rgba(18, 27, 33, 0.1019607843);
}
@media (min-width: 1000px) {
  .dropdown-selectable .dropdown-menu {
    width: 13.4375rem;
    --bs-dropdown-spacer: 1.25rem;
  }
}
.dropdown-selectable .dropdown-menu .dropdown-item.active {
  position: relative;
}
.dropdown-selectable .dropdown-menu .dropdown-item.active::after {
  font: var(--fa-font-solid);
  position: absolute;
  content: "\f00c";
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.dropdown-search .dropdown-toggle::after {
  all: unset;
}
.dropdown-search .dropdown-toggle {
  padding-right: 0 !important;
}
.dropdown-search .dropdown-menu {
  --bs-dropdown-spacer: 1.25rem;
  --bs-dropdown-padding-y: 0rem;
  --bs-dropdown-link-color: #324552;
  --bs-dropdown-border-width: 0;
  --bs-dropdown-divider-bg: #e4e8ea;
  --bs-dropdown-link-hover-bg: #e9ecef99;
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-item-padding-y: 1rem;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-font-size: 0.875rem;
  --bs-dropdown-link-active-bg: #0078ce1a;
  --bs-dropdown-link-active-color: #0078ce;
  --bs-dropdown-border-radius: 0.25rem;
  width: 100%;
  box-shadow: 0px 0.5rem 1rem 0px rgba(18, 27, 33, 0.1019607843);
  max-height: 13.25rem;
  overflow-y: auto;
}
.dropdown-search .dropdown-menu .no-data {
  pointer-events: none;
}

.avatar-circle {
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}

.section-login {
  height: 100vh;
  display: flex;
}
.section-login .section-1,
.section-login .section-2 {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.section-login .section-1 {
  flex-direction: column;
  overflow: hidden;
  text-align: center;
}
.section-login .bg-pattern-1,
.section-login .bg-pattern-2 {
  position: absolute;
  width: 27.313rem;
  max-width: 60%;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 0;
}
.section-login .bg-pattern-1 {
  inset: 0 0 auto auto;
}
.section-login .bg-pattern-2 {
  inset: auto auto 0 0;
  transform: rotate(180deg);
}
.section-login .section-2 {
  max-height: 100vh;
  overflow-y: auto;
  flex-direction: column;
}

.section-header {
  min-height: 6.625rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.5rem;
}
.section-header * {
  z-index: 2;
  position: relative;
}
.section-header::after, .section-header::before {
  position: absolute;
  content: "";
  bottom: 0;
  max-width: 437px;
  height: 100%;
  background-image: url("/img/bg/bg-pattern1.png");
  background-repeat: no-repeat;
  width: 33%;
  z-index: 1;
}
.section-header::before {
  left: 0;
}
.section-header::after {
  right: 0;
  transform: scale(-1, 1);
}

.section-recommended {
  min-height: 44.875rem;
  background-image: url("/img/bg/bg-pattern2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% auto;
  background-color: #fff;
  padding-top: 8.5rem;
  padding-bottom: 13.625rem;
}

.menu-list {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}
.menu-list li a {
  font-size: 14px;
  line-height: 21px;
  color: #324552;
}
.menu-list li a:hover {
  color: #566976;
}

.section-documentation {
  display: flex;
}

.doc-sidebar {
  display: flex;
  height: 100%;
  max-height: calc(100vh - 4.5rem);
  padding: 1.5rem 0;
  width: 15.75rem;
  background-color: #ffffff;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
}
.doc-sidebar ul {
  padding-left: 0;
  width: inherit;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.doc-sidebar ul a {
  padding-right: 3.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
}
.doc-sidebar .link-1 {
  padding-left: 1.7813rem;
  font-size: 0.875rem;
  color: #324552;
}
.doc-sidebar .link-2 {
  padding-left: 2.25rem;
  font-size: 0.75rem;
  color: #566976;
}
.doc-sidebar .link-3 {
  padding-left: 3.25rem;
  font-size: 0.75rem;
  color: #566976;
}
.doc-sidebar a[class^=link] {
  font-weight: 500;
}
.doc-sidebar a[class^=link].active {
  background: linear-gradient(90deg, #d2e7f6 0%, rgba(0, 120, 206, 0) 100%);
  color: #0078CE;
}
.doc-sidebar a[class^=link].active::before {
  position: absolute;
  content: "";
  left: 0;
  height: 100%;
  width: 0.175rem;
  background-color: #0078CE;
}
.doc-sidebar a[class^=link].show {
  color: #0078CE;
}
.doc-sidebar a[class^=link].show::after {
  color: #0078CE;
  transform: translateY(-50%);
}
.doc-sidebar .has-submenu {
  position: relative;
}
.doc-sidebar .has-submenu::after {
  font: var(--fa-font-solid);
  content: "\f107";
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: inherit;
  position: absolute;
  right: 2.25rem;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
.doc-sidebar .has-submenu:not(.show) ~ ul {
  display: none;
}

.doc-main {
  margin-left: 15.75rem;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 4.5rem);
  display: flex;
  flex-direction: column;
}

.scroll-menu {
  padding-left: 22px;
  list-style-type: none;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.scroll-menu::before {
  content: "";
  position: absolute;
  left: 0;
  width: 0.0625rem;
  height: 100%;
  background-color: #c3cbd1;
}
.scroll-menu a {
  text-decoration: unset;
  font-size: 0.75rem;
  line-height: 1.3125rem;
  color: #7D92A1;
  transition: all 400ms ease-in-out;
}
.scroll-menu a.active {
  color: #0078CE;
  font-weight: 500;
  position: relative;
}
.scroll-menu a.active::before {
  content: "";
  position: absolute;
  left: -1.375rem;
  width: 0.125rem;
  height: 1.5rem;
  background-color: #0078CE;
  transform: translateY(-50%);
  top: 50%;
}

.scrollspy-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.scrollspy-content .content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.scrollspy-content .content-img {
  max-height: 23.1875rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.scrollspy-content .content-title {
  letter-spacing: -0.125rem;
  font-size: 2rem;
  line-height: 2.4375rem;
  font-weight: 400;
}
.scrollspy-content .content-desc {
  font-size: 0.875rem;
  line-height: 1.625rem;
}

.scrollspy-section {
  position: sticky;
  top: calc(4.5rem + 1.5625rem);
  max-height: calc(100vh - 4.5rem - 3.125rem);
  overflow: auto;
  height: 100%;
}

.badge {
  --bs-badge-padding-x: 0.5rem;
  --bs-badge-padding-y: 0;
  --bs-badge-font-size: 0.625rem;
  --bs-badge-font-weight: 400;
  --bs-badge-border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 1.3125rem;
}

.badge-hover:hover {
  cursor: pointer;
  box-shadow: 0px 8px 16px 0px rgba(18, 27, 33, 0.1019607843);
}

.text-bg-white {
  background-color: #fff;
  --bs-badge-color: #0078CE;
}
.text-bg-white.badge-hover:hover {
  color: #0069B4 !important;
}

.text-bg-secondary {
  color: #324552 !important;
  background-color: rgba(184, 208, 236, 0.2) !important;
}

.badge-improvement {
  color: var(--c-improvement) !important;
  background-color: var(--bg-improvement) !important;
}

.badge-fixation {
  color: var(--c-fixation) !important;
  background-color: var(--bg-fixation) !important;
}

.badge-feature {
  color: var(--c-feature) !important;
  background-color: var(--bg-feature) !important;
}

footer .footer-detailed {
  border-top: 0.0625rem solid #E4E8EA;
  background-color: #fff;
  padding-top: 6rem;
  padding-bottom: 5.5rem;
}
footer .footer-detailed .footer-logo {
  width: 8.7944rem;
}
footer .footer-main {
  background-color: #fff;
  text-align: center;
  margin: 0 auto;
  position: relative;
  padding: 1.5625rem 0px 2.5rem 0;
}
footer .footer-main::before {
  content: "";
  position: absolute;
  border-top: 1px dashed #7D92A1;
  max-width: 54.125rem;
  width: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.breadcrumb {
  --bs-breadcrumb-divider: "";
}

.breadcrumb-item {
  font-size: 10px;
  line-height: 21px;
  display: flex;
  align-items: center;
}
.breadcrumb-item::before {
  font: var(--fa-font-solid);
}

.timeline {
  padding-top: 4rem;
  margin-bottom: 0;
  list-style-type: none;
  position: relative;
  margin-top: 1rem;
}
@media (min-width: 1000px) {
  .timeline {
    padding-left: 8rem;
    padding-top: 5rem;
  }
}
.timeline .timeline-title {
  font-size: 2rem;
  position: absolute;
  top: -10px;
  height: 5rem;
  line-height: normal;
}
@media (min-width: 1000px) {
  .timeline .timeline-title {
    left: 0.125rem;
  }
}
.timeline .timeline-title::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #C3CBD1;
  left: -1.5rem;
  top: 10px;
}
@media (min-width: 1000px) {
  .timeline .timeline-title::after {
    left: 6.375rem;
  }
}
.timeline::after, .timeline::before {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: #dee3e7;
  border: 1px solid #C3CBD1;
  left: 0;
  border-radius: 50%;
  z-index: 1;
}
@media (min-width: 1000px) {
  .timeline::after, .timeline::before {
    left: 6.0625rem;
  }
}
.timeline::before {
  top: 0;
  background-color: #0078CE;
  border: 1px solid #0078CE;
}
.timeline::after {
  bottom: 0;
}
.timeline .event {
  position: relative;
  padding-bottom: 1.5rem;
}
.timeline .event::before {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: #dee3e7;
  border: 1px solid #C3CBD1;
  left: -2rem;
  top: 0.9375rem;
  border-radius: 50%;
  z-index: 1;
  display: block;
}
.timeline .event::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #C3CBD1;
  left: -1.5rem;
  top: 0;
}
.timeline .event .event-date {
  position: absolute;
  top: -1rem;
  line-height: normal;
  font-size: 0.875rem;
}
@media (min-width: 1000px) {
  .timeline .event .event-date {
    left: -6rem;
    top: 0.9375rem;
  }
}
.timeline .event .event-title {
  font-size: 2rem;
  padding-bottom: 1rem;
}
.offcanvas {
  --bs-offcanvas-width:300px ;
}/*# sourceMappingURL=main.css.map */