/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--bs-link-color);
  text-decoration: underline;
}
a:hover {
  color: var(--bs-link-hover-color);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: 2px solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
}
.form-control-color::-webkit-color-swatch {
  border-radius: 0.375rem;
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e9ecef;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.375rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.375rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 0.375rem;
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: none;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(0.375rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0c63e4;
  --bs-accordion-active-bg: #e7f1ff;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: #6c757d;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: 0.5rem;
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem;
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: #084298;
  --bs-alert-bg: #cfe2ff;
  --bs-alert-border-color: #b6d4fe;
}
.alert-primary .alert-link {
  color: #06357a;
}

.alert-secondary {
  --bs-alert-color: #41464b;
  --bs-alert-bg: #e2e3e5;
  --bs-alert-border-color: #d3d6d8;
}
.alert-secondary .alert-link {
  color: #34383c;
}

.alert-success {
  --bs-alert-color: #0f5132;
  --bs-alert-bg: #d1e7dd;
  --bs-alert-border-color: #badbcc;
}
.alert-success .alert-link {
  color: #0c4128;
}

.alert-info {
  --bs-alert-color: #055160;
  --bs-alert-bg: #cff4fc;
  --bs-alert-border-color: #b6effb;
}
.alert-info .alert-link {
  color: #04414d;
}

.alert-warning {
  --bs-alert-color: #664d03;
  --bs-alert-bg: #fff3cd;
  --bs-alert-border-color: #ffecb5;
}
.alert-warning .alert-link {
  color: #523e02;
}

.alert-danger {
  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c2c7;
}
.alert-danger .alert-link {
  color: #6a1a21;
}

.alert-light {
  --bs-alert-color: #636464;
  --bs-alert-bg: #fefefe;
  --bs-alert-border-color: #fdfdfe;
}
.alert-light .alert-link {
  color: #4f5050;
}

.alert-dark {
  --bs-alert-color: #141619;
  --bs-alert-bg: #d3d3d4;
  --bs-alert-border-color: #bcbebf;
}
.alert-dark .alert-link {
  color: #101214;
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.375rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #f8f9fa;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #084298;
  background-color: #bacbe6;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298;
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #41464b;
  background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b;
}

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #0f5132;
  background-color: #bcd0c7;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132;
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #055160;
  background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160;
}

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #664d03;
  background-color: #e6dbb9;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03;
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #842029;
  background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029;
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #636464;
  background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464;
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #141619;
  background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 0.375rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #6c757d;
  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
.modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
.modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
.modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #000;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 0.5rem;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: ;
  --bs-popover-header-bg: #f0f0f0;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: #212529;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: ;
  --bs-offcanvas-bg: #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: #0d6efd !important;
}
.link-primary:hover, .link-primary:focus {
  color: #0a58ca !important;
}

.link-secondary {
  color: #6c757d !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: #565e64 !important;
}

.link-success {
  color: #198754 !important;
}
.link-success:hover, .link-success:focus {
  color: #146c43 !important;
}

.link-info {
  color: #0dcaf0 !important;
}
.link-info:hover, .link-info:focus {
  color: #3dd5f3 !important;
}

.link-warning {
  color: #ffc107 !important;
}
.link-warning:hover, .link-warning:focus {
  color: #ffcd39 !important;
}

.link-danger {
  color: #dc3545 !important;
}
.link-danger:hover, .link-danger:focus {
  color: #b02a37 !important;
}

.link-light {
  color: #f8f9fa !important;
}
.link-light:hover, .link-light:focus {
  color: #f9fafb !important;
}

.link-dark {
  color: #212529 !important;
}
.link-dark:hover, .link-dark:focus {
  color: #1a1e21 !important;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

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

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

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

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

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

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

.overflow-visible {
  overflow: visible !important;
}

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

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

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

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

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

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-1 {
  --bs-border-width: 1px;
}

.border-2 {
  --bs-border-width: 2px;
}

.border-3 {
  --bs-border-width: 3px;
}

.border-4 {
  --bs-border-width: 4px;
}

.border-5 {
  --bs-border-width: 5px;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

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

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

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

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

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

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

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

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

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

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

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

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

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

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

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

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

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

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

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

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

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

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

.fst-normal {
  font-style: normal !important;
}

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

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

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

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

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

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

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

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

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

/*# sourceMappingURL=bootstrap.css.map */
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/*!
 * Select2 v4 Bootstrap 5 theme v1.3.0
*/.select2-container--bootstrap-5{display:block}select+.select2-container--bootstrap-5{z-index:1}.select2-container--bootstrap-5 :focus{outline:0}.select2-container--bootstrap-5 .select2-selection{width:100%;min-height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.select2-container--bootstrap-5 .select2-selection{transition:none}}.select2-container--bootstrap-5.select2-container--focus .select2-selection,.select2-container--bootstrap-5.select2-container--open .select2-selection{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection{border-bottom:0 solid transparent;border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection{border-top:0 solid transparent;border-top-left-radius:0;border-top-right-radius:0}.select2-container--bootstrap-5 .select2-search{width:100%}.select2-container--bootstrap-5 .select2-search--inline .select2-search__field{vertical-align:top}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear{position:absolute;top:50%;right:2.25rem;width:.75rem;height:.75rem;padding:.25em;overflow:hidden;text-indent:100%;white-space:nowrap;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat;transform:translateY(-50%)}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover,.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear>span,.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear>span{display:none}.select2-container--bootstrap-5+.select2-container--bootstrap-5{z-index:1056}.select2-container--bootstrap-5 .select2-dropdown{z-index:1056;overflow:hidden;color:#212529;background-color:#fff;border-color:#86b7fe;border-radius:.25rem}.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below{border-top:0 solid transparent;border-top-left-radius:0;border-top-right-radius:0}.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above{border-bottom:0 solid transparent;border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--bootstrap-5 .select2-dropdown .select2-search{padding:.375rem .75rem}.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{display:block;width:100%;padding:.375rem .75rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{transition:none}}.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options:not(.select2-results__options--nested){max-height:15rem;overflow-y:auto}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option{padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__message{color:#6c757d}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted{color:#000;background-color:#e9ecef}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){color:#fff;background-color:#0d6efd}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--disabled,.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-disabled=true]{color:#6c757d}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group]{padding:0}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group{padding:.375rem;font-weight:500;line-height:1.5;color:#6c757d}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option{padding:.375rem .75rem}.select2-container--bootstrap-5 .select2-selection--single{padding:.375rem 2.25rem .375rem .75rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{padding:0;font-weight:400;line-height:1.5;color:#212529}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{font-weight:400;line-height:1.5;color:#6c757d}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__arrow{display:none}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered{display:flex;flex-direction:row;flex-wrap:wrap;padding-left:0;margin:0;list-style:none}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{display:flex;flex-direction:row;align-items:center;padding:.35em .65em;margin-right:.375rem;margin-bottom:.375rem;font-size:1rem;color:#212529;cursor:auto;border:1px solid #ced4da;border-radius:.25rem}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{width:.75rem;height:.75rem;padding:.25em;margin-right:.25rem;overflow:hidden;text-indent:100%;white-space:nowrap;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat;border:0}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove>span{display:none}.select2-container--bootstrap-5 .select2-selection--multiple .select2-search{display:block;width:100%;height:1.5rem}.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field{width:100%;height:1.5rem;margin-top:0;margin-left:0;font-family:inherit;line-height:1.5;background-color:transparent}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear{right:.75rem}.select2-container--bootstrap-5.select2-container--disabled .select2-selection,.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection{color:#6c757d;cursor:not-allowed;background-color:#e9ecef;border-color:#ced4da;box-shadow:none}.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__choice,.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice{cursor:not-allowed}.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove,.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{display:none}.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty),.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty){padding-bottom:0}.select2-container--bootstrap-5.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty)+.select2-search,.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty)+.select2-search{display:none}.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu).select2-container--bootstrap-5 .select2-selection,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu).select2-container--bootstrap-5 .select2-selection{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.btn~.select2-container--bootstrap-5 .select2-selection,.input-group>.dropdown-menu~.select2-container--bootstrap-5 .select2-selection,.input-group>.input-group-text~.select2-container--bootstrap-5 .select2-selection{border-top-left-radius:0;border-bottom-left-radius:0}.input-group .select2-container--bootstrap-5{flex-grow:1}.input-group .select2-container--bootstrap-5 .select2-selection{height:100%}.is-valid+.select2-container--bootstrap-5 .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5 .select2-selection{border-color:#198754}.is-valid+.select2-container--bootstrap-5.select2-container--focus .select2-selection,.is-valid+.select2-container--bootstrap-5.select2-container--open .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5.select2-container--focus .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5.select2-container--open .select2-selection{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.is-valid+.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection{border-bottom:0 solid transparent}.is-valid+.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection{border-top:0 solid transparent;border-top-left-radius:0;border-top-right-radius:0}.is-invalid+.select2-container--bootstrap-5 .select2-selection,.was-validated select:invalid+.select2-container--bootstrap-5 .select2-selection{border-color:#dc3545}.is-invalid+.select2-container--bootstrap-5.select2-container--focus .select2-selection,.is-invalid+.select2-container--bootstrap-5.select2-container--open .select2-selection,.was-validated select:invalid+.select2-container--bootstrap-5.select2-container--focus .select2-selection,.was-validated select:invalid+.select2-container--bootstrap-5.select2-container--open .select2-selection{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.is-invalid+.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection,.was-validated select:invalid+.select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection{border-bottom:0 solid transparent}.is-invalid+.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection,.was-validated select:invalid+.select2-container--bootstrap-5.select2-container--open.select2-container--above .select2-selection{border-top:0 solid transparent;border-top-left-radius:0;border-top-right-radius:0}.select2-container--bootstrap-5 .select2--small.select2-selection{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-selection__clear{width:.5rem;height:.5rem;padding:.125rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear:hover,.select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-selection__clear:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-search,.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-search .select2-search__field,.select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-search,.select2-container--bootstrap-5 .select2--small.select2-selection--single .select2-search .select2-search__field{height:1.5em}.select2-container--bootstrap-5 .select2--small.select2-dropdown{border-radius:.2rem}.select2-container--bootstrap-5 .select2--small.select2-dropdown.select2-dropdown--below{border-top-left-radius:0;border-top-right-radius:0}.select2-container--bootstrap-5 .select2--small.select2-dropdown.select2-dropdown--above{border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option,.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-search .select2-search__field{padding:.25rem .5rem;font-size:.875rem}.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group{padding:.25rem}.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option{padding:.25rem .5rem}.select2-container--bootstrap-5 .select2--small.select2-selection--single{padding:.25rem 2.25rem .25rem .5rem}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice{padding:.35em .65em;font-size:.875rem}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{width:.5rem;height:.5rem;padding:.125rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__clear{right:.5rem}.select2-container--bootstrap-5 .select2--large.select2-selection{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear,.select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-selection__clear{width:1rem;height:1rem;padding:.5rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear:hover,.select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-selection__clear:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-search,.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-search .select2-search__field,.select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-search,.select2-container--bootstrap-5 .select2--large.select2-selection--single .select2-search .select2-search__field{height:1.5em}.select2-container--bootstrap-5 .select2--large.select2-dropdown{border-radius:.3rem}.select2-container--bootstrap-5 .select2--large.select2-dropdown.select2-dropdown--below{border-top-left-radius:0;border-top-right-radius:0}.select2-container--bootstrap-5 .select2--large.select2-dropdown.select2-dropdown--above{border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option,.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-search .select2-search__field{padding:.5rem 1rem;font-size:1.25rem}.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group{padding:.5rem}.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option{padding:.5rem 1rem}.select2-container--bootstrap-5 .select2--large.select2-selection--single{padding:.5rem 2.25rem .5rem 1rem}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice{padding:.35em .65em;font-size:1.25rem}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{width:1rem;height:1rem;padding:.5rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.select2-container--bootstrap-5 .select2--large.select2-selection--multiple .select2-selection__clear{right:1rem}.form-select-sm~.select2-container--bootstrap-5 .select2-selection{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear,.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear{width:.5rem;height:.5rem;padding:.125rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover,.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-search,.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field,.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single .select2-search,.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single .select2-search .select2-search__field{height:1.5em}.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown{border-radius:.2rem}.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below{border-top-left-radius:0;border-top-right-radius:0}.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above{border-bottom-right-radius:0;border-bottom-left-radius:0}.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option,.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{padding:.25rem .5rem;font-size:.875rem}.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group{padding:.25rem}.form-select-sm~.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option{padding:.25rem .5rem}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single{padding:.25rem 2.25rem .25rem .5rem}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{padding:.35em .65em;font-size:.875rem}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{width:.5rem;height:.5rem;padding:.125rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat}.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear{right:.5rem}.form-select-lg~.select2-container--bootstrap-5 .select2-selection{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear,.form-select-lg~.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear{width:1rem;height:1rem;padding:.5rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear:hover,.form-select-lg~.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-search,.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field,.form-select-lg~.select2-container--bootstrap-5 .select2-selection--single .select2-search,.form-select-lg~.select2-container--bootstrap-5 .select2-selection--single .select2-search .select2-search__field{height:1.5em}.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown{border-radius:.3rem}.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below{border-top-left-radius:0;border-top-right-radius:0}.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above{border-bottom-right-radius:0;border-bottom-left-radius:0}.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option,.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{padding:.5rem 1rem;font-size:1.25rem}.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group{padding:.5rem}.form-select-lg~.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option{padding:.5rem 1rem}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--single{padding:.5rem 2.25rem .5rem 1rem}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{padding:.35em .65em;font-size:1.25rem}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{width:1rem;height:1rem;padding:.5rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat}.form-select-lg~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear{right:1rem}
.croppie-container {
  width: 100%;
  height: 100%;
}

.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none;
}

.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
  left: 50%;
  margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
  top: 50%;
  margin-top: -5px;
}

.croppie-container .cr-original-image {
  display: none;
}

.croppie-container .cr-vp-circle {
  border-radius: 50%;
}

.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none;
}

.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center;
}

.croppie-result {
  position: relative;
  overflow: hidden;
}

.croppie-result img {
  position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}
.cr-rotate-controls button {
  border: 0;
  background: none;
}
.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}
.cr-rotate-l i:before {
  content: '↺';
}
.cr-rotate-r i:before {
  content: '↻';
}
/*! =======================================================
                      VERSION  11.0.2              
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
 *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
 * 
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 * 
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */.slider{display:inline-block;vertical-align:middle;position:relative}.slider.slider-horizontal{width:210px;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}.slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{height:100%;top:0;bottom:0}.slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle{margin-left:-10px}.slider.slider-horizontal .slider-tick.triangle,.slider.slider-horizontal .slider-handle.triangle{position:relative;top:50%;transform:translateY(-50%);border-width:0 10px 10px 10px;width:0;height:0;border-bottom-color:#036fa5;margin-top:0}.slider.slider-horizontal .slider-tick-container{white-space:nowrap;position:absolute;top:0;left:0;width:100%}.slider.slider-horizontal .slider-tick-label-container{white-space:nowrap;margin-top:20px}.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{display:inline-block;text-align:center}.slider.slider-horizontal.slider-rtl .slider-track{left:initial;right:0}.slider.slider-horizontal.slider-rtl .slider-tick,.slider.slider-horizontal.slider-rtl .slider-handle{margin-left:initial;margin-right:-10px}.slider.slider-horizontal.slider-rtl .slider-tick-container{left:initial;right:0}.slider.slider-vertical{height:210px;width:20px}.slider.slider-vertical .slider-track{width:10px;height:100%;left:25%;top:0}.slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0}.slider.slider-vertical .slider-track-low,.slider.slider-vertical .slider-track-high{width:100%;left:0;right:0}.slider.slider-vertical .slider-tick,.slider.slider-vertical .slider-handle{margin-top:-10px}.slider.slider-vertical .slider-tick.triangle,.slider.slider-vertical .slider-handle.triangle{border-width:10px 0 10px 10px;width:1px;height:1px;border-left-color:#036fa5;margin-left:0}.slider.slider-vertical .slider-tick-label-container{white-space:nowrap}.slider.slider-vertical .slider-tick-label-container .slider-tick-label{padding-left:4px}.slider.slider-vertical.slider-rtl .slider-track{left:initial;right:25%}.slider.slider-vertical.slider-rtl .slider-selection{left:initial;right:0}.slider.slider-vertical.slider-rtl .slider-tick.triangle,.slider.slider-vertical.slider-rtl .slider-handle.triangle{border-width:10px 10px 10px 0}.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label{padding-left:initial;padding-right:4px}.slider.slider-disabled .slider-handle{background-color:#cfcfcf;background-image:-moz-linear-gradient(top, #DFDFDF, #BEBEBE);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#DFDFDF), to(#BEBEBE));background-image:-webkit-linear-gradient(top, #DFDFDF, #BEBEBE);background-image:-o-linear-gradient(top, #DFDFDF, #BEBEBE);background-image:linear-gradient(to bottom, #DFDFDF, #BEBEBE);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#BEBEBE',GradientType=0)}.slider.slider-disabled .slider-track{background-color:#e7e7e7;background-image:-moz-linear-gradient(top, #E5E5E5, #E9E9E9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#E9E9E9));background-image:-webkit-linear-gradient(top, #E5E5E5, #E9E9E9);background-image:-o-linear-gradient(top, #E5E5E5, #E9E9E9);background-image:linear-gradient(to bottom, #E5E5E5, #E9E9E9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5', endColorstr='#E9E9E9',GradientType=0);cursor:not-allowed}.slider input{display:none}.slider .tooltip-inner{white-space:nowrap;max-width:none}.slider .bs-tooltip-top .tooltip-inner,.slider .bs-tooltip-bottom .tooltip-inner{position:relative;left:-50%}.slider.bs-tooltip-left .tooltip-inner,.slider.bs-tooltip-right .tooltip-inner{position:relative;top:-100%}.slider .tooltip{pointer-events:none}.slider .tooltip.bs-tooltip-top .arrow,.slider .tooltip.bs-tooltip-bottom .arrow{left:-.4rem}.slider .tooltip.bs-tooltip-top{margin-top:-44px}.slider .tooltip.bs-tooltip-bottom{margin-top:2px}.slider .tooltip.bs-tooltip-left,.slider .tooltip.bs-tooltip-right{margin-top:-14px}.slider .tooltip.bs-tooltip-left .arrow,.slider .tooltip.bs-tooltip-right .arrow{top:8px}.slider .hide{display:none}.slider-track{background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #F9F9F9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#F9F9F9));background-image:-webkit-linear-gradient(top, #f5f5f5, #F9F9F9);background-image:-o-linear-gradient(top, #f5f5f5, #F9F9F9);background-image:linear-gradient(to bottom, #f5f5f5, #F9F9F9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#F9F9F9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;cursor:pointer}.slider-selection{background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #F9F9F9, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9), to(#f5f5f5));background-image:-webkit-linear-gradient(top, #F9F9F9, #f5f5f5);background-image:-o-linear-gradient(top, #F9F9F9, #f5f5f5);background-image:linear-gradient(to bottom, #F9F9F9, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#f5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute}.slider-selection.tick-slider-selection{background-color:#46c1fe;background-image:-moz-linear-gradient(top, #52c5ff, #3abcfd);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#52c5ff), to(#3abcfd));background-image:-webkit-linear-gradient(top, #52c5ff, #3abcfd);background-image:-o-linear-gradient(top, #52c5ff, #3abcfd);background-image:linear-gradient(to bottom, #52c5ff, #3abcfd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff', endColorstr='#3abcfd',GradientType=0)}.slider-track-low,.slider-track-high{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;background:transparent}.slider-handle{background-color:#0478b2;background-image:-moz-linear-gradient(top, #0480BE, #036fa5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0480BE), to(#036fa5));background-image:-webkit-linear-gradient(top, #0480BE, #036fa5);background-image:-o-linear-gradient(top, #0480BE, #036fa5);background-image:linear-gradient(to bottom, #0480BE, #036fa5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0480BE', endColorstr='#036fa5',GradientType=0);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);position:absolute;top:0;width:20px;height:20px;background-color:#0480BE;border:0px solid transparent}.slider-handle:hover{cursor:pointer}.slider-handle.round{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.slider-handle.triangle{background:transparent none}.slider-handle.custom{background:transparent none}.slider-handle.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick{background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #F9F9F9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#F9F9F9));background-image:-webkit-linear-gradient(top, #f5f5f5, #F9F9F9);background-image:-o-linear-gradient(top, #f5f5f5, #F9F9F9);background-image:linear-gradient(to bottom, #f5f5f5, #F9F9F9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#F9F9F9',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;cursor:pointer;width:20px;height:20px;filter:none;opacity:0.8;border:0px solid transparent}.slider-tick.round{border-radius:50%}.slider-tick.triangle{background:transparent none}.slider-tick.custom{background:transparent none}.slider-tick.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick.in-selection{background-color:#46c1fe;background-image:-moz-linear-gradient(top, #52c5ff, #3abcfd);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#52c5ff), to(#3abcfd));background-image:-webkit-linear-gradient(top, #52c5ff, #3abcfd);background-image:-o-linear-gradient(top, #52c5ff, #3abcfd);background-image:linear-gradient(to bottom, #52c5ff, #3abcfd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#52c5ff', endColorstr='#3abcfd',GradientType=0);opacity:1}

/*# sourceMappingURL=bootstrap-slider.min.css.map */
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker{border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0;padding:4px}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.15);border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid rgba(0,0,0,.15)}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.new,.datepicker table tr td.old{color:#777}.datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#eee;cursor:pointer}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td.highlighted{color:#000;background-color:#d9edf7;border-color:#85c5e5;border-radius:0}.datepicker table tr td.highlighted.focus,.datepicker table tr td.highlighted:focus{color:#000;background-color:#afd9ee;border-color:#298fc2}.datepicker table tr td.highlighted:hover{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active,.datepicker table tr td.highlighted:active{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active.focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted:active:hover{color:#000;background-color:#91cbe8;border-color:#298fc2}.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled].focus,.datepicker table tr td.highlighted[disabled]:focus,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted.focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,fieldset[disabled] .datepicker table tr td.highlighted:hover{background-color:#d9edf7;border-color:#85c5e5}.datepicker table tr td.highlighted.focused{background:#afd9ee}.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{background:#d9edf7;color:#777}.datepicker table tr td.today{color:#000;background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focus,.datepicker table tr td.today:focus{color:#000;background-color:#ffc966;border-color:#b37400}.datepicker table tr td.today:hover{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active,.datepicker table tr td.today:active{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active.focus,.datepicker table tr td.today.active:focus,.datepicker table tr td.today.active:hover,.datepicker table tr td.today:active.focus,.datepicker table tr td.today:active:focus,.datepicker table tr td.today:active:hover{color:#000;background-color:#ffbc42;border-color:#b37400}.datepicker table tr td.today.disabled.focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today[disabled].focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.today.focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover{background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focused{background:#ffc966}.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active{background:#ffdb99;color:#777}.datepicker table tr td.range{color:#000;background-color:#eee;border-color:#bbb;border-radius:0}.datepicker table tr td.range.focus,.datepicker table tr td.range:focus{color:#000;background-color:#d5d5d5;border-color:#7c7c7c}.datepicker table tr td.range:hover{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active,.datepicker table tr td.range:active{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active.focus,.datepicker table tr td.range.active:focus,.datepicker table tr td.range.active:hover,.datepicker table tr td.range:active.focus,.datepicker table tr td.range:active:focus,.datepicker table tr td.range:active:hover{color:#000;background-color:#c3c3c3;border-color:#7c7c7c}.datepicker table tr td.range.disabled.focus,.datepicker table tr td.range.disabled:focus,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range[disabled].focus,.datepicker table tr td.range[disabled]:focus,.datepicker table tr td.range[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.focus,fieldset[disabled] .datepicker table tr td.range:focus,fieldset[disabled] .datepicker table tr td.range:hover{background-color:#eee;border-color:#bbb}.datepicker table tr td.range.focused{background:#d5d5d5}.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active{background:#eee;color:#777}.datepicker table tr td.range.highlighted{color:#000;background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focus,.datepicker table tr td.range.highlighted:focus{color:#000;background-color:#c1d7e3;border-color:#4b88a6}.datepicker table tr td.range.highlighted:hover{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active,.datepicker table tr td.range.highlighted:active{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active.focus,.datepicker table tr td.range.highlighted.active:focus,.datepicker table tr td.range.highlighted.active:hover,.datepicker table tr td.range.highlighted:active.focus,.datepicker table tr td.range.highlighted:active:focus,.datepicker table tr td.range.highlighted:active:hover{color:#000;background-color:#a8c8d8;border-color:#4b88a6}.datepicker table tr td.range.highlighted.disabled.focus,.datepicker table tr td.range.highlighted.disabled:focus,.datepicker table tr td.range.highlighted.disabled:hover,.datepicker table tr td.range.highlighted[disabled].focus,.datepicker table tr td.range.highlighted[disabled]:focus,.datepicker table tr td.range.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.highlighted.focus,fieldset[disabled] .datepicker table tr td.range.highlighted:focus,fieldset[disabled] .datepicker table tr td.range.highlighted:hover{background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focused{background:#c1d7e3}.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active{background:#e4eef3;color:#777}.datepicker table tr td.range.today{color:#000;background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.focus,.datepicker table tr td.range.today:focus{color:#000;background-color:#f4b747;border-color:#815608}.datepicker table tr td.range.today:hover{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:active{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active.focus,.datepicker table tr td.range.today.active:focus,.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today:active.focus,.datepicker table tr td.range.today:active:focus,.datepicker table tr td.range.today:active:hover{color:#000;background-color:#f2aa25;border-color:#815608}.datepicker table tr td.range.today.disabled.focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today[disabled].focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today.focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover{background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active{background:#f7ca77;color:#777}.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted{color:#fff;background-color:#777;border-color:#555;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.focus,.datepicker table tr td.selected.highlighted.focus,.datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected:focus{color:#fff;background-color:#5e5e5e;border-color:#161616}.datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected:hover{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected:active{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active.focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected:active:hover{color:#fff;background-color:#4c4c4c;border-color:#161616}.datepicker table tr td.selected.disabled.focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.highlighted.disabled.focus,.datepicker table tr td.selected.highlighted.disabled:focus,.datepicker table tr td.selected.highlighted.disabled:hover,.datepicker table tr td.selected.highlighted[disabled].focus,.datepicker table tr td.selected.highlighted[disabled]:focus,.datepicker table tr td.selected.highlighted[disabled]:hover,.datepicker table tr td.selected[disabled].focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover{background-color:#777;border-color:#555}.datepicker table tr td.active,.datepicker table tr td.active.highlighted{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.focus,.datepicker table tr td.active.highlighted.focus,.datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td.active.disabled.focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.highlighted.disabled.focus,.datepicker table tr td.active.highlighted.disabled:focus,.datepicker table tr td.active.highlighted.disabled:hover,.datepicker table tr td.active.highlighted[disabled].focus,.datepicker table tr td.active.highlighted[disabled]:focus,.datepicker table tr td.active.highlighted[disabled]:hover,.datepicker table tr td.active[disabled].focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active[disabled]:hover,fieldset[disabled] .datepicker table tr td.active.focus,fieldset[disabled] .datepicker table tr td.active.highlighted.focus,fieldset[disabled] .datepicker table tr td.active.highlighted:focus,fieldset[disabled] .datepicker table tr td.active.highlighted:hover,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover.focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.focus,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover.focus,.datepicker table tr td span.active:hover:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td span.active.disabled.disabled.focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled.focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active.disabled:hover[disabled].focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled].focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active:hover.disabled.focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active:hover[disabled].focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active[disabled].focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active.disabled.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,fieldset[disabled] .datepicker table tr td span.active.focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover.focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active:hover:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#777}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-group.date .input-group-addon{cursor:pointer}.input-daterange{width:100%}.input-daterange input{text-align:center}.input-daterange input:first-child{border-radius:3px 0 0 3px}.input-daterange input:last-child{border-radius:0 3px 3px 0}.input-daterange .input-group-addon{width:auto;min-width:16px;padding:4px 5px;line-height:1.42857143;border-width:1px 0;margin-left:-5px;margin-right:-5px}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;color:#333;font-size:13px;line-height:1.42857143}.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{padding:0 5px}
body {
  padding-top: 80px;
}

.me-btn {
  font-size: var(--font-14px);
  border-radius: var(--radius-8px);
  font-family: Inter-Bold;
  font-weight: 700;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-left: 8px;
  margin-right: 8px;
  text-transform: uppercase;
}

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

.btn-success {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: var(--color-white);
}

.btn-light {
  border-color: var(--color-45586C);
  background-color: var(--color-white);
  color: var(--color-45586C);
}

.me-btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}

.me-btn-success {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: var(--color-white);
}

.button-link-to__block {
  padding-left: 32px;
  padding-right: 32px;
}

.submit-button-btn__block {
  padding-left: 32px;
  padding-right: 32px;
}

.button-link-to__block_icon_arrow{
  padding-left: 32px;
}

.big-button-link-to__block {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 12px;
  padding-bottom: 12px;
  min-width: 420px;
}

.me-btn.submit-button-btn__block {
  height: 50px;
  min-width: 420px;
}

.submit-button-btn__block {
  position: relative;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  color: var(--color-white);
  background-color: var(--color-primary);
}

.submit-button-btn__icon-text {
  padding-left: 32px;

}
.submit-button-btn__icon-arrow {
  margin-left: 32px;
  margin-bottom: 2px;
}

.me-btn-disable {
  background-color: var(--color-white);
  border-color: var(--color-CCCCCC);
  color: var(--color-CCCCCC);
}

/* Table */
.table-top-boder  th {
  font-family: Inter-Bold;
}

.table-top-boder  th, .table-top-boder  td {
  border: solid 1px;
  border-color: var(--bs-table-border-color);
  padding-left: 12px;
  padding-right: 12px;
}

.b-bold {
  font-family: Inter-Bold;
}

.badge {
  font-family: Inter-Bold;
  font-size: var(--font-12px);
  padding: 8px;
}

.bg-invest {
  color: var(--color-2CBCB1)!important;
  background-color: var(--color-rgba-2CBCB1)!important;
}

.bg-redeem {
  color: var(--color-D13C40)!important;
  background-color: var(--color-rgba-D13C40)!important;
}

.bg-pending {
  color: var(--color-primary)!important;
  background-color: var(--color-F0F3F8)!important;
}

.text-success {
  color: var(--color-2CBCB1);
}

.text-cancel {
  color: var(--color-D13C40);
}

.text-pending {
  color: var(--color-A5A5A5);
}


.header-wrapper .header-wrapper-menu a.btn.me-btn-primary{
  color: var(--color-white);
}

.me-link-secondary {
  color: var(--color-secondary);
  font-weight: 700;
}

.carousel-control-next, .carousel-control-prev {
  width: 5%;
}
.carousel .carousel-control-prev-icon {
  height: 40px;
  background-color: var(--color-origin-black);
  background-size: 24px;
  opacity: 0.2;
  box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.25);
}
.carousel .carousel-control-next-icon {
  height: 40px;
  background-color: var(--color-origin-black);
  background-size: 24px;
  opacity: 0.2;
  box-shadow: 0px 4px 15px rgba(160, 160, 160, 0.25);
}
.carousel .carousel-indicators {
  align-items: center;
  bottom: -30px;
}
.carousel .carousel-indicators button {
  background: var(--color-B7B7B7);
  background-blend-mode: multiply;
  border: 0 none;
  height: 6px;
}
.carousel .carousel-indicators button.active {
  height: 9px;
  background: var(--color-secondary);
}

.carousel .banner-box-right img {
  width: 390px;
  height: 228px;
}

.carousel .banner-box-right img.default {
  width: 300px;
}

/* HEADER */
.header-wrapper { min-height: 80px; background: var(--color-white); box-shadow: 0px 4px 4px rgba(216, 216, 216, 0.25) }
.header-wrapper .header-wrapper-menu a {
  font-family: Inter-Medium;
  font-size: var(--font-15px);
  line-height: var(--line-h-18px);
  color: var(--color-45586C);
  font-weight: 700;
}


.header-wrapper .header-wrapper-menu .dropdown-menu > div {
  display: flex;
  margin: 0 -20px;
}

.dropdown-menu-1045 {
  min-width: 1045px;
}

.dropdown-menu-794 {
  min-width: 794px;
}

.header-wrapper .header-wrapper-menu .dropdown-menu > div ul {
  list-style: none;
}
.header-wrapper .header-wrapper-menu .dropdown-menu > div ul li a:hover {
  background-color: transparent;
  text-decoration: underline;
}
.header-wrapper .header-wrapper-menu .dropdown-menu > div ul li a.dropdown-item-header {
  font-family: Inter-Bold;
  font-size: var(--font-18px);
  display: flex;
  align-items: center;
  text-decoration: none;
  text-transform: none;
  
  color: var(--color-45586C);
  border-bottom: 1px solid var(--color-origin-black);
}
.header-wrapper .header-wrapper-menu .dropdown-menu > div ul li a.dropdown-item {
  font-family: Inter-Light;
  line-height: var(--line-h-18px);
  display: flex;
  align-items: center;
  
  color: var(--color-origin-black);
  white-space: normal;
  text-transform: none;
}

.header-wrapper .header-wrapper-menu .dropdown-menu .dropdown-item-submenu {
  display: flex;
}

.header-wrapper .header-wrapper-menu .dropdown-menu .dropdown-item-submenu ul:first-child {
  padding-left: 0px;
}

.header-wrapper .header-wrapper-workflow .btn-link span {
  font-family: Inter-Bold;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  text-align: center;
  color: var(--color-45586C);
}
.header-account {
  font-family: Inter-ExtraBold;
  font-size: 14px;
  line-height: 18px;
  color: var(--color-black);
  display: flex;
  align-items: center;
}
.header-account span {
  margin: 0 10px;
}
.header-account:after {
  display: none;
}
/* END HEADER */

/* FOOTER */
.footer-wrapper { background-color: var(--color-black) !important }
.footer-wrapper p { padding: 0; margin: 0; font-size: var(--font-14px) }
.footer-wrapper a { font-size: var(--font-14px) }
.footer-wrapper .bottom-footer p { line-height: 2 }
.footer-wrapper .bottom-footer { border-top: 0.5px solid var(--color-white); padding: 22px 0 14px 0; text-align: center }
.footer-wrapper .top-footer .top-footer-left .descripton { text-align: justify;}
.footer-wrapper .top-footer-center {
  display: grid;
  grid-template-columns: max-content max-content auto;
  column-gap: 1px;
  margin: 0px 20px 0px 20px;
}

.footer-wrapper .scam-alert .btn {
  background-color: var(--color-FFEBC3CC);
  border-color: var(--color-FFEBC3CC);
  color: var(--color-Black);
  --bs-btn-border-radius: 8px;
  --bs-btn-padding-y: 4px;
  font-family: 'Inter';
}

.footer-wrapper .scam-alert .btn:hover {
  background-color: var(--color-FFDA8ECC);
  border-color: var(--color-FFDA8ECC);
}

.footer-wrapper .top-footer-center li:first-child {
  font-family: Inter-Bold;
}

.footer-wrapper .scam-alert {
    margin-top: 20px;
  }

.footer-wrapper ul {
  list-style-type: none;
}

.footer-wrapper .top-footer-center ul li {
  margin-bottom: 12px;
}

.footer-wrapper .top-footer-center_group-left {
  grid-template-columns: 1fr 1fr;
  display: grid;
}
/* END FOOTER */


/* CONTENT */
.box-title {
  border-bottom: 2px solid var(--color-origin-black);
}
.box-title h3 {
  font-family: Inter-Medium;
  font-size: var(--font-20px);
  line-height: var(--line-h-24px);
  color: var(--color-AFAFAF);  
  text-transform: uppercase;
}
.box-title .box-title-btn {
  width: 126px;
  height: 29px;
  border: 1px solid var(--color-445B6C);
  border-radius: var(--radius-8px);

  font-family: Inter-Bold;
  font-size: var(--font-12px);
  line-height: var(--line-h-18px);
  text-align: center;
  color: var(--color-445B6C);
}

.sub-title {
  font-family: Inter-Bold;
  font-size: var(--font-18px);
  line-height: var(--line-h-24px);
  color: var(--color-AFAFAF);
  text-transform: uppercase;
}

.news.home-page .news-wrapper { display: flex }
.news.home-page .news-wrapper .news-hot { min-width: 70%; flex: 1; }
.news.home-page .news-wrapper .news-list { flex: 1 }
.news.home-page .news-wrapper .news-list-item { border-bottom: 0.5px solid var(--color-C6C4C4) }
.news.home-page .news-wrapper .news-list-item:last-child { border-bottom: 0 none }
.news.home-page .news-wrapper .news-list-item .tag {
  font-size: var(--font-13px);
  line-height: var(--line-h-16px);
  color: var(--color-45586C);
}
.news.home-page .news-wrapper .news-list-item .title a {
  line-height: var(--line-h-18px);
  color: var(--color-origin-black);
  text-decoration: none;
}
.news.home-page .news-wrapper .news-hot .news-list-item {
  display: flex;
}
.news.home-page .news-wrapper .news-hot .news-list-item .new-image {
  width: 45%;
  min-width: 45%;
  background-color: var(--color-eeeeee);
}
.news.home-page .news-wrapper .news-hot .news-list-item .new-info .title a {
  font-family: Inter-Bold;
  font-size: var(--font-24px);
  line-height: var(--line-h-30px);
  
  color: var(--color-013A81);
}
.news.home-page .news-wrapper .news-hot .news-list-item .new-info .description {
  line-height: var(--line-h-20px);
  color: var(--color-black);
}

.how-we-help.home-page .how-we-help-wrapper .d-flex{
  justify-content: space-between;
}

.how-we-help.home-page .how-we-help-wrapper .left h3 {
  font-family: Inter-Bold;
  font-size: var(--font-128px);
  line-height: 100px;
  color: var(--color-primary);
}
.how-we-help.home-page .how-we-help-wrapper .left p {
  font-family: Inter-Bold;
  font-size: var(--font-30px);
  line-height: var(--line-h-36px);
  color: var(--color-black);
  text-transform: capitalize;
}
.how-we-help.home-page .how-we-help-wrapper .right {
  flex: 1;
  margin: 0 -18px;
}
.how-we-help.home-page .how-we-help-wrapper .right .how-we-help-box {
  background: var(--color-F0F3F8);
  border: 1px solid var(--color-F2F2F2);
  border-radius: var(--radius-0px);
  width: calc(33.33% - 44px);
  min-width: calc(33.33% - 44px);
  display: flex;
  flex-direction: column;
}

.how-we-help.home-page .how-we-help-wrapper .right .how-we-help-box h4 {
  font-family: Inter-Bold;
  font-size: var(--font-30px);
  line-height: var(--line-h-36px);
  color: var(--color-black);
}

.how-we-help.home-page .how-we-help-wrapper .right .how-we-help-box h4.we-help__title {
  height: calc(33.33% - 36px);
  min-height: calc(33.33% - 36px);
  text-transform: capitalize;
}

.how-we-help.home-page .how-we-help-wrapper .right .how-we-help-box p {
  line-height: var(--line-h-20px);  
  color: var(--color-445B6C);
  flex: 1;
}

.how-we-help.home-page .how-we-help-wrapper .right .how-we-help-box p.we-help__content{
  height: calc(50% - 36px);
  min-height: calc(50% - 36px);
}

.how-we-help.home-page .how-we-help-wrapper .right .how-we-help-box a {
  display: contents;
  text-decoration: none;
}
.how-we-help.home-page .how-we-help-wrapper .right .how-we-help-box button {
  border-radius: var(--radius-8px);
  min-width: 180px;
  height: 48px;

  font-family: Inter-Medium;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.how-we-help.home-page .how-we-help-wrapper .right .how-we-help-box button.how-we-help-box-btn-1 { background: var(--color-445B6C); border-color: var(--color-445B6C) }
.how-we-help.home-page .how-we-help-wrapper .right .how-we-help-box button.how-we-help-box-btn-2 { background: var(--color-primary); border-color: var(--color-primary) }
.how-we-help.home-page .how-we-help-wrapper .right .how-we-help-box .btn.how-we-help-box-btn-3 { background: var(--color-2CBCB1); border-color: var(--color-2CBCB1) }

.what-we-do.home-page { margin-bottom: 120px }
.what-we-do.home-page .what-we-do-wrapper .title {
  font-family: Inter-Bold;
  font-size: var(--font-33px);
  line-height: var(--line-h-46px);
  text-align: center;
  color: var(--color-secondary);
}
.what-we-do.home-page .what-we-do-wrapper .what-we-do-list {
  margin: 0 -40px;
}
.what-we-do.home-page .what-we-do-wrapper .what-we-do-box {
  border: 1px solid var(--color-origin-black);
  border-radius: var(--radius-0px);
  width: calc(34.6% - 96px);
  min-width: calc(34.6% - 96px);
  display: flex;
  flex-direction: column;
}

.what-we-do.home-page .what-we-do-wrapper .what-we-do-box.other-option {
  width: calc(33.33% - 138px);
  min-width: calc(33.33% - 138px);
}

.content-summary {
  height: 120px;
}

.what-we-do.home-page .what-we-do-wrapper .what-we-do-box h4 {
  font-family: Inter-Bold;
  font-size: var(--font-30px);
  line-height: var(--line-h-36px);
}
.what-we-do.home-page .what-we-do-wrapper .what-we-do-box h4.what-we-do-box-title-1 { color: var(--color-primary) }
.what-we-do.home-page .what-we-do-wrapper .what-we-do-box h4.what-we-do-box-title-2 { color: var(--color-2CBCB1) }
.what-we-do.home-page .what-we-do-wrapper .what-we-do-box h4.what-we-do-box-title-3 { color: var(--color-45586C) }
.what-we-do.home-page .what-we-do-wrapper .what-we-do-box p {
  line-height: var(--line-h-20px);
  color: var(--color-445B6C);

  flex: 1;
}
.what-we-do.home-page .what-we-do-wrapper .what-we-do-box a {
  line-height: var(--line-h-20px);
  color: var(--color-129AFF);
  text-align: left;
  padding: 0;
  text-decoration: none;
}

.banner.home-page .banner-box { width: 100% }
.banner.home-page .banner-box-left {
  min-width: 60%;
  flex: 1;
  width: 60%;
  max-width: 60%;
  min-height: 324px;
}
.banner.home-page .banner-box-left h3 {
  font-family: Inter-ExtraBold;
/*  font-size: var(--font-40px);*/
  font-size: var(--font-36px);
  line-height: var(--line-h-46px);
  color: var(--color-A0A0A0);
}
.banner.home-page .banner-box-left h4 {
  font-family: Inter-ExtraBold;
  font-size: var(--font-40px);
  line-height: var(--line-h-46px);
  color: var(--color-black);
}
.banner.home-page .banner-box-left p {
  font-size: var(--font-18px);
  line-height: var(--line-h-24px);
  color: var(--color-445B6C);
}
.banner.home-page .banner-box-left a{
  color: var(--color-primary);
  font-family: Inter-Bold;
}
.banner.home-page .banner-box-left button {
  min-width: 180px;
  height: 48px;
  background: var(--color-primary);
  border-radius: var(--radius-8px);

  font-family: Inter-Medium;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.section-heading {
  border-bottom: 1px solid var(--color-DDDDDD);
}
.section-heading__wrapper {
  background-image: url(/web_v2/images/dump/mutual_heading_bg.png);
  background-size: 360px 188px;
  background-position: bottom right;
  background-repeat: no-repeat;
  padding: 80px 0 103px;
}

.section-heading__title {
  font-size: 3.125rem;
  line-height: 1em;
  font-family: Inter-Bold;
  margin-bottom: 18px;
}

.section-heading__summary {
  max-width: 822px;
  color: var(--color-909090);
  font-size: var(--font-20px);
  line-height: 1.2em;
}

.select-common select {
  width: 150px;
  height: 38px;
  border: 1px solid var(--color-445B6C);
  border-radius: 5px;
  padding: 0 10px;
}

.header-wrapper-workflow .header-account .icon {
  color: var(--color-primary);
}

.header-wrapper-workflow .header-account .icon-arrow-down {
  width: 14px;
  height: 14px;
  margin-left: 8px;
}

.offcanvas-header {
  border-bottom: 1px solid var(--color-DDDDDD);
}

.menu-mobile-content .nav-link {
  color: var(--color-45586C) !important;
  font-family: Inter-Bold !important;
  border-bottom: 1px solid var(--color-origin-black);
  padding: 0px 0px 12px 0px;
}

.menu-mobile-content .mobile-menu__head-title{
  width: 60%;
  display: inline-block;
  font-size: var(--font-18px);
  color: var(--color-45586C);
  text-align: left;
}

.menu-mobile-content .mobile-menu__head-icon-link {
  width: 36%;
  text-align: right;

  display: inline-flex;
  justify-content: flex-end;
}

.menu-mobile-content .mobile-menu__head-icon-link div {
  display: inline;
}

.menu-mobile-content .mobile-menu__head-icon-link .active{
  color: var(--color-primary) !important;
}

.header-wrapper-menu a.dropdown-item.active {
  color: var(--color-primary) !important;
  font-family: Inter-Bold !important;
  background-color: unset;
}

.menu-mobile-content ul {
  list-style-type: none;
}

.menu-mobile-content a.dropdown-item {
  font-family: Inter;
  color: var(--color-origin-black);
  white-space: break-spaces;
}

.menu-mobile-content a.dropdown-item .icon {
  color: var(--color-secondary);
}

.menu-mobile-content a.dropdown-item.active {
  color: var(--color-primary);
  font-family: Inter-Bold;
}

.menu-mobile-content .nav-link-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.menu-mobile-content .nav-link-account-group ~ .nav-link-account-group__items {
  display: none;
}

.menu-mobile-content .nav-link.show ~ .nav-link-account-group__items {
  display: block;
}

.menu-mobile-content .nav-link.show .icon {
  --svg: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L1 0.999999' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E");
}

.menu-mobile-content .nav-link-account-group ~ .nav-link-account-group__items .dropdown-item {
  display: grid;
  grid-template-columns: 16px 1fr;
  column-gap: 8px;
}

.menu-mobile-content .nav-link-account-group ~ .nav-link-account-group__items li:last-child {
  border-top: 1px solid var(--color-DDDDDD);
}

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

b, strong {
  font-family: Inter-Bold;
}

.cursor-pointer {
  cursor: pointer;
}

.action-mobile {
  box-shadow: 4px 2px 11px 0px var(--color-AFAFAF);
  background-color: var(--color-white);
}

.action-mobile .action-mobile__buttons {
  padding: 16px 10px 16px 10px;
  display: grid;
  grid-template-columns: 1fr 2px 1fr;
  background: var(--color-F0F3F8);
}

.action-mobile .action-mobile__buttons a {
  color: var(--color-primary);
  font-family: Inter-Bold;
}

.action-mobile .action-mobile__buttons .vertical-dash {
  color: var(--color-DDDDDD);
  font-family: Inter-Bold;
}

.alert-modal .modal-md .modal-header {
  width: 93%;
  margin-left: 28px;
}

.alert-modal .modal-md .modal-body {
  width: 94%;
}

.dropdown.news-insights .dropdown-menu {
  transform: translate3d(8px, 36px, 0px) !important;
  min-width: 214px;
}

.header-account span {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.container-notification {
  padding-top: 8px!important;
}

.alert-notification {
  font-family: Inter-Medium;
  --bs-alert-color: var(--color-primary);
  --bs-alert-bg: var(--color-EDF3FF);
  --bs-alert-border-color: var(--color-EDF3FF);
  display: grid;
  grid-template-columns: 1fr 10px;
}

.alert-notification a {
  color: var(--color-primary);
  font-family: Inter-Bold;
}

.alert-notification a.btn {
  color: var(--color-White);
}

.alert-notification .actions {
  margin-left: 16px;
}

.alert-notification .actions .icon-close {
  color: var(--color-A5A5A5);
}

.modal-form .modal-header {
  margin-left: 0px;
  padding: 12px;
  width: 100%;
  background-color: var(--color-primary);
  color: white;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

.modal-form .btn-close {
  opacity: 1;
  background-image: url('data:image/svg+xml,<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.25 7.75L7.75 23.25" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.75 7.75L23.25 23.25" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.header-wrapper .modal-backdrop {
  --bs-backdrop-zindex: 10;
}

.currency-text span {
  padding-left: 4px;
}

.form-control::placeholder {
  color: var(--color-PlaceHolder);
  font-style: italic;
}
:root {
  --font-10px: 10px;
  --font-11px: 11px;
  --font-12px: 12px;
  --font-13px: 13px;
  --font-14px: 14px;
  --font-15px: 15px;
  --font-16px: 16px;
  --font-17px: 17px;
  --font-18px: 18px;
  --font-19px: 19px;
  --font-20px: 20px;
  --font-24px: 24px;
  --font-25px: 25px;
  --font-28px: 28px;
  --font-30px: 30px;
  --font-32px: 32px;
  --font-33px: 33px;
  --font-36px: 36px;
  --font-40px: 40px;
  --font-48px: 48px;
  --font-128px: 128px;

  --line-h-16px: 16px;
  --line-h-18px: 18px;
  --line-h-20px: 20px;
  --line-h-21px: 21px;
  --line-h-24px: 24px;
  --line-h-25px: 25px;
  --line-h-26px: 26px;
  --line-h-30px: 30px;
  --line-h-33px: 33px;
  --line-h-34px: 34px;
  --line-h-36px: 36px;
  --line-h-40px: 40px;
  --line-h-42px: 42px;
  --line-h-44px: 44px;
  --line-h-46px: 46px;
  --line-h-64px: 64px;

  --radius-0px: 0px;
  --radius-8px: 8px;

  --color-primary: #0F4C81;
  --color-success: #2CBCB1;
  --color-secondary: #08538A;
  --color-white: #FFFFFF;
  --color-black: #292B33;
  --color-origin-black: #000000;
  --color-eeeeee: #241f1f;
  --color-45586C: #45586C;
  --color-B7B7B7: #B7B7B7;
  --color-AFAFAF: #AFAFAF;
  --color-445B6C: #445B6C;
  --color-A0A0A0: #A0A0A0;
  --color-C6C4C4: #C6C4C4;
  --color-F0F3F8: #F0F3F8;
  --color-F2F2F2: #F2F2F2;
  --color-129AFF: #129AFF;
  --color-013A81: #013A81;
  --color-2CBCB1: #2CBCB1;
  --color-BBBBBB: #BBBBBB;
  --color-F5F7F9: #F5F7F9;
  --color-DBECFD: #DBECFD;
  --color-909090: #909090;
  --color-DDDDDD: #DDDDDD;
  --color-EAEAEA: #EAEAEA;
  --color-275E8E: #275E8E;
  --color-36A2EB: #36A2EB;
  --color-E7323B: #E7323B;
  --color-C7C7C7: #C7C7C7;
  --color-58667E: #58667E;
  --color-A5A5A5: #A5A5A5;
  --color-1E1E1E: #1E1E1E;
  --color-D13C40: #D13C40;
  --color-E9E9E9: #E9E9E9;
  --color-A8A8A8: #A8A8A8;
  --color-CCCCCC: #CCCCCC;
  --color-0C0C0C: #0C0C0C;
  --color-F1F7FF: #F1F7FF;
  --color-70D0FF: #70D0FF;
  --color-E5E5EF: #E5E5EF;
  --color-64C4F3: #64C4F3;
  --color-9FC9E5: #9FC9E5;
  --color-61E7DF: #61E7DF;
  --color-DF7171: #DF7171;
  --color-6D767C: #6D767C;
  --color-F9BB43: #F9BB43;
  --color-EDF3FF: #EDF3FF;
  --color-2D2D2D: #2D2D2D;
  --color-9D9D9D: #9D9D9D;
  --color-D42222: #D42222;
  --color-606060: #606060;
  --color-E3EAF5: #E3EAF5;
  --color-E4E4E4: #E4E4E4;
  --color-7D7D7D: #7D7D7D;
  --color-445B6F: #445B6F;
  --color-7799D4: #7799D4;
  --color-888181: #888181;
  --color-F3F3F3: #F3F3F3;
  --color-808080: #808080;
  --color-2BC12B: #2BC12B;
  --color-7AA0E1: #7AA0E1;
  --color-D9D9D9: #D9D9D9;
  --color-002454: #002454;
  --color-AEB6C0: #AEB6C0;
  --color-62A8FF: #62A8FF;
  --color-C1B4B4: #C1B4B4;
  --color-FFF1F1: #FFF1F1;
  --color-F8A9A9: #F8A9A9;
  --color-C8E9FF: #C8E9FF;
  --color-BFE6FF: #BFE6FF;
  --color-E0F3FF: #E0F3FF;
  --color-DBF1FF: #DBF1FF;
  --color-D4D4D4: #D4D4D4;
  --color-BAC2CE: #BAC2CE;
  --color-DBE2ED: #DBE2ED;
  --color-E6E6E6: #E6E6E6;
  --color-D0D0D0: #D0D0D0;
  --color-E8FFFD: #E8FFFD;
  --color-C2CAD9: #C2CAD9;
  --color-FD4755: #FD4755;
  --color-rgba-2CBCB1: rgba(44, 188, 177, 0.11);
  --color-rgba-D13C40: rgba(209, 60, 64, 0.11);
  --color-445B6F: #445B6F;
  --color-D7E4FF: #D7E4FF;
  --color-rgba-2CBCB1-24: rgba(44, 188, 177, 0.24);
  --color-rgba-0F4C81: rgba(15, 76, 129, 0.11);
  --color-EDF4FF: #EDF4FF;
  --color-34B3F1: #34B3F1;
  --color-888888: #888888;
  --color-FFDFDD: #FFDFDD;
  --color-5E5E5E: #5E5E5E;
  --color-F9C002: #F9C002; /* Yellow */
  --color-FFF3CD: #FFF3CD;
  --color-FFCC00: #FFCC00;
  --color-F4AD7D: #F4AD7D;
  --color-rgba_F4AD7D: rgba(255, 215, 134, 0.5);
  --color-848484: #848484;
  --color-rgba-45586C: rgba(69, 88, 108, 0.2);
  --color-FDAF12: #FDAF12;
  --color-rgba-D8D8D8: rgba(216, 216, 216, 0.25);
  --color-2574BA: #2574BA;
  --color-8794A1: #8794A1;


  /* New difine */
  --color-Black: #000000;
  --color-White: #FFFFFF;
  --color-BrandBlue: #0F4C81;
  --color-VariantGreen: #529A60;
  --color-VariantGrey: #7D7D7D;
  --color-VariantBlue: #6688A0;
  --color-PrimaryGreen: #2CBCB1;
  --color-PrimaryRed: #D13C40;
  --color-PrimaryGrey: #445B6C;
  --color-PrimaryOrage: #F4AD7D;
  --color-OutlineGrey: #DCDCDC;
  --color-BgBlue: #EDF3FF;
  --color-BgGreen: rgba(44, 188, 177, 0.11);
  --color-BgRed: #FFDFDD;
  --color-BgGrey: #F0F3F8;
  --color-BgOrange: rgba(255, 215, 134, 0.5);
  --color-BgError: #FFF1F1;
  --color-DarkBlue: #124972;
  --color-TextBlue: #445B6F;
  --color-TextBack: #292B33;
  --color-TextGrey: #445B6C;
  --color-LightBlue: rgba(8, 83, 138, 0.3);
  --color-LightGrey: #E9ECEF;
  --color-LightRed: rgba(209, 60, 64, 0.11);
  --color-LightOrange: rgba(255, 215, 134, 0.2);
  --color-HeaderBlue: #3380FF;
  --color-PlaceHolder: #A8A8A8;
  --color-Pink: #F7C5BF;
  --color-FFEBC3CC: rgba(255, 235, 195, 0.8);
  --color-FFDA8ECC: rgba(255, 218, 142, 0.8);
}

@font-face {
  font-family: Inter-Light;
  src: url(/web_v2/fonts/Inter-Light.ttf);
}

@font-face {
  font-family: Inter;
  src: url(/web_v2/fonts/Inter-Regular.ttf);
}

@font-face {
  font-family: Inter-Bold;
  src: url(/web_v2/fonts/Inter-Bold.ttf);
}

@font-face {
  font-family: Inter-ExtraBold;
  src: url(/web_v2/fonts/Inter-ExtraBold.ttf);
}

@font-face {
  font-family: Inter-Medium;
  src: url(/web_v2/fonts/Inter-Medium.ttf);
}

body {
  font-size: var(--font-15px);
  font-family: Inter;
}

.font-light {
  font-family: Inter-Light;
}
.font-bold {
  font-family: Inter-Bold;
}
.font-extra-bold {
  font-family: Inter-ExtraBold;
}
.font-medium {
  font-family: Inter-Medium;
}
.font-italic {
  font-style: italic;
}
.text-success {
  color: var(--color-2CBCB1) !important;
}
.text-pending {
  color: var(--color-A5A5A5) !important;
}
.text-cancel {
  color: var(--color-D13C40) !important;
}

.text-vest {
  color: var(--color-013A81) !important;
}

.text-danger {
  color: var(--color-D13C40) !important;
}

.text-normal {
  color: var(--color-black) !important;
}

.text-justify {
  text-align: justify;
}

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

.width-70 {
  width: 70% !important;
}

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

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

.width-50 {
  width: 50% !important;
}

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

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

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

.hidden {
  display: none;
}

body .mt-0{margin-top:0}body .mb-0{margin-bottom:0}body .ml-0{margin-left:0}body .mr-0{margin-right:0}
body .pt-0{padding-top:0}body .pb-0{padding-bottom:0}body .pl-0{padding-left:0!important}body .pr-0{padding-right:0}
.reset-p{padding:0}.reset-m{margin:0}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mt-155{margin-top:155px}.mt-160{margin-top:160px}.mt-165{margin-top:165px}.mt-170{margin-top:170px}.mt-175{margin-top:175px}.mt-180{margin-top:180px}.mt-185{margin-top:185px}.mt-190{margin-top:190px}.mt-195{margin-top:195px}.mt-200{margin-top:200px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.mb-155{margin-bottom:155px}.mb-160{margin-bottom:160px}.mb-165{margin-bottom:165px}.mb-170{margin-bottom:170px}.mb-175{margin-bottom:175px}.mb-180{margin-bottom:180px}.mb-185{margin-bottom:185px}.mb-190{margin-bottom:190px}.mb-195{margin-bottom:195px}.mb-200{margin-bottom:200px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.ml-65{margin-left:65px}.ml-70{margin-left:70px}.ml-75{margin-left:75px}.ml-80{margin-left:80px}.ml-85{margin-left:85px}.ml-90{margin-left:90px}.ml-95{margin-left:95px}.ml-100{margin-left:100px}.ml-105{margin-left:105px}.ml-110{margin-left:110px}.ml-115{margin-left:115px}.ml-120{margin-left:120px}.ml-125{margin-left:125px}.ml-130{margin-left:130px}.ml-135{margin-left:135px}.ml-140{margin-left:140px}.ml-145{margin-left:145px}.ml-150{margin-left:150px}.ml-155{margin-left:155px}.ml-160{margin-left:160px}.ml-165{margin-left:165px}.ml-170{margin-left:170px}.ml-175{margin-left:175px}.ml-180{margin-left:180px}.ml-185{margin-left:185px}.ml-190{margin-left:190px}.ml-195{margin-left:195px}.ml-200{margin-left:200px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mr-85{margin-right:85px}.mr-90{margin-right:90px}.mr-95{margin-right:95px}.mr-100{margin-right:100px}.mr-105{margin-right:105px}.mr-110{margin-right:110px}.mr-115{margin-right:115px}.mr-120{margin-right:120px}.mr-125{margin-right:125px}.mr-130{margin-right:130px}.mr-135{margin-right:135px}.mr-140{margin-right:140px}.mr-145{margin-right:145px}.mr-150{margin-right:150px}.mr-155{margin-right:155px}.mr-160{margin-right:160px}.mr-165{margin-right:165px}.mr-170{margin-right:170px}.mr-175{margin-right:175px}.mr-180{margin-right:180px}.mr-185{margin-right:185px}.mr-190{margin-right:190px}.mr-195{margin-right:195px}.mr-200{margin-right:200px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-65{padding-left:65px}.pl-70{padding-left:70px}.pl-75{padding-left:75px}.pl-80{padding-left:80px}.pl-85{padding-left:85px}.pl-90{padding-left:90px}.pl-95{padding-left:95px}.pl-100{padding-left:100px}.pl-105{padding-left:105px}.pl-110{padding-left:110px}.pl-115{padding-left:115px}.pl-120{padding-left:120px}.pl-125{padding-left:125px}.pl-130{padding-left:130px}.pl-135{padding-left:135px}.pl-140{padding-left:140px}.pl-145{padding-left:145px}.pl-150{padding-left:150px}.pl-155{padding-left:155px}.pl-160{padding-left:160px}.pl-165{padding-left:165px}.pl-170{padding-left:170px}.pl-175{padding-left:175px}.pl-180{padding-left:180px}.pl-185{padding-left:185px}.pl-190{padding-left:190px}.pl-195{padding-left:195px}.pl-200{padding-left:200px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-65{padding-right:65px}.pr-70{padding-right:70px}.pr-75{padding-right:75px}.pr-80{padding-right:80px}.pr-85{padding-right:85px}.pr-90{padding-right:90px}.pr-95{padding-right:95px}.pr-100{padding-right:100px}.pr-105{padding-right:105px}.pr-110{padding-right:110px}.pr-115{padding-right:115px}.pr-120{padding-right:120px}.pr-125{padding-right:125px}.pr-130{padding-right:130px}.pr-135{padding-right:135px}.pr-140{padding-right:140px}.pr-145{padding-right:145px}.pr-150{padding-right:150px}.pr-155{padding-right:155px}.pr-160{padding-right:160px}.pr-165{padding-right:165px}.pr-170{padding-right:170px}.pr-175{padding-right:175px}.pr-180{padding-right:180px}.pr-185{padding-right:185px}.pr-190{padding-right:190px}.pr-195{padding-right:195px}.pr-200{padding-right:200px}
.min-w-200px{min-width: 200px;}
.min-w-300px{min-width: 300px;}
.min-w-420px{min-width: 420px;}
.link-back{color: var(--color-BrandBlue);text-decoration: none;}
.bg-transparent{background-color: transparent!important;}
.heading {
  padding: 63px 0 136px;
  background-color: var(--color-F1F7FF);
}

.heading.custom {
  padding: 63px 0 115px;
}

.heading-title {
  font-family: Inter-Medium;
  font-size: var(--font-24px);
  line-height: var(--line-h-33px);
  color: var(--color-0C0C0C);
}

.heading-title.custom {
  font-size: var(--font-32px);
}

.heading-btn {
  font-family: Inter-ExtraBold;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  border-radius: var(--radius-8px);
  padding: 12px 12px;
  text-align: center;
  margin-left: 13px;
  text-transform: uppercase!important;
}
.heading-btn.-green {
  color: var(--color-white);
  background-color: var(--color-2CBCB1);
}
.heading-btn.-disable {
  color: var(--color-CCCCCC);
  background-color: var(--color-white);
  border: 1px solid var(--color-CCCCCC);
}

.mb-40 {
  margin-bottom: 40px;
}
.mb-25 {
  margin-bottom: 25px;
}
.text-right {
  text-align: right;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-39 {
  margin-bottom: 39px;
}

.home-chart {
  position: relative;
  margin-top: -108px;
  padding-bottom: 136px;
}

.home-chart__wrapper {
  display: grid;
  grid-template-columns: 60% 1fr;
  column-gap: 40px;
}

.heading-sub-title {
  font-family: Inter-ExtraBold;
  font-size: var(--font-20px);
  line-height: var(--line-h-24px);

  color: var(--color-black);
}

.icon-info .icon-tooltip {
  color: var(--color-58667E);
}

.heading-sub-link {
  font-family: Inter-Bold;
  font-size: var(--font-13px);
  line-height: var(--line-h-18px);
  color: var(--color-013A81);
}

.chart-content {
  background-color: var(--color-white);
  padding: 25px 30px 33px;
  box-shadow: 0px 20px 30px rgba(211, 211, 211, 0.25);
  border: 1px solid var(--color-F2F2F2);
  position: relative;
}

.chart-content .bottom-right {
  position: absolute;
  bottom: 28px;
  right: 28px;
  font-size: var(--font-13px);
}

.chart-content .chart-doughnut__legend {
  font-size: var(--font-13px);
  margin-bottom: 12px;
}

.chart-content .head-balance-content{
  margin-bottom: 30px;
}

.fund-card__content .overview-info__description {
  font-size: var(--font-13px);
  color: var(--color-45586C);
}

.fund-card__content .fund_price {
  font-size: var(--font-13px);
  color: var(--color-45586C);
}

.chart-content__title {
  color: var(--color-58667E);
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  margin-bottom: 10px;
}

.chart-content__number{
  color: var(--color-black);
  font-size: var(--font-20px);
  line-height: var(--line-h-26px);
  display: block;
}
.chart-content__number .percent {
  color: var(--color-2CBCB1);
}
.chart-content__number.-gray {
  color: var(--color-A8A8A8);
}

.chart-content__number.pending_buy_amount {
  margin-top: 0px;
}

.chart-content__number .negative ~ .percent {
  color: var(--color-D13C40);
}

.chart-content__number:has(u.negative) {
  color: var(--color-D13C40);
}

.chart-content__number.net-worth.hide:before, .chart-content__number.profit-loss.hide:before, .chart-doughnut__legend .item-legend .market-value.hide::before, .chart-doughnut__legend .item-legend .quantity.hide::before {
  content: '********';
  color: var(--color-black);
}

.chart-content__number.net-worth.hide >*, .chart-content__number.profit-loss.hide >* , .chart-doughnut__legend .item-legend .market-value.hide >*, .chart-doughnut__legend .item-legend .quantity.hide >* {
  display: none;
}

.fund-overview .tab-content {
  position: relative;
}

.tab-content .bottom-right {
  position: absolute;
  bottom: 82px;
  right: 0px;
  width: 100%;
}

.market-balance_text {
  font-size: var(--font-15px);
  position: absolute;
  top: 80px;
  font-weight: 400;
  font-style: italic;
  min-width: 33%;
}

.tooltip-inner {
  text-align: left;
  padding: 14px 16px 14px 16px;
}

.sync-balance-tooltip .tooltip-inner {
  min-width: 280px;
}

.icon-eye-toggle {
  width: 24px;
  height: 20px;
  display: inline-block;
  margin-left: 8px;
  cursor: pointer;
}

.icon-eye-toggle.hide {
  background-image: url(/web_v2/images/icons/hide.png);
}

.icon-eye-toggle.view {
  background-image: url(/web_v2/images/icons/view.png);
}

.chart-content__heading {
  padding-bottom: 25px;
  border-bottom: 1px solid var(--color-E9E9E9);
  margin-bottom: 25px;
}

.chart-content__transaction {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--color-E9E9E9);
  margin-bottom: 20px;
}

.chart-content__transaction-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.chart-content__transaction:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.chart-content__transaction-title {
  color: var(--color-2CBCB1);
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
}

.chart-content__transaction-title b {
  font-family: Inter-ExtraBold;
}

.chart-content__transaction-title.-redeem {
  color: var(--color-D13C40);
}

.chart-content__transaction-date {
  font-size: var(--font-13px);
  line-height: var(--line-h-18px);
  color: var(--color-58667E);
}

.chart-content__transaction-info {
  font-size: var(--font-13px);
  line-height: var(--line-h-18px);
  color: var(--color-45586C);
}

.chart-content__transaction-info b {
  color: var(--color-1E1E1E);
}

.chart-content__transaction-status {
  color: var(--color-A5A5A5);
  font-family: Inter-Medium;
  font-size: var(--font-13px);
  line-height: var(--line-h-18px);
}

.chart-content__transaction-status.-complete {
  color: var(--color-2CBCB1);
}

.chart-content__transaction-status.-cancel {
  color: var(--color-D13C40);
}

.chart-content__transaction-status.-sending {
  color: var(--color-A5A5A5);
}

.chart-content-avaiable__number .amount {
  font-family: Inter-Bold;
}

.fund__tabs {
  margin-bottom: 40px;
}
.fund__item {
  margin-right: 48px;
}
.nav-link.fund__tab {
  padding: 0 0 14px;
  color: var(--color-45586C);

  font-family: Inter-Medium;
  font-size: var(--font-17px);
  line-height: var(--line-h-20px);
  margin-bottom: 0;
  transition: unset;
}

.nav-link.fund__tab:hover,
.nav-link.fund__tab:focus,
.nav-link.fund__tab:focus-visible {
  border: none;
  isolation: inherit;
}

.nav-link.fund__tab.active {
  color: var(--color-275E8E);
  font-family: Inter-ExtraBold;
  border: none;

  border-bottom: 3px solid var(--color-275E8E);
}

.fund-card__content {
  width: 348px;
}

.fund__main {
  background-color: var(--color-secondary);
  color: var(--color-white);
  padding: 30px;
  margin-bottom: 18px;
}

.fund__pane .fund_price {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-E9E9E9);
  margin-bottom: 20px;
}

.fund__pane .fund_price .price {
  font-family: Inter-ExtraBold;
  color: var(--color-primary);
}

.mr-50 {
  margin-right: 50px;
}
.fund__main-title {
  position: relative;
  font-family: Inter-ExtraBold;
  font-size: var(--font-32px);
  line-height: var(--line-h-42px);
  letter-spacing: 0.02em;
  margin-bottom: 8px;
}

.fund__main-coperation {
  font-size: var(--font-14px);
  line-height: var(--line-h-30px);
}

.fund-pane__next-trade {
  font-size: var(--font-13px);
  line-height: var(--line-h-18px);
  color: var(--color-black);
  text-align: center;
}

.fund-pane__next-trade span {
  font-family: Inter-Bold;
}

.postition-relative {
  position: relative;
}
.fund__detail-link {
  position: absolute;
  z-index: 1;
  right: 0;
  top: calc(50% - 9px);

  display: inline-flex;
  align-items: center;
}
.fund__detail-link svg {
  margin-left: 6px;
}

.flex-1 {
  flex: 1;
}

.fund-table {
  width: 100%;
  border: 1px solid var(--color-C7C7C7);
  margin-bottom: 40px
}
.fund-table th, .fund-table td {
  text-align: center;
}
.fund-table th {
  border-bottom: 1px solid var(--color-C7C7C7);
  font-family: Inter-ExtraBold;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-013A81);
}
.fund-table th.total {
  font-size: var(--font-13px);
  line-height: var(--line-h-18px);
  color: var(--color-58667E);
  border-right: 1px solid var(--color-C7C7C7);
  padding: 11px 24px 11px 28px;
}

.fund-table td {
  font-family: Inter-ExtraBold;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  padding: 11px 10px 9px;
}
.fund-table td.total {
  border-right: 1px solid var(--color-C7C7C7);
  color: var(--color-black);
}
.fund-table td.low {
  color: var(--color-E7323B)
}
.fund-table td.high {
  color: var(--color-2CBCB1)
}

.fund-table td span.low {
  color: var(--color-E7323B)
}

.fund-table td span.high {
  color: var(--color-2CBCB1)
}

.chart-table-mobile span.low {
  color: var(--color-E7323B)
}

.chart-table-mobile span.high {
  color: var(--color-2CBCB1)
}

.fund-year__tabs {
  display: inline-flex;
  border-radius: 5px;
  padding: 4px;
  align-items: center;
}

.fund-year__tabs a {
  text-decoration: none;
  text-align: center;
  height: 50px;
}

.fund-year__tabs a .performance-time {
  padding: 10px 15px;
  font-family: Inter-Bold;
  font-size: var(--font-13px);
  line-height: var(--line-h-18px);
  color: var(--color-45586C);
  background-color: var(--color-F0F3F8);
}

.fund-year__tabs a:last-child .performance-time {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.fund-year__tabs a:first-child .performance-time {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.fund-year__tabs a .performance-percent {
  text-align: right;
  display: none;
  padding-top: 2px
}

.fund-year__tabs a.active .performance-percent {
  display: block;
}

.fund-year__tabs a:last-child {
  margin-right: 0;
}

.fund-year__tabs a.active .performance-time .time-text{
  background-color: var(--color-white);
  border-radius: 3px;
  padding-left: 18px;
  padding: 5px 10px 5px 10px;
}

.fund-year__tabs a.active .performance-time {
  padding: 5px;
}


.chart-doughnut__legend .color {
  display: inline-block;
  width:20px;
  height: 20px;
  background-color: var(--color-36A2EB);
  border-radius: 3px;
  padding-right: 12px;
}

.chart-doughnut__legend-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4px;
  padding: 6px 0 6px 6px;
}

.chart-doughnut__legend .item-legend {
  margin-bottom: 18px;
  background-color: var(--color-rgba-D8D8D8);
  padding: 16px;
  border-radius: 8px;
  color: var(--color-45586C);
}

.chart-doughnut__legend .item-legend .fund-name {
  padding-left: 12px;
}

.chart-doughnut__legend .item-legend .fund-code {
  width: 100%;
  padding-left: 6px;
}

.chart-doughnut__legend .item-legend .market-value {
  padding-left: 28px;
}

.chart-doughnut__legend .item-legend .quantity {
  text-align: right;
}

.chart-content_empty-box {
  width: 100%;
  text-align: center;
  min-height: 200px;
  height: auto;
}

.chart-content_empty-box .hint-text {
  padding-top: 20px;
}

.item-legend .table > :not(caption) > * > * {
  padding: 0.5rem 0rem;
}

.item-legend .parent .icon {
  width: 10px;
  height: 10px;
  margin-right: 4px; 
}

.item-legend .parent .icon.icon-caret-up-fill {
  margin: 4px 6px 0px;
  width: 8px;
  height: 8px;
}

.item-legend .parent[aria-expanded="false"] > td .icon-caret-up-fill {
  display: none;
}

.item-legend .parent[aria-expanded="true"] > td .icon-caret-up-fill {
  display: block;
}

.item-legend .parent[aria-expanded="true"] > td .icon-caret-down-fill {
  display: none;
}

.item-legend .children {
  color: var(--color-58667E);
  font-style: italic;
}

.item-legend .children > td {
  padding: 0px 0px 12px 0px;
}

.header-account .avatar {
  object-fit: cover;
}

@media (min-width: 320px) and (max-width: 991px) {
  .fund-year__tabs {
    padding: 4px 4px 4px 11px;
  }
  .fund-card__content {
    width: 100%;
  }

  .chart-content__number {
    font-size: var(--font-16px);
  }

  .chart-content__title.profit-loss-title {
    font-size: var(--font-15px);
    font-weight: bold;
  }

  .market-balance_text {
    font-size: var(--font-12px);
    top: 112px;
    width: 78%;
    min-width: 70%;
  }

  .chart-content .head-balance-content{
    margin-bottom: 60px;
  }
  .chart-content__number.pending_buy_amount {
    margin-top: 30px;
  }

  .chart-doughnut__legend {
    padding-left: 0px;
  }

  .sync-balance-tooltip .tooltip-inner {
    min-width: 100%;
  }

  .chart-doughnut__legend-body {
    grid-template-columns: 1fr;
  }

  .chart-doughnut__legend .item-legend .quantity {
    text-align: left;
    padding: 6px 0 0 28px;
  }
}
.mutual-heading {
  border-bottom: 1px solid var(--color-DDDDDD);
}
.mutual-heading__wrapper {
  background-image: url(/web_v2/images/dump/mutual_heading_bg.png);
  background-size: 360px 188px;
  background-position: bottom right;
  background-repeat: no-repeat;

  padding: 80px 0 103px;
}

.mutual-heading__title {
  font-size: 3.125rem;
  line-height: 1em;
  font-family: Inter-Bold;
  margin-bottom: 25px;
}

.mutual-heading__summary {
  max-width: 822px;
  color: var(--color-909090);
  font-size: 1.25rem;
  line-height: 1.2em;
}

.section-title {
  font-family: Inter-Bold;
  font-size: 1.25rem;
  line-height: 1.2em;
  color: var(--color-AFAFAF);
  padding-bottom: 15px;
  border-bottom: 2px solid var(--color-black);
}

.mutual-benefit {
  padding: 80px 0 98px;
}

.mb-80 {
  margin-bottom: 80px;
}
.mb-29 {
  margin-bottom: 29px;
}
.mb-24 {
  margin-bottom: 24px;
}
.fw-600 {
  font-family: Inter-Bold;
}

.mutual-benefit__image {
  margin-bottom: 40px;
}
.mutual-benefit__title {
  font-family: Inter-Bold;
  font-size: var(--font-20px);
  line-height: 1.2em;
  color: var(--color-013A81);
  margin-bottom: 20px;
}

.mutual-benefit__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 80px;
}

.mutual-finance {
  margin-bottom: 120px;
}
.mutual-finance__wrapper {
  background-color: var(--color-EAEAEA);
  padding: 54px 62px 59px 42px;
}
.mutual-finance__content {
  max-width: calc(68% - 22px);
}
.mutual-finance__explore-btn {
  color:var(--color-white);

  font-family: Inter-ExtraBold;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  padding: 13px 37px;
}
.mutual-finance__title {
  font-family: Inter-ExtraBold;
  font-size: var(--font-32px);
  line-height: var(--line-h-40px);
  color: var(--color-black);
  margin-bottom: 25px;
}

.mutual-finance__summary {
  font-size: var(--font-16px);
}

.mutual-finance__desc {
  font-size: var(--font-16px);
  line-height: var(--line-h-20px);
  color: var(--color-black);
}

.mutual-product__tabs {
  margin-bottom: 29px;
}
.mutual-product__item {
  margin-right: 48px;
}
.nav-link.mutual-product__tab {
  padding: 0 0 14px;
  color: var(--color-45586C);

  font-family: Inter-Medium;
  font-size: var(--font-17px);
  line-height: var(--line-h-20px);
  margin-bottom: 0;
  transition: unset;
}

.nav-link.mutual-product__tab:hover,
.nav-link.mutual-product__tab:focus,
.nav-link.mutual-product__tab:focus-visible {
  border: none;
  isolation: inherit;
}

.nav-link.mutual-product__tab.active {
  color: var(--color-275E8E);
  font-family: Inter-ExtraBold;
  border: none;
  border-bottom: 3px solid var(--color-275E8E);
}

.product-pane__main {
  background-color: var(--color-secondary);
  color: var(--color-white);
  padding: 24px 24px 24px 24px;
  width: 354px;
  min-width: calc(33.33% - 66px);
}
.product-pane__main-title {
  position: relative;
  font-family: Inter-ExtraBold;
  font-size: var(--font-32px);
  line-height: var(--line-h-42px);
  letter-spacing: 0.02em;
  margin-bottom: 64px;
}
.product-pane__main-title:before {
  position: absolute;
  content: '';
  width: 64px;
  height: 4px;
  background-color: var(--color-white);
  bottom: -30px;
  left: 0;
}
.product-pane__main-fund {
  font-size: var(--font-24px);
  line-height: var(--line-h-30px);
}

.mutual-product_content-block {
  width: 100%;
}

.product-pane__mid-block {
  margin-left: 30px;
  min-width: calc(70% - 0px);
}
.product-pane__hash-tag {
  margin-bottom: 20px
}
.product-pane__hash-tag span {
  display: inline-block;
  font-family: Inter-Medium;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-445B6C);
  margin-right: 28px;
}

.product-pane__hash-tag .me-btn.button-link-to__block {
  margin-right: 0px;
}

.product-pane__list li {
  font-size: var(--font-15px);
  line-height: var(--line-h-30px);
  color: var(--color-black);
}

.product-pane__mid-footer {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-black);
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 1px;
}

.product-pane__mid-footer a {
  color: var(--color-primary);
  text-decoration: underline;
}

.product-pane__mid-footer svg {
  margin-left: 8px;
}

.product-pane__btn {
  padding: 11px 23px;
  background-color: var(--color-2CBCB1);
  border-radius: 8px;
  border: none;
  font-family: Inter-ExtraBold;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  color: var(--color-white);
}

.btn.btn-invest-now { background: var(--color-2CBCB1); border-color: var(--color-2CBCB1) }

.mutual-question__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
  row-gap: 30px;
}

.mutual-question__item {
  background: var(--color-F5F7F9);
  border: 1px solid var(--color-DBECFD);
  border-radius: 8px;
  padding: 30px 32px 30px 30px;

  font-family: Inter-Medium;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-black);
  text-decoration: none;
}
.mutual-question__item:hover {
  cursor: pointer;
}

.matual-faqs__item {
  margin-bottom: 30px;
}

.matual-faqs__item .even {
  padding-right: 30px;
}

.matual-faqs__item .accordion {
  border: 1px solid var(--color-DBECFD);
  border-radius: 8px;
  --bs-accordion-bg: var(--color-F5F7F9);
}

.matual-faqs__item .accordion .accordion-item {
  --bs-accordion-border-color: var(--color-DBECFD);
  --bs-accordion-border-width: 0px;
  cursor: pointer;
}

.matual-faqs__item .accordion .accordion-item .accordion-title {
  padding: 30px 32px 30px 30px;
  color: var(--color-black);
}

.matual-faqs__item .accordion-header {
  font-family: Inter-Medium;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-black);
}

.matual-faqs__item .accordion-header .accordion-title:not(.collapsed) {
  color: var(--color-secondary);
}

.matual-faqs__item .accordion-title .arrow-right {
  display: none;
}

.matual-faqs__item .accordion-title.collapsed .arrow-right {
  display: block;
}

.matual-faqs__item .accordion-title .icon-arrow-down {
  display: block;
}

.matual-faqs__item .accordion-title.collapsed .icon-arrow-down {
  display: none;
}

.matual-faqs__item .accordion-body {
  padding: 0px 30px 30px 30px;
  text-align: left;
  overflow-wrap: break-word;
}

.matual-faqs__item .accordion-item:has(> .accordion-collapse.show) {
  border: 1px solid var(--color-secondary);
}

@media (min-width: 320px) and (max-width: 991px) {
  .product-pane__mid-footer {
    grid-template-columns: 1fr;
  }

  .product-pane__mid-footer .item-link {
    padding-top: 16px;
  }

  .matual-faqs__item .accordion .accordion-item .accordion-title {
    padding: 24px;
  }

  .matual-faqs__item .even {
    padding-right: 0px;
  }

  .matual-faqs__item .accordion-body img {
    height: auto!important;
    width: 100%!important;
  }
}
.mutual-heading {
  border-bottom: 1px solid var(--color-DDDDDD);
}
.mutual-heading__wrapper {
  background-image: url(/web_v2/images/dump/mutual_heading_bg.png);
  background-size: 360px 188px;
  background-position: bottom right;
  background-repeat: no-repeat;
  padding: 80px 0 103px;
}

.ipo-fund .mutual-heading__wrapper {
  background-image: url(/web_v2/images/dump/vcamdf_heading_bg-2.png);
  background-size: 530px 293px;
}

.mutual-heading__title {
  font-size: 3.125rem;
  line-height: 1em;
  font-family: Inter-Bold;
  margin-bottom: 18px;
}

.mutual-heading__summary {
  max-width: 822px;
  color: var(--color-909090);
  font-size: var(--font-20px);
  line-height: 1.2em;
}

.mutual-detail__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 2px solid var(--color-origin-black);
}

.mutual-detail__title-main {
/*  font-family: Inter-Bold;*/
  font-size: var(--font-18px);
  line-height: var(--line-h-24px);
  color: var(--color-AFAFAF);
}
.mutual-detail__title-main .-performance {
  font-family: Inter-Light;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  font-style: italic;
  color: var(--color-58667E);
  margin-left: 23px;
}

.mutual-detail__title-button {
  font-family: Inter-Bold;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  color: var(--color-white);
  padding: 12px 14px 10px 13px;
  background-color: var(--color-2CBCB1);
  border: none;
  border-radius: var(--radius-8px);
}

.overview {
  padding: 80px 0 120px;
}

.overview__grid {
  display: grid;
  grid-template-columns: auto 500px;
  column-gap: 50px;
}

.overview__grid.custom {
  grid-template-columns: auto 50%;
}

.overview-glance__detail a {
  color: var(--color-45586C);
}

.overview-glance__detail ul {
  padding-left: 2px;
}

.overview-glance__detail ul li {
  list-style-type: none;
}

.overview-strategy .table > :not(caption) > * > * {
  padding: 0.8rem 0.8rem
}

.overview-info__head{
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-E9E9E9);
  margin-bottom: 20px;
}
.overview-info__head-total {
  font-family: Inter-Bold;
  font-size: var(--font-20px);
  line-height: var(--line-h-25px);
  color: var(--color-primary);
}

.overview-info__head-total span.overview-info__percent {
  font-family: Inter-Light;
}

.overview-info__percent:has(.high) {
  color: var(--color-2CBCB1);
}

.overview-info__percent:has(.low) {
  color: var(--color-E7323B);
}

.overview-info__head-summary {
  font-size: var(--font-15px);
  line-height:  var(--line-h-18px);
  color: var(--color-45586C);
}

.overview-info__description {
  font-size: var(--font-15px);
  line-height: var(--line-h-21px);
  color: var(--color-292B33);

  margin-bottom: 20px;
  text-align: justify;
}

.desktop-report-category {
  border-bottom: 1px solid var(--color-E9E9E9);
  margin-bottom: 30px;
  display: flex;
}

.desktop-report-category .icon {
  transform: rotate(-90deg);
  width: 14px;
  height: 14px;
  margin-top: 3px;
}

.desktop-report-category .scrollable-list {
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  margin-bottom: 0rem;
  padding: 0px;
  max-width: 946px;
}

.desktop-report-category .scrollable-lis::-webkit-scrollbar {
  display: none;
}

.desktop-report-category .scrollable-list li {
  list-style: none;
  flex-shrink: 0;
  margin-right: 40px;
  padding-bottom: 14px;
}

.desktop-report-category .scrollable-list a {
  color: var(--color-45586C);
  font-family: Inter-Medium;
  font-size: var(--font-17px);
  line-height: var(--line-h-20px);
  cursor: pointer;
  transition: unset;
  text-decoration: none;
  padding-bottom: 13px;
  text-transform: uppercase;
}

.desktop-report-category .scrollable-list a.active {
  color: var(--color-275E8E);
  font-family: Inter-ExtraBold;
  border: none;
  border-bottom: 3px solid var(--color-275E8E);
}

.overview-info__description .title, .overview-strategy .title {
  font-family: Inter-Bold;
}

.overview-commentary {
  font-size: var(--font-15px);
  line-height: var(--line-h-21px);
  color: var(--color-secondary);
  padding: 9px 6px;
  border: 1px solid var(--color-secondary);
  max-width: 60%;
}

.overview-commentary span {
  margin-left: 10px;
}

.overview-glance {
  padding: 30px;
  background: var(--color-F0F3F8);
  border: 1px solid var(--color-F2F2F2);

}

.overview-right {
  position: relative;
}

.overview-right:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid var(--color-F0F3F8);
  position: absolute;
  top: 58px;
  left: -8px;
}

.overview-glance__head {
  font-family: Inter-Bold;
  font-size: var(--font-20px);
  line-height: var(--line-h-24px);
  color: var(--color-primary);
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-E9E9E9);
  margin-bottom: 20px;
}

.overview-glance__grid:not(.custom) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  row-gap: 24px;
}

.overview__grid.resize-width {
  grid-template-columns: 830px 400px;
}

.overview-glance__grid.custom > div {
  display: flex;
}

.overview-glance__grid.custom > div .overview-glance__title {
  min-width: 120px;
  margin-right: 20px;
}

.overview__vision {
  display: flex;
  flex-wrap: wrap;
}

.overview__vision-item {
  width: 50%;
  padding: 0 30px;
  margin-bottom: 90px;
}

.overview__vision-item.last {
  margin-bottom: 0;
}

.overview__vision-item b {
  color: var(--color-primary);
  font-family: Inter-Bold;
  font-size: var(--font-20px);
  line-height: 25px;
  letter-spacing: 0.4px;
}

.overview__related-job {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}

.related-job-item {
  width: calc(50% - 40px);
  padding: 35px 30px;
  border-radius: 10px;
  border: 1px solid #AFAFAF;
  background: #FFF;
  margin: 0 20px 40px;
}

.related-job-item b {
  color: var(--color-primary);
  font-family: Inter-Bold;
  font-size: var(--font-24px);
  letter-spacing: 0.48px;
}

.related-job-item b a {
  color: var(--color-primary);
  font-family: Inter-Bold;
  font-size: var(--font-24px);
  letter-spacing: 0.48px;
  text-decoration: none;
}

.related-job-item p {
  margin: 15px 0 30px 0;
}

.related-job-item span {
  color: var(--color-9D9D9D);
  font-family: Inter;
  font-size: var(--font-15px);
  font-style: normal;
  line-height: 20px;
  letter-spacing: 0.3px;
}

.overview-glance__title {
  font-family: Inter-Bold;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-primary);
  margin-bottom: 10px;
}

.overview-glance__detail {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-45586C);
}

/*.performance {
  padding: 0 0 124px;
}*/
/*.performance-summary {
  font-size: var(--font-15px);
  line-height: var(--line-h-21px);
  color: var(--color-292B33);
  margin-bottom: 30px;
}*/
.performance-table {
  width: 100%;
  border: 1px solid var(--color-C7C7C7);
  margin-bottom: 40px
}
.performance-table th, .performance-table td {
  text-align: center;
}
.performance-table th {
  border-bottom: 1px solid var(--color-C7C7C7);
  padding: 15px 44px;
  font-family: Inter-ExtraBold;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-013A81);
}
.performance-table th.total {
  color: var(--color-black);
  border-right: 1px solid var(--color-C7C7C7);
  padding: 15px 18px;
  text-align: left;
}

.performance-table td {
  font-family: Inter-Bold;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  padding: 11px 10px 9px;
  border-bottom: 1px solid var(--color-C7C7C7);
}
.performance-table tbody tr:last-child td {
  border-bottom: none;
}
.performance-table td.total {
  font-family: Inter-Light;
  border-right: 1px solid var(--color-C7C7C7);
  color: var(--color-black);
  padding: 15px 18px;
  text-align: left;
}
.performance-table td.low {
  color: var(--color-E7323B)
}
.performance-table td.high {
  color: var(--color-2CBCB1)
}
.performance-history__head {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-E5E5EF);
  margin-bottom: 32px;
}
.performance-history__title {
  font-size: var(--font-20px);
  line-height: var(--line-h-24px);
  color: var(--color-013A81);
}

.performance-history .performance-history__head {
  border-bottom: 0px;
  margin-bottom: 0px;
}

.chart-line__legend {
  font-size: var(--font-13px);
  line-height: var(--line-h-16px);
  color: var(--color-45586C);
  margin-left: 20px;
}
.chart-line__legend-color {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin-right: 8px;
  display: inline-block;
}
.chart-line__legend-color.blue-70D0FF {
  background-color: var(--color-70D0FF);
}
.chart-line__legend-color.green-2CBCB1 {
  background-color: var(--color-2CBCB1);
}

.performance-year__tabs {
  display: inline-flex;
  background-color: var(--color-F0F3F8);
  border-radius: 5px;
  padding: 4px;
  align-items: center;
}

.performance-year__tabs a {
  padding: 5px 15px;
  font-family: Inter-Bold;
  font-size: var(--font-13px);
  line-height: var(--line-h-18px);
  color: var(--color-45586C);
  text-align: center;
  text-decoration: none;
}
.performance-year__tabs a:last-child {
  margin-right: 0;
}
.performance-year__tabs a.active {
  background-color: var(--color-white);
  border-radius: 3px;
  padding-left: 18px;
}

.chart-line__tooltip-wrapper {
  background-color: var(--color-013A81);
  color: var(--color-white);
  border-radius: var(--radius-8px);
  text-align: center;
}

.chart-line__hint {
  color: var(--color-45586C);
}

.fund__tabs {
  margin-bottom: 40px;
}
.fund__item {
  margin-right: 48px;
}
.nav-link.fund__tab {
  padding: 0 0 14px;
  color: var(--color-45586C);
  font-family: Inter-Medium;
  font-size: var(--font-17px);
  line-height: var(--line-h-20px);
  margin-bottom: 0;
  transition: unset;
  cursor: pointer;
}

.nav-link.fund__tab:hover,
.nav-link.fund__tab:focus,
.nav-link.fund__tab:focus-visible {
  border: none;
  isolation: inherit;
}

.nav-link.fund__tab.active {
  color: var(--color-275E8E);
  font-family: Inter-ExtraBold;
  border: none;

  border-bottom: 3px solid var(--color-275E8E);
}

.portfolios .tab-content {
  display: flex;
/*  justify-content: space-around;*/
  justify-content: space-between;
  align-items: center;
}

.w-\[600px\] {
  width: 600px;
}
.w-\[444px\]{
  width: 444px;
}

.pie-chart__title {
  position: absolute;
  text-align: center;

  top: calc(50% - 30px);
  left: calc(50% - 55px)
}

.sector-chart__label {
  padding: 40px 40px 47px;
  max-height: 486px;
  overflow: auto;
}

.scrollbar::-webkit-scrollbar {
  width: 10px;
}

.scrollbar::-webkit-scrollbar-track {
  background-color: var(--color-rgba-D8D8D8);
}

.scrollbar::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.sector-chart__title {
  margin-bottom: 5px;
  color: var(--color-origin-black)
}
.sector-chart__percent {
  font-family: Inter-Bold;
  font-size: var(--font-28px);
  line-height: var(--line-h-34px);
  color: var(--color-primary)
}

.sector-chart__label-title {
  display: flex;
  justify-content: space-between;
  font-family: Inter-Bold;
  font-size: var(--font-15px);
  line-height: var(--line-h-21px);
  margin-bottom: 26px;
}

.sector-chart__label-detail {
  display: grid;
  grid-template-columns: 70% 30%;
  row-gap: 30px;
  color: var(--color-origin-black)
}
.sector-chart__label-detail:nth-child(even) {
  text-align: right;
}
.sector-chart__detail-text {
  color: var(--color-origin-black)
}

.sector-chart__detail-color {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 2px;
  margin-right: 27px;
}

.sector-chart__detail-color.-blue-64C4F3 {
  background-color: var(--color-64C4F3);
}
.sector-chart__detail-color.-primary {
  background-color: var(--color-primary);
}
.sector-chart__detail-color.-blue-9FC9E5 {
  background-color: var(--color-9FC9E5);
}
.sector-chart__detail-color.-red-DF7171 {
  background-color: var(--color-DF7171);
}
.sector-chart__detail-color.-green-61E7DF {
  background-color: var(--color-61E7DF);
}
.sector-chart__detail-color.-gray-6D767C {
  background-color: var(--color-6D767C);
}
.sector-chart__detail-color.-yellow-F9BB43 {
  background-color: var(--color-F9BB43);
}

.mutual-finance__wrapper {
  background-color: var(--color-EAEAEA);
  padding: 54px 62px 59px 42px;
}

.mutual-finance__explore-btn {
  color:var(--color-white);
  font-family: Inter-ExtraBold;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  padding: 13px 37px;
}
.mutual-finance__title {
  font-family: Inter-ExtraBold;
  font-size: var(--font-32px);
  line-height: var(--line-h-40px);
  color: var(--color-black);
  margin-bottom: 25px;
}
.mutual-finance__desc {
  font-size: var(--font-16px);
  line-height: var(--line-h-20px);
  color: var(--color-black);
}

.fund-manager {
  margin-bottom: 120px;
}
.fund-manager__grid:not(.custom) {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 62px;
}

.fund-manager__grid.custom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 30px;
}

.fund-manager__name {
  font-family: Inter-ExtraBold;
  font-size: var(--font-20px);
  line-height: var(--line-h-24px);
  color: var(--color-primary);

  margin-bottom: 8px;
}

.fund-manager__position {
  color: var(--color-445B6C);
  font-family: Inter;
}

.report {
  padding-bottom: 120px;
}

.active-fund .report .fund__tabs {
  margin-bottom: 10px;
}

.report-select {
  border-color: var(--color-445B6C);
  color: var(--color-origin-black);
  font-family: Inter-Bold;
  min-width: 150px;
}

.reports-wrapper .new-item{
  border-radius: 6px;
  padding: 2px 16px 0px 16px;
  min-height: 215px;
  box-shadow: 0px 3px 10px 1px var(--color-rgba-0F4C81);
  -webkit-box-shadow: 0px 3px 10px 1px var(--color-rgba-0F4C81);
  -moz-box-shadow: 0px 3px 10px 1px var(--color-rgba-0F4C81);
}

.reports-wrapper .new-item .category-title {
  color: var(--color-AFAFAF);
  font-family: Inter-Medium;
}

.reports-wrapper {
  display: grid;
  grid-template-columns: 200px auto;
  column-gap: 10px;
}

.reports-wrapper .card {
  min-height: 270px;
}

.reports-wrapper .chart-content_empty-box  {
  height: 236px;
}

.reports-year-wrapper ul li {
  display: inline-block;
  list-style: none;
  padding: 8px 45px 8px 45px;
  margin-bottom: 30px;
  text-align: center;
  font-family: Inter-Bold;
}

.reports-year-wrapper ul li a {
  color: var(--color-58667E);
  text-decoration: none; 
}

.reports-year-wrapper ul li.active a {
  color: white;
}

.reports-year-wrapper ul li.active {
  background: var(--color-primary);
  border-radius: 8px;
}

.reports-year-wrapper {
  text-align: center;
  padding-top: 130px;
}

.reports-year-wrapper ul {
  padding-left: 4px;
  height: 222px;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
}

.reports-year-wrapper .icon {
  width: 12px;
  height: 12px;
}

.reports-wrapper__right .card-header .separation {
  width: 2px;
  margin-right: 8px;
  font-family: Inter-Bold;
  font-size: var(--font-24px);
  height: 26px;
  margin-top: 4px;
  border: 2px solid var(--color-primary);
}

.reports-wrapper__right .card {
  border-radius: unset;
  margin-bottom: 20px;
  border: 1px solid var(--color-E9E9E9);
}

.reports-wrapper__right .card-header {
  background-color: unset;
  padding: 40px 0px 20px 20px;
  border-bottom: 1px solid var(--color-E9E9E9);
}

.reports-wrapper__right .card-header .title {
  color: var(--color-primary);
  font-family: Inter-Bold;
  font-size: var(--font-20px);
  padding-top: 2px;
}

.reports-wrapper__right .card .card-body {
  padding: 0px 20px 16px 20px;
}

.report-table .report-table__row {
  display: grid;
  grid-template-columns: 90px max-content 1fr;
  column-gap: 40px;
  border-bottom: 1px solid var(--color-E9E9E9);
  padding: 20px 0px 20px 0px;
  align-items: center;
}

.report-table .report-table__row:last-child {
  border-bottom: unset;
}

.report-table .report-table__row .report-table__detail a {
  color: var(--color-292B33);
  text-decoration: none;
}

.report-table__date {
  width: fit-content;
}

.report-table__status {
  display: flex;
  justify-content: center !important;
}

.report-table__status .report-table__status-text {
  color: var(--color-primary);
  text-align: center;
  padding: 12px;
  background-color: var(--color-F0F3F8);
  width: fit-content;
  border-radius: 5px;
  height: fit-content;
}

.reports-wrapper__right .nav-link.fund__tab {
  text-transform: uppercase;
}

.reports .container {
  margin-top: 60px;
}

.report-pagination {
  justify-content: center;
  margin-bottom: 0;
}

.report-pagination .page-link {
  color: var(--color-292B33);
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  padding: 4px 10px;
}

.report-pagination .page-item.active {
  --bs-pagination-active-bg: var(--color-F0F3F8);
  --bs-pagination-active-border-color: var(--color-45586C);;
}

.report-pagination .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.report-pagination .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.literature {
  padding-bottom: 162px;
}

.literature__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 100px;
  row-gap: 30px;

  color: var(--color-origin-black);
}

.literature__grid a {
  color: var(--color-origin-black);
  text-decoration: none;
}

.sector-chart__label .chart-doughnut__legend .color {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: var(--color-36A2EB);
  border-radius: 3px;
  margin-right: 27px;
}

.sector-chart__label .chart-doughnut__legend .item-legend {
  margin-bottom: 20px;
}

.sector-chart__label .chart-doughnut__legend .item-legend:last-child {
  margin-bottom: 0px;
}

.fund-portfolios {
  margin-bottom: 120px;
}

.fund-orverview .overview__grid {
  grid-template-columns: auto 50%;
}

.fund-strategy .overview-strategy__description {
  text-align: justify;
}

.fund-portfolios .overview-portfolios {
  text-align: justify;
}

.fund-strategy .overview-strategy .tab-pane {
  padding-bottom: 80px;
  text-align: justify;
}

.fund-introduction .overview-introduction__description {
  text-align: justify;
}

.fund-introduction .overview-introduction__description .sub-title {
  position: relative;
  font-family: Inter-Bold;
  font-size: var(--font-18px);
  line-height: var(--line-h-24px);
  color: var(--color-origin-black);
  padding: 0 0 0 15px;
  text-decoration: none;
  margin-bottom: 20px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fund-introduction .overview-introduction__description .sub-title:before {
  position: absolute;
  content: '';
  height: 20px;
  width: 4px;
  background-color: var(--color-secondary);
  top: 4px;
  left: 0;
}

.fund-alert .text-closed {
  color: var(--color-AFAFAF);
  font-style: italic;
}

.ipo-fund .report {
  padding-bottom: 40px;
}

.transaction-fee-modal .modal-body {
  padding: 40px!important;
}

.transaction-fee-modal .modal-title {
  padding-left: 12px;
}

.transaction-fee_box {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 20px;
}

.transaction-fee_box:has(.right-item) {
  grid-template-columns: 1fr 1fr;
}

.transaction-fee_box .transaction-fee_item-card {
  padding: 20px 20px 6px 20px;
  border: 1px solid var(--color-C7C7C7);
  margin-top: 20px;
}

.transaction-fee_box .transaction-fee_item-card__row {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 20px;
  padding-bottom: 12px;
}

.transaction-fee_box .transaction-fee_item-card__item ul {
  margin-bottom: 0px;
}

.transaction-fee_box .transaction-fee_item-card__item:last-child {
  text-align: right;
}

.transaction-fee_box .transaction-fee_item-card__title {
  color: var(--color-black);
  font-family: 'Inter-Bold';
  padding-bottom: 12px;
}

.transaction-fee_box .transaction-fee_item-title {
  color: var(--color-primary);
  font-family: 'Inter-Bold';
  line-height: 0;
}

.transaction-fee-modal .footer-hint {
  justify-content: left;
  margin-top: 20px;
  color: var(--color-AFAFAF);
  font-style: italic;
  line-height: 0;
}

.transaction-fee-modal .content-empty__box {
  width: 100%;
  text-align: center;
  height: 95%;
  display: table;
  border: 1px solid var(--color-C7C7C7);
  margin-top: 20px;
}

.transaction-fee-modal .content-empty__box .empty-image {
  display: table-cell;
  vertical-align: middle;
}

.overview-glance__title .icon-tooltip {
  color: var(--color-58667E);
}

@media (min-width: 320px) and (max-width: 991px) {
  .sector-chart__label .chart-doughnut__legend {
    margin-top: 0px;
    padding-left: 0px;
  }

  .mutual-detail__title-main {
    font-size: var(--font-18px);
  }

  .fund-strategy .overview-strategy img{
    width: 100%;
  }

  .fund-portfolios .overview-portfolios {
    overflow-wrap: anywhere;
  }

  .fund-portfolios .overview-portfolios img{
    margin-right: 0px;
  }

  .fund-portfolios .overview-portfolios .overview-portfolios__item {
    padding: 0px 8px 20px;
  }

  .fund-portfolios .overview-portfolios .overview-portfolios__item img {
    height: 100px;
  }

  .fund-portfolios .overview-portfolios .overview-portfolios__item img.stag {
    height: 92px;
  }

  .fund-strategy .nav-tabs.mutual-product__tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 30px;
  }

  .fund-orverview .overview-glance {
    padding: 20px;
  }

  .fund-orverview .overview-glance .overview-glance__row.row{
    display: block;
  }

  .fund-introduction .overview-introduction__description img{
    width: 100%;
    height: 256px;
  }

  .fund-introduction ~ .mutual-heading .mutual-heading__title {
    font-size: 20px;
  }

  .mutual-heading.custom .mutual-heading__title {
    font-size: 2rem;
  }

  .report-pagination .page-link {
    padding: 2px 6px;
  }

  .report-table .report-table__row .report-table__date {
    padding: 0; 
  }

  .ipo-fund .mutual-heading__wrapper {
    background-size: 428px 240px;
    padding: 80px 0 258px;
  }

  .reports-wrapper {
    grid-template-columns: 1fr;
  }

  .reports-year-wrapper {
    padding-top: 0px;
  }

  .reports-year-wrapper ul {
    width: 320px;
    height: 44px;
    overflow: scroll;
    padding: 16px; 
  }

  .reports-year-wrapper ul li {
    display: inline;
  }

  .reports-year-wrapper .icon {
    transform: rotate(-90deg);
     margin-bottom: 28px;
  }

  .reports-wrapper .form-select.report-select {
    margin-bottom: 0px;
    line-height: 2.3;
    text-transform: uppercase;
  }

  .report-table .report-table__row {
    grid-template-columns: 90px 84px 1fr;
    column-gap: 10px;
    padding: 20px 0px 20px 0px;
    align-items: self-start;
  }
  .report-select {
    color: var(--color-275E8E);
    width: 100%;
    background-color: var(--color-EDF3FF);
    border: 1px solid var(--color-EDF3FF);
    margin-bottom: 26px !important;
  }

  .reports-year-wrapper.mobile {
    margin-bottom: 20px;
  }

  .reports-wrapper__right .card-header {
    padding: 20px 0px 20px 20px;
  }

  .reports-wrapper__right .card-header .separation {
    height: 18px;
  }

  .reports-wrapper__right .card-header .title {
    font-size: var(--font-15px);
  }

  .reports .section-heading__title {
    font-size: var(--font-28px);
  }

  .reports .container {
    margin-top: 30px;
  }

  .fund__tabs .fund__item {
    margin-right: 22px;
  }

  .mutual-product__tabs .mutual-product__item {
    margin-right: 22px;
  }

  .transaction-fee_box {
    grid-template-columns: 1fr !important;
  }

  .transaction-fee-modal .modal-body {
    padding: 24px !important;
  }

  .transaction-fee-modal .modal-title {
    padding-left: 0px;
  }

  .transaction-fee_box .transaction-fee_item-card:last-child {
    margin-bottom: 30px;
  }

  .transaction-fee-modal .modal-header {
    padding: 8px 12px 8px 20px !important;
  }
}

@media screen and (min-width: 90.063em) {
  .desktop-report-category .scrollable-list a {
    padding-bottom: 14px;
  }
}
@media (min-width: 320px) and (max-width: 991px) {
  .chart-table-mobile {
    width: 100%;
    border: 1px solid var(--color-C7C7C7);
    margin-bottom: 40px
  }
  .chart-table-mobile div, .chart-table-mobile div {
    text-align: center;
  }
  .chart-table-mobile .chart-table-list {
    border-bottom: 1px solid var(--color-C7C7C7);
    font-family: Inter-ExtraBold;
    font-size: var(--font-15px);
    line-height: var(--line-h-20px);
    color: var(--color-013A81);
  }
  .chart-table-mobile .chart-table-list > div {
    flex: 1;
  }
  .chart-table-mobile .chart-table-list:last-child {
    border-bottom: 0 none;
  }
  .chart-table-mobile .chart-table-list > div {
    border-left: 1px solid var(--color-C7C7C7);
  }
  .chart-table-mobile .chart-table-list > div:first-child {
    border-left: 0 none;
  }
  .chart-table-mobile .chart-table-list div.total {
    font-size: var(--font-13px);
    line-height: var(--line-h-18px);
    color: var(--color-58667E);
  }
  
  .chart-table-mobile .chart-table-list div {
    font-family: Inter-ExtraBold;
    font-size: var(--font-15px);
    line-height: var(--line-h-20px);
    padding: 11px 10px 9px;
  }
  .chart-table-mobile .chart-table-list div.total {
    color: var(--color-black);
  }
  .chart-table-mobile .chart-table-list span.low {
    color: var(--color-E7323B)
  }
  .chart-table-mobile .chart-table-list span.high {
    color: var(--color-2CBCB1)
  }

  .header-wrapper .header-wrapper-logo {
    flex: 1;
    justify-content: center;
    margin-bottom: 0 !important;
    margin-left: 14px;
  }

  .header-wrapper .header-wrapper-logo.has-login{
    margin-left: 46px;
  }

  .menu-mobile-content > .nav {
    padding: 0;
    margin: 0;
    justify-content: flex-start !important;
  }

  .menu-mobile-content .header-wrapper-menu .dropdown-item-header {
    font-family: Inter-Bold;
  }

  .footer-wrapper .top-footer {
    flex-direction: column;
    padding: 20px 0;
  }
  .footer-wrapper .top-footer > div {
    flex: 1;
    width: 100%;
  }
  .footer-wrapper .top-footer .top-footer-left > div {
    flex-direction: column;
  }
  .footer-wrapper .top-footer .top-footer-left > div .descripton {
    padding-left: 0 !important;
    margin: 0px;
  }

  .footer-wrapper .top-footer .top-footer-center {
    margin: 30px 0px 0px 0px;
    grid-template-columns: 1fr;
  }

  .footer-wrapper .top-footer-center_group-right {
    margin-top: 12px;
  }

  .footer-wrapper .top-footer .top-footer-center > ul {
    grid-template-columns: 1fr;
    margin: 0px!important;
    row-gap: 0px;
    padding-left: 0px;
    margin-left: 0px!important;
  }

  .footer-wrapper .top-footer-center ul {
    padding-left: 0px;
  }

  .footer-wrapper .scam-alert {
    margin-top: 30px;
  }

  .footer-wrapper .top-footer li.title {
    margin-bottom: 16px;
  }

  .footer-wrapper .top-footer-right {
    margin-top: 12px;
  }

  .reset-p-mobile {
    padding: 0 !important;
  }
  .row > .col-xs-12 {
    margin-bottom: 40px;
  }
  .pt-80.pb-120 {
    padding: 60px 0;
  }

  /* Modify Font */
  .banner.home-page .banner-box-left h3,
  .banner.home-page .banner-box-left h4 {
    font-size: var(--font-28px);
    line-height: var(--line-h-34px);
  }
  .what-we-do.home-page .what-we-do-wrapper .title {
    font-size: var(--font-20px);
    line-height: var(--line-h-30px);
  }
  /* End Modify Font */

  .banner.home-page .banner-box {
    flex-direction: column;
  }
  .banner.home-page .banner-box-left {
    width: 100%;
    max-width: 100%;
    order: 1;
    margin: 40px 0 20px 0;
  }
  .content-wrapper.mt-80 {
    margin-top: 0 !important;
  }

  .content-wrapper .banner.home-page {
    margin-bottom: 0px;
  }

  .what-we-do.home-page .what-we-do-wrapper .title {
    margin: 40px 0;
    text-align: left;
  }
  .what-we-do.home-page .what-we-do-wrapper .what-we-do-list {
    flex-direction: column;
    margin: 0;
  }
  .what-we-do.home-page .what-we-do-wrapper .what-we-do-box {
    width: 100%;
    min-height: 100%;
    margin-bottom: 40px;
    margin-left: 0;
  }

  .what-we-do.home-page .what-we-do-wrapper .what-we-do-box.other-option {
    width: 100%;
    min-height: 100%;
    margin-bottom: 40px;
    margin-left: 0;
  }

  .content-summary {
    height: auto;
  }

  .what-we-do.home-page .what-we-do-wrapper .what-we-do-box:last-child {
    margin-bottom: 0;
  }

  .what-we-do.home-page {
    margin-bottom: 40px;
  }
  .how-we-help-wrapper > .d-flex {
    flex-direction: column;
  }
  .how-we-help.home-page .how-we-help-wrapper .left {
    width: 60%;
    display: flex;
    align-items: flex-end;
  }
  .how-we-help.home-page .how-we-help-wrapper .left p {
    margin-left: 10px;
  }
  .how-we-help.home-page .how-we-help-wrapper .right {
    margin: 0;
    flex-direction: column;
  }

  .how-we-help.home-page .how-we-help-wrapper .three-way-to-begin {
    width: 220px;
  }

  .how-we-help.home-page .how-we-help-wrapper .right .how-we-help-box {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .how-we-help.mb-120 {
    margin-bottom: 40px;
  }
  .news-wrapper .row {
    margin: 0 -12px;
  }
  .news.home-page .news-wrapper {
    flex-direction: column;
  }
  .news.home-page .news-wrapper .news-hot .news-list-item {
    flex-direction: column;
  }
  .news.home-page .news-wrapper .news-list {
    padding-left: 0;
  }
  .news.home-page .news-wrapper .news-hot .news-list-item .new-image {
    width: 100%;
    margin-right: 0;
  }
  .new-detail {
    padding-right: 0;
  }

  .heading .d-flex.justify-content-between {
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .heading .btn-actions {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .heading .btn-actions .-invest {
    width: 100%;
    text-align: left;
  }

  .heading .btn-actions .-redeem {
    width: 100%;
    text-align: right;
  }

  .heading .heading-title {
    margin-bottom: 20px;
  }
  .heading .heading-btn {
    margin-left: 0;
    width: 95%;
  }
  .home-chart__wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }
  .chart-content {
    margin-bottom: 60px;
  }
  .d-flex.fund__pane {
    flex-direction: column;
  }
  .d-flex.fund__pane > .mr-50 {
    margin-right: 0;
    margin-bottom: 40px;
  }
  .fund__main {
    max-width: 100%;
  }
  .chart-content__title {
    margin-bottom: 10px;
  }
  .chart-content__title + .d-flex,
  .chart-content__title ~ .d-flex {
    flex-direction: column;
  }
  .chart-content .w-50.chart {
    width: 250px!important;
  }

  .chart-content .chart-doughnut__legend {
    width: 100%!important;
  }

  .chart-doughnut__legend {
    margin-top: 30px;
  }

  .mutual-benefit {
    padding: 60px 0;
  }
  .mutual-benefit__grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
  }
  .mutual-benefit__grid > div {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
  .mutual-finance__wrapper {
    flex-direction: column;
    padding: 30px;
    align-items: flex-start !important;
  }
  .mutual-finance__content {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .mutual-question,
  .mutual-product,
  .mutual-finance {
    margin-bottom: 60px;
  }
  .mutual-product__pane > div,
  .mutual-product__pane > div > .d-flex {
    flex-direction: column;
  }

  .mutual-product__item {
    margin-right: 28px;
  }

  .product-pane__main {
    margin-right: 0;
    width: auto;
  }
  .product-pane__mid-block {
    margin-bottom: 30px;
    margin-left: auto;
  }
  .mutual-question__list {
    display: block;
  }
  .mutual-question__item {
    margin-bottom: 20px;
  }
  .overview {
    padding: 60px 0;
  }
  .overview-info__head,
  .overview__grid {
    display: block !important;
  }
  .overview-info__head-summary {
    margin-top: 10px;
  }
  .overview-commentary {
    max-width: 100%;
  }
  .overview-glance {
    margin-top: 30px;
  }
  .performance-history__head {
    flex-direction: column;
  }

  .performance-history__head > .d-flex {
    display: block !important;
    text-align: center;
  }
  .chart-line__legend {
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
  }
  .performance-year__tabs {
    margin-left: 0;
    margin-top: 20px;
  }
  .performance {
    padding-bottom: 60px;
  }
  .w-\[444px\] {
    width: 100%;
  }
  .sector-chart__label {
    width: 100%;
    margin-top: 40px;
  }
  .portfolios .tab-content {
    flex-direction: column;
/*    margin-bottom: 60px;*/
  }
  .literature,
  .report,
  .fund-manager,
  .portfolios {
/*    padding-bottom: 60px;*/
  }
  .fund-manager__grid {
    display: block;
  }
  .fund-manager__grid > .d-flex {
    flex: 1;
    margin-bottom: 30px;
  }
  .fund-manager__grid > .d-flex:last-child {
    margin-bottom: 0;
  }
  .report-table {
    table-layout: fixed;
  }
  .report-table__date {
    width: auto;
    padding: 0 10px 15px 0;
  }
  .literature__grid {
    display: block;
  }
  .literature__grid > .d-flex {
    flex: 1;
    margin-bottom: 30px;
  }
  .literature__grid > .d-flex:last-child {
    margin-bottom: 0;
  }

  .buy-sell-info {
    max-width: 100% !important;
  }
  .buy-sell-content {
    padding: 15px !important;
    margin-bottom: 0;
  }
  .buy-sell-form {
    padding-right: 0;
  }
  .buy-sell-form .register-form__submit-btn,
  .buy-sell-form .id__reset-btn {
    min-width: auto;
    padding-left: 30px !important;
    padding-right: 30px !important;
    flex: 1;
  }
  .buy-sell-form .register-form {
    margin-bottom: 0;
    border-bottom: 0 none;
  }
  .buy-sell-form__item-mobile,
  .buy-sell-item__noted .noted-info {
    flex-direction: column;
  }
  .buy-sell-form .id__reset-btn {
    padding: 13px 50px;
  }

  .buy-sell-content .process-step:nth-child(2):after {
/*    right: -36px;*/
    right: -18px;
  }

  .overview__vision {
    flex-direction: column;
  }
  .overview__vision-item {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
  .overview__vision-item.last {
    margin-bottom: 30px;
  }
  .overview__related-job {
    display: flex;
    flex-direction: column;
    margin: 0;
  }
  .related-job-item {
    width: 100%;
    padding: 20px;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
  }
  .related-job-item img {
    width: 100px;
    height: auto;
  }
  .related-job-item .ml-40 {
    margin-left: 15px;
  }
  .related-job-item b {
    font-size: var(--font-20px);
  }
  .item-mobile {
    flex-direction: column;
    margin: 0;
  }
  .item-mobile > div {
    margin: 0 0 30px 0;
  }
  .item-mobile > div img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .fund-manager__grid.custom {
    grid-template-columns: 1fr;
  }

  .fund__tabs.custom .fund__item {
    margin-right: 10px;
  }

  .modal-md .modal-header {
    width: 86%;
    padding: 18px 4px 14px 0px;
    text-align: center;
  }

  .banner.home-page .banner-box-left {
    min-height: 418px;
  }

  .alert-modal .modal-md .modal-header {
    margin-left: 12px;
  }
}

@media (min-width: 992px){
  .alert-modal .modal-md {
    --bs-modal-width: 762px;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .header-wrapper .container {
    width: 100%;
    max-width: 1178px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  .header-wrapper-menu {
    padding-left: 20px;
  }
  .header-wrapper-menu .me-5 {
    margin-right: 8px !important;
  }
  .header-wrapper-workflow .me-btn.button-link-to__block {
    padding: 8px 12px 8px 12px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1400px) and (orientation: landscape) {
  .header-wrapper-logo img{
    width: 100px;
  }
  .header-wrapper-menu {
    padding-left: 20px;
  }
  .header-wrapper-menu .me-5 {
    margin-right: 0px !important;
  }
  .header-wrapper-workflow .me-btn.button-link-to__block {
    padding: 8px 12px 8px 12px;
  }
  .header-wrapper .header-wrapper-menu a {
    font-size: var(--font-14px);
  }
}

@media only screen and (min-device-width: 900px) and (max-device-width: 1024px) and (orientation: portrait) {
  .header-wrapper-logo img{
    width: 100px;
  }
  .header-wrapper-menu {
    padding-left: 20px;
  }
  .header-wrapper-menu .me-5 {
    margin-right: 0px !important;
  }
  .header-wrapper-workflow .me-btn.button-link-to__block {
    padding: 8px 12px 8px 12px;
  }
  .header-wrapper .header-wrapper-menu a {
    font-size: var(--font-14px);
  }
}
.header {
  padding: 18px 0 17px;
  text-align: center;
  box-shadow: 0px 4px 4px rgba(216, 216, 216, 0.25);
}

.header-wrapper-logo {
  justify-content: center;
}

.login {
  min-height: 100vh;
  min-width: 100vw;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 30px;
}

.login__wrapper {
  width: 420px;
}

.login__title {
  font-size: var(--font-24px);
  line-height: var(--line-h-44px);

  margin-bottom: 40px;
}

.login-form label {
  margin-bottom: 10px;
}

.login-form .form-group {
  margin-bottom: 20px;
}

.login-form .form-group:last-child {
  margin-bottom: 0;
}

.login-form .form-control {
  background-color: var(--color-EDF3FF);
  border-radius: 8px;
  padding: 12px;

  border-color: var(--color-EDF3FF);
}

.login-form .form-group .required {
  color: var(--color-D13C40);
}

.login-form .form-check-input[type=checkbox] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;

  margin-right: 10px;
}

.login-form .form-check {
  color: var(--color-2D2D2D);
}
.login-form .form-check-input[type=checkbox]:checked {
  background-color: var(--color-primary);
}
.login-form .form-check-label {
  margin-bottom: 0;
}

.login-form .form-check {
  margin-bottom: 30px;
}

/*.login-form__submit-btn {
  position: relative;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);

  color: var(--color-white);
  background-color: var(--color-primary);
  padding: 17px 10px 15px;
}*/

/*.login-form__submit-btn-icon {
  position: absolute;
  right: 20px;
}*/



.login-form__alert {
  margin-bottom: 70px;
  color: var(--color-D13C40);
}

.login-form__footer {
  font-size: var(--font-14px);
  line-height: var(--line-h-21px);

  color: var(--color-2D2D2D);
  text-align: center;
}

.login-form__footer a {
  color: var(--color-secondary);
  font-family: Inter-Bold;
}

.login-form .link-forget-password {
  float: right;
}

.login-form .toggle-password {
  float: right;
  margin-right: 16px;
  margin-top: -56px;
  position: relative;
  z-index: 2;
}

.login-form .icon.toggle-password {
  width: 24px;
  height: 24px;
}

.reset-password:has(.login__title) .login__title {
  margin-bottom: 0px;
}

.login-form .form-group.has-error ~ .toggle-password {
  margin-top: -78px;
}

.icon.toggle-password {
  color: var(--color-7D7D7D);
}

@media only screen and (min-width: 768px){
  .header {
    padding-top: 30px;
  }

  .header-wrapper-logo {
    justify-content: flex-start;
  }

  .login {
    padding: 0;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .login {
    min-height: 80vh;
  }
}
.icon {
  display: inline-block;
  width: 16px;
  height: 12px;
  background-color: currentColor;
  --svg: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.33338 13.3333H4.16671V17.5M11.6667 6.66667H15.8334V2.5M3.81921 7.5025C4.28654 6.3462 5.06885 5.34418 6.07724 4.61031C7.08562 3.87643 8.27965 3.44013 9.52362 3.35098C10.7676 3.26183 12.0116 3.52342 13.1144 4.10601C14.2171 4.68859 15.1343 5.56882 15.7617 6.64667M16.1817 12.4975C15.7145 13.654 14.9322 14.6562 13.9237 15.3903C12.9152 16.1243 11.7211 16.5607 10.4769 16.6499C9.2328 16.739 7.98861 16.4773 6.88578 15.8946C5.78296 15.3119 4.86574 14.4314 4.23838 13.3533" stroke="%2308538A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  cursor: pointer;
  margin: auto;
  -webkit-mask-position: center;
  mask-position: center;
}

.btn-icon {
  display: inline-block;
  width: 16px;
  height: 12px;
  background-color: currentColor;
  --svg: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.33338 13.3333H4.16671V17.5M11.6667 6.66667H15.8334V2.5M3.81921 7.5025C4.28654 6.3462 5.06885 5.34418 6.07724 4.61031C7.08562 3.87643 8.27965 3.44013 9.52362 3.35098C10.7676 3.26183 12.0116 3.52342 13.1144 4.10601C14.2171 4.68859 15.1343 5.56882 15.7617 6.64667M16.1817 12.4975C15.7145 13.654 14.9322 14.6562 13.9237 15.3903C12.9152 16.1243 11.7211 16.5607 10.4769 16.6499C9.2328 16.739 7.98861 16.4773 6.88578 15.8946C5.78296 15.3119 4.86574 14.4314 4.23838 13.3533" stroke="%2308538A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  cursor: pointer;
  margin: auto;
  -webkit-mask-position: center;
  mask-position: center;
}

.icon-reload {
  --svg: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.74557 13.3333H4.60238V17.5M12.0601 6.66667H16.2033V2.5M4.25684 7.5025C4.72153 6.3462 5.49943 5.34418 6.50214 4.61031C7.50484 3.87643 8.69214 3.44013 9.9291 3.35098C11.1661 3.26183 12.4031 3.52342 13.4996 4.10601C14.5961 4.68859 15.5082 5.56882 16.1321 6.64667M16.5497 12.4975C16.0851 13.654 15.3072 14.6562 14.3044 15.3903C13.3016 16.1243 12.1142 16.5607 10.877 16.6499C9.63992 16.739 8.40274 16.4773 7.30613 15.8946C6.20952 15.3119 5.29746 14.4314 4.67364 13.3533' stroke='%2308538A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-show{
  --svg: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9ZM12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 10.6739 7.52678 9.40215 8.46447 8.46447C9.40215 7.52678 10.6739 7 12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 13.3261 16.4732 14.5979 15.5355 15.5355C14.5979 16.4732 13.3261 17 12 17ZM12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5Z' fill='currentColor'/></svg>");
}

.icon-hide {
  --svg: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.81 2.3607L11.04 4.1407C10.3616 3.95867 9.64719 3.95847 8.9687 4.14014C8.29021 4.32181 7.67152 4.67894 7.17485 5.17561C6.67819 5.67227 6.32106 6.29096 6.13939 6.96945C5.95772 7.64794 5.95791 8.36231 6.13995 9.0407L3.37995 11.7907C2.05995 10.7907 0.959951 9.4907 0.199951 8.0007C1.34087 5.76354 3.21294 3.98412 5.50508 2.95811C7.79722 1.93211 10.3714 1.72129 12.8 2.3607H12.81ZM16.61 4.2107C17.94 5.2107 19.0399 6.5107 19.8099 8.0007C18.6683 10.242 16.7929 12.0243 14.4965 13.0506C12.2001 14.0769 9.62131 14.2852 7.18995 13.6407L8.95995 11.8607C9.63834 12.0427 10.3527 12.0429 11.0312 11.8613C11.7097 11.6796 12.3284 11.3225 12.825 10.8258C13.3217 10.3291 13.6788 9.71044 13.8605 9.03195C14.0422 8.35346 14.042 7.6391 13.86 6.9607L16.62 4.2107H16.61ZM16.36 0.220703L17.78 1.6407L3.63995 15.7807L2.21995 14.3607L16.36 0.220703Z' fill='currentColor'/%3E%3C/svg%3E")
}

.icon-calendar {
  --svg: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.25 5.625H6.75C5.50736 5.625 4.5 6.63236 4.5 7.875V21.375C4.5 22.6176 5.50736 23.625 6.75 23.625H20.25C21.4926 23.625 22.5 22.6176 22.5 21.375V7.875C22.5 6.63236 21.4926 5.625 20.25 5.625Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 3.375V7.875' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 3.375V7.875' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 12.375H22.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.249 18H15.749' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-filter {
  --svg: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9999 12V19.88C14.0399 20.18 13.9399 20.5 13.7099 20.71C13.6174 20.8027 13.5075 20.8762 13.3865 20.9264C13.2655 20.9766 13.1359 21.0024 13.0049 21.0024C12.8739 21.0024 12.7442 20.9766 12.6233 20.9264C12.5023 20.8762 12.3924 20.8027 12.2999 20.71L10.2899 18.7C10.1808 18.5934 10.0979 18.463 10.0476 18.319C9.99728 18.175 9.98095 18.0213 9.99989 17.87V12H9.96989L4.20989 4.62C4.0475 4.41153 3.97422 4.14726 4.00607 3.88493C4.03793 3.6226 4.17232 3.38355 4.37989 3.22C4.56989 3.08 4.77989 3 4.99989 3H18.9999C19.2199 3 19.4299 3.08 19.6199 3.22C19.8275 3.38355 19.9618 3.6226 19.9937 3.88493C20.0256 4.14726 19.9523 4.41153 19.7899 4.62L14.0299 12H13.9999Z' fill='currentColor'/%3E%3C/svg%3E")
}

.icon-search {
  --svg: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.9444 20.5L11.9444 13.5C11.3889 13.9444 10.75 14.2963 10.0278 14.5556C9.30556 14.8148 8.53704 14.9444 7.72222 14.9444C5.7037 14.9444 3.99556 14.2452 2.59778 12.8467C1.2 11.4481 0.500741 9.74 0.500001 7.72222C0.49926 5.70444 1.19852 3.9963 2.59778 2.59778C3.99704 1.19926 5.70519 0.5 7.72222 0.5C9.73926 0.5 11.4478 1.19926 12.8478 2.59778C14.2478 3.9963 14.9467 5.70444 14.9444 7.72222C14.9444 8.53704 14.8148 9.30556 14.5556 10.0278C14.2963 10.75 13.9444 11.3889 13.5 11.9444L20.5 18.9444L18.9444 20.5ZM7.72222 12.7222C9.11111 12.7222 10.2919 12.2363 11.2644 11.2644C12.237 10.2926 12.723 9.11185 12.7222 7.72222C12.7215 6.33259 12.2356 5.15222 11.2644 4.18111C10.2933 3.21 9.11259 2.7237 7.72222 2.72222C6.33185 2.72074 5.15148 3.20704 4.18111 4.18111C3.21074 5.15519 2.72445 6.33556 2.72222 7.72222C2.72 9.10889 3.2063 10.2896 4.18111 11.2644C5.15593 12.2393 6.3363 12.7252 7.72222 12.7222Z" fill="currentColor"/></svg>');
}

.icon-arrow-down {
  --svg: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L1 0.999999' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-arrow-up {
  --svg: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 8L7 2L1 8' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-download {
  --svg: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.625 13C1.17813 13 0.795439 12.8407 0.476939 12.5222C0.158439 12.2037 -0.000540287 11.8213 1.37946e-06 11.375V8.9375H1.625V11.375H11.375V8.9375H13V11.375C13 11.8219 12.8407 12.2046 12.5222 12.5231C12.2037 12.8416 11.8213 13.0005 11.375 13H1.625ZM6.5 9.75L2.4375 5.6875L3.575 4.50937L5.6875 6.62187V0H7.3125V6.62187L9.425 4.50937L10.5625 5.6875L6.5 9.75Z" fill="currentColor"/></svg>');
}

.icon-info {
  --svg: url("data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM11 16H9V14H11V16ZM11 12H9V4H11V12Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
}

.icon-copy {
  --svg: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(/%23clip0_3231_21243)'%3E%3Cpath d='M0 6.75C0 5.784 0.784 5 1.75 5H3.25C3.44891 5 3.63968 5.07902 3.78033 5.21967C3.92098 5.36032 4 5.55109 4 5.75C4 5.94891 3.92098 6.13968 3.78033 6.28033C3.63968 6.42098 3.44891 6.5 3.25 6.5H1.75C1.6837 6.5 1.62011 6.52634 1.57322 6.57322C1.52634 6.62011 1.5 6.6837 1.5 6.75V14.25C1.5 14.388 1.612 14.5 1.75 14.5H9.25C9.3163 14.5 9.37989 14.4737 9.42678 14.4268C9.47366 14.3799 9.5 14.3163 9.5 14.25V12.75C9.5 12.5511 9.57902 12.3603 9.71967 12.2197C9.86032 12.079 10.0511 12 10.25 12C10.4489 12 10.6397 12.079 10.7803 12.2197C10.921 12.3603 11 12.5511 11 12.75V14.25C11 14.7141 10.8156 15.1592 10.4874 15.4874C10.1592 15.8156 9.71413 16 9.25 16H1.75C1.28587 16 0.840752 15.8156 0.512563 15.4874C0.184374 15.1592 0 14.7141 0 14.25L0 6.75Z' fill='currentColor'/%3E%3Cpath d='M5 1.75C5 0.784 5.784 0 6.75 0H14.25C15.216 0 16 0.784 16 1.75V9.25C16 9.71413 15.8156 10.1592 15.4874 10.4874C15.1592 10.8156 14.7141 11 14.25 11H6.75C6.28587 11 5.84075 10.8156 5.51256 10.4874C5.18437 10.1592 5 9.71413 5 9.25V1.75ZM6.75 1.5C6.6837 1.5 6.62011 1.52634 6.57322 1.57322C6.52634 1.62011 6.5 1.6837 6.5 1.75V9.25C6.5 9.388 6.612 9.5 6.75 9.5H14.25C14.3163 9.5 14.3799 9.47366 14.4268 9.42678C14.4737 9.37989 14.5 9.3163 14.5 9.25V1.75C14.5 1.6837 14.4737 1.62011 14.4268 1.57322C14.3799 1.52634 14.3163 1.5 14.25 1.5H6.75Z' fill='currentColor'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3231_21243'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon-oclock {
  --svg: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14.4C9.69739 14.4 11.3253 13.7257 12.5255 12.5255C13.7257 11.3253 14.4 9.69739 14.4 8C14.4 6.30261 13.7257 4.67475 12.5255 3.47452C11.3253 2.27428 9.69739 1.6 8 1.6C6.30261 1.6 4.67475 2.27428 3.47452 3.47452C2.27428 4.67475 1.6 6.30261 1.6 8C1.6 9.69739 2.27428 11.3253 3.47452 12.5255C4.67475 13.7257 6.30261 14.4 8 14.4ZM8 0C9.05058 0 10.0909 0.206926 11.0615 0.608964C12.0321 1.011 12.914 1.60028 13.6569 2.34315C14.3997 3.08601 14.989 3.96793 15.391 4.93853C15.7931 5.90914 16 6.94943 16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C3.576 16 0 12.4 0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0ZM8.4 4V8.2L12 10.336L11.4 11.32L7.2 8.8V4H8.4Z' fill='currentColor'/%3E%3C/svg%3E");
}

.icon-oclock-fill {
  --svg: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0002 1.2059C15.3576 1.98967 16.4868 3.11438 17.276 4.46867C18.0652 5.82297 18.487 7.3599 18.4997 8.92731C18.5124 10.4947 18.1154 12.0383 17.3482 13.4051C16.581 14.772 15.4701 15.9148 14.1255 16.7204C12.7809 17.526 11.2492 17.9664 9.682 17.9982C8.11484 18.0299 6.56657 17.6518 5.19046 16.9012C3.81434 16.1507 2.65811 15.0538 1.83622 13.7191C1.01432 12.3844 0.555269 10.8581 0.5045 9.2915L0.5 8.9999L0.5045 8.7083C0.554904 7.15399 1.0072 5.63927 1.81729 4.3118C2.62738 2.98432 3.76763 1.88941 5.12686 1.1338C6.48609 0.378185 8.01792 -0.0123397 9.57302 0.000297221C11.1281 0.0129341 12.6534 0.428301 14.0002 1.2059ZM9.50011 3.5999C9.27967 3.59993 9.0669 3.68086 8.90217 3.82735C8.73743 3.97383 8.63219 4.17568 8.6064 4.3946L8.6001 4.4999V8.9999L8.6082 9.1178C8.62872 9.27395 8.68986 9.42198 8.7855 9.5471L8.8638 9.6371L11.5638 12.3371L11.6484 12.4109C11.8063 12.5334 12.0004 12.5998 12.2001 12.5998C12.3999 12.5998 12.594 12.5334 12.7519 12.4109L12.8365 12.3362L12.9112 12.2516C13.0336 12.0938 13.1001 11.8997 13.1001 11.6999C13.1001 11.5001 13.0336 11.306 12.9112 11.1482L12.8365 11.0636L10.4001 8.6264V4.4999L10.3938 4.3946C10.368 4.17568 10.2628 3.97383 10.0981 3.82735C9.93332 3.68086 9.72055 3.59993 9.50011 3.5999Z" fill="currentColor"/></svg>');
}

.arrow-right {
  --svg: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.63672 1L6.10939 6L1.63672 11' stroke='currentColor' stroke-width='2'/%3E%3C/svg%3E");
}

.arrow-right-fill {
  --svg: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.9375 7.5C0.9375 8.79794 1.32238 10.0667 2.04348 11.1459C2.76458 12.2251 3.7895 13.0663 4.98864 13.563C6.18778 14.0597 7.50728 14.1896 8.78028 13.9364C10.0533 13.6832 11.2226 13.0582 12.1404 12.1404C13.0582 11.2226 13.6832 10.0533 13.9364 8.78028C14.1896 7.50728 14.0597 6.18778 13.563 4.98864C13.0663 3.7895 12.2251 2.76458 11.1459 2.04348C10.0667 1.32238 8.79794 0.9375 7.5 0.9375C5.75952 0.9375 4.09032 1.6289 2.85961 2.85961C1.6289 4.09032 0.9375 5.75952 0.9375 7.5ZM3.75 7.03125H9.44531L6.82969 4.40297L7.5 3.75L11.25 7.5L7.5 11.25L6.82969 10.5811L9.44531 7.96875H3.75V7.03125Z" fill="currentColor"/></svg>')
}

.icon-setting {
  --svg: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(/%23clip0_3097_28208)'%3E%3Cpath d='M15.8988 6.78667C15.8609 6.53673 15.6886 6.3282 15.4507 6.24381L14.1902 5.79562C14.1156 5.58443 14.0311 5.37911 13.9373 5.1805L14.5109 3.97339C14.6192 3.74576 14.5935 3.47654 14.444 3.27297C13.9605 2.61542 13.3829 2.03776 12.7271 1.55652C12.5233 1.40694 12.255 1.3815 12.0269 1.49004L10.8206 2.0632C10.6219 1.96945 10.4164 1.88506 10.205 1.8105L9.75661 0.54986C9.67222 0.312405 9.46424 0.140512 9.21485 0.10213C8.32876 -0.0340434 7.67296 -0.0340434 6.78548 0.10213C6.53637 0.140512 6.32811 0.312405 6.24373 0.54986L5.79535 1.8105C5.58398 1.88506 5.37839 1.96945 5.17996 2.0632L3.97312 1.49004C3.7455 1.38159 3.47673 1.40703 3.27316 1.55652C2.61736 2.03776 2.0397 2.61542 1.55625 3.27297C1.40667 3.47654 1.38105 3.74567 1.48931 3.97339L2.06293 5.1805C1.96918 5.37875 1.88479 5.58452 1.81005 5.79562L0.549407 6.24427C0.311677 6.32866 0.1396 6.5371 0.101402 6.78667C0.0326264 7.23844 0.000488281 7.62364 0.000488281 8.00048C0.000488281 8.37677 0.0326264 8.76252 0.101402 9.21429C0.139325 9.46423 0.311677 9.67277 0.549591 9.75715L1.81005 10.2053C1.88479 10.4169 1.96945 10.6223 2.06293 10.8209L1.48931 12.0276C1.38105 12.2552 1.40676 12.5244 1.55606 12.7275C2.03887 13.3846 2.61653 13.9623 3.27316 14.4444C3.47673 14.594 3.7455 14.6199 3.97331 14.5109L5.17968 13.9378C5.37829 14.0315 5.58389 14.1159 5.79526 14.1905L6.24364 15.4511C6.32802 15.6886 6.536 15.8605 6.78539 15.8988C7.22871 15.9671 7.62594 16.0002 8.00003 16.0002C8.37412 16.0002 8.77143 15.9671 9.21467 15.8988C9.46397 15.8605 9.67204 15.6886 9.75642 15.4511L10.2048 14.1905C10.4162 14.1159 10.6218 14.0315 10.8204 13.9378L12.0267 14.5109C12.2548 14.6198 12.5236 14.5939 12.7272 14.4444C13.3845 13.9615 13.9622 13.3838 14.4441 12.7275C14.5934 12.5244 14.6191 12.2552 14.5108 12.0276L13.9372 10.8209C14.031 10.6223 14.1155 10.4164 14.1901 10.2053L15.4506 9.75715C15.6885 9.67277 15.8608 9.46433 15.8987 9.21429C15.9675 8.76252 15.9997 8.37686 15.9997 8.00048C15.9997 7.6241 15.9676 7.23835 15.8988 6.78667ZM14.5953 8.60569L13.4128 9.02624C13.2061 9.09942 13.0472 9.26727 12.9849 9.47801C12.8793 9.83511 12.7403 10.173 12.5714 10.4828C12.4665 10.6757 12.46 10.907 12.5542 11.1051L13.0905 12.2332C12.8314 12.5444 12.5448 12.8314 12.2332 13.0902L11.1053 12.5545C10.9069 12.4594 10.6763 12.467 10.4832 12.5715C10.1729 12.7403 9.83484 12.8791 9.47746 12.9849C9.26719 13.047 9.09934 13.2058 9.02597 13.4125L8.60524 14.5955C8.17578 14.6392 7.82446 14.6392 7.39501 14.5955L6.97427 13.4125C6.90081 13.2063 6.73296 13.0469 6.52278 12.9849C6.16522 12.8791 5.82685 12.7403 5.51704 12.5715C5.32394 12.4662 5.09291 12.4595 4.89494 12.5545L3.76707 13.0907C3.4557 12.8313 3.16912 12.5447 2.90972 12.2332L3.44606 11.1051C3.54027 10.9069 3.53375 10.6757 3.42889 10.4828C3.26039 10.1739 3.12128 9.83557 3.01532 9.47755C2.95306 9.26727 2.79393 9.09942 2.58742 9.02624L1.40492 8.60569C1.38261 8.39055 1.37187 8.1923 1.37187 8.00039C1.37187 7.80848 1.38261 7.61069 1.40492 7.39555L2.5877 6.97463C2.79412 6.90145 2.95306 6.7336 3.01532 6.52332C3.1211 6.16622 3.26021 5.82785 3.42889 5.51758C3.53375 5.32521 3.54027 5.09345 3.44606 4.89576L2.90972 3.76771C3.16931 3.45615 3.45588 3.16912 3.76707 2.91017L4.8954 3.44633C5.09291 3.54146 5.32485 3.53384 5.5175 3.42934C5.82713 3.26057 6.16522 3.12173 6.52278 3.01595C6.73305 2.95388 6.90091 2.79457 6.97427 2.58833L7.39501 1.40538C7.82042 1.36121 8.17238 1.36121 8.60524 1.40538L9.02597 2.58833C9.09943 2.79457 9.26728 2.95397 9.47746 3.01595C9.83502 3.12173 10.1734 3.26057 10.4832 3.42934C10.6763 3.53466 10.9069 3.54137 11.1053 3.44633L12.2332 2.91017C12.5444 3.16912 12.8309 3.45615 13.0905 3.76771L12.5542 4.89576C12.46 5.09354 12.4665 5.32521 12.5714 5.51758C12.7406 5.82877 12.8796 6.16668 12.9849 6.52286C13.0472 6.7336 13.2061 6.90145 13.4128 6.97463L14.5953 7.39518C14.6176 7.61033 14.6284 7.80857 14.6284 8.00048C14.6284 8.19239 14.6176 8.39055 14.5953 8.60569Z' fill='%2308538A'/%3E%3Cpath d='M8.0001 4.66406C6.24977 4.66406 4.82568 6.08806 4.82568 7.83848C4.82568 9.58891 6.24968 11.0129 8.0001 11.0129C9.75053 11.0129 11.1745 9.58891 11.1745 7.83848C11.1745 6.08806 9.75043 4.66406 8.0001 4.66406ZM8.0001 9.64152C7.00593 9.64152 6.19706 8.83265 6.19706 7.83848C6.19706 6.84431 7.00593 6.03544 8.0001 6.03544C8.99427 6.03544 9.80314 6.84431 9.80314 7.83848C9.80314 8.83265 8.99427 9.64152 8.0001 9.64152Z' fill='currentColor'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3097_28208'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon-home {
  --svg: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20V14H14V20H19V12H22L12 3L2 12H5V20H10Z' fill='currentColor'/%3E%3C/svg%3E");
}

.icon-logout {
  --svg: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(/%23clip0_3097_28201)'%3E%3Cpath d='M14.85 10.4125C14.4625 10.225 13.9937 10.3906 13.8062 10.7781C13.2875 11.8562 12.4812 12.7688 11.4719 13.4187C10.4375 14.0844 9.2375 14.4375 8 14.4375C4.45 14.4375 1.5625 11.55 1.5625 8C1.5625 4.45 4.45 1.5625 8 1.5625C9.2375 1.5625 10.4375 1.91562 11.475 2.57812C12.4844 3.225 13.2906 4.14062 13.8094 5.21875C13.9969 5.60625 14.4625 5.77187 14.8531 5.58437C15.2406 5.39687 15.4062 4.93125 15.2188 4.54063C14.575 3.2 13.575 2.06563 12.3188 1.2625C11.0312 0.4375 9.5375 0 8 0C5.8625 0 3.85313 0.83125 2.34375 2.34375C0.83125 3.85313 0 5.8625 0 8C0 10.1375 0.83125 12.1469 2.34375 13.6562C3.85625 15.1687 5.8625 16 8 16C9.5375 16 11.0312 15.5625 12.3188 14.7344C13.5719 13.9281 14.575 12.7937 15.2188 11.4563C15.4031 11.0656 15.2406 10.6 14.85 10.4125Z' fill='%2308538A'/%3E%3Cpath d='M8.41567 11.041C8.5688 11.1941 8.7688 11.2691 8.9688 11.2691C9.1688 11.2691 9.3688 11.1941 9.52192 11.041L11.4875 9.07539C11.775 8.78789 11.9313 8.40664 11.9313 8.00352C11.9313 7.60039 11.7719 7.21602 11.4875 6.93164L9.52192 4.96602C9.21567 4.65977 8.72192 4.65977 8.41567 4.96602C8.10942 5.27227 8.10942 5.76602 8.41567 6.07227L9.5688 7.22539H5.12817C4.69692 7.22539 4.34692 7.57539 4.34692 8.00664C4.34692 8.43789 4.69692 8.78789 5.12817 8.78789H9.57192L8.4188 9.94102C8.11255 10.241 8.11255 10.7348 8.41567 11.041Z' fill='currentColor'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3097_28201'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon-person-fill {
  --svg: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 7C8 5.93913 8.42143 4.92172 9.17157 4.17157C9.92172 3.42143 10.9391 3 12 3C13.0609 3 14.0783 3.42143 14.8284 4.17157C15.5786 4.92172 16 5.93913 16 7C16 8.06087 15.5786 9.07828 14.8284 9.82843C14.0783 10.5786 13.0609 11 12 11C10.9391 11 9.92172 10.5786 9.17157 9.82843C8.42143 9.07828 8 8.06087 8 7ZM8 13C6.67392 13 5.40215 13.5268 4.46447 14.4645C3.52678 15.4021 3 16.6739 3 18C3 18.7956 3.31607 19.5587 3.87868 20.1213C4.44129 20.6839 5.20435 21 6 21H18C18.7956 21 19.5587 20.6839 20.1213 20.1213C20.6839 19.5587 21 18.7956 21 18C21 16.6739 20.4732 15.4021 19.5355 14.4645C18.5979 13.5268 17.3261 13 16 13H8Z' fill='currentColor'/%3E%3C/svg%3E");
}

.icon-person {
  --svg: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(/%23clip0_3097_28043)'%3E%3Cpath d='M7.89062 8.59375C6.79875 8.59375 5.75906 8.07469 4.96281 7.1325C4.23187 6.2675 3.8125 5.15406 3.8125 4.07812C3.8125 2.99654 4.24216 1.95925 5.00696 1.19446C5.77175 0.429658 6.80904 0 7.89062 0C8.97221 0 10.0095 0.429658 10.7743 1.19446C11.5391 1.95925 11.9688 2.99654 11.9688 4.07812C11.9688 5.15406 11.5494 6.2675 10.8184 7.1325C10.0222 8.07469 8.9825 8.59375 7.89062 8.59375ZM7.89062 1.5625C7.22367 1.56324 6.58424 1.82852 6.11263 2.30013C5.64102 2.77174 5.37574 3.41117 5.375 4.07812C5.375 4.78031 5.66688 5.545 6.15625 6.12375C6.65062 6.70906 7.26656 7.03 7.89062 7.03C8.51469 7.03 9.13062 6.70781 9.625 6.12375C10.1144 5.545 10.4062 4.78 10.4062 4.07812C10.4055 3.41117 10.1402 2.77174 9.66862 2.30013C9.19701 1.82852 8.55758 1.56324 7.89062 1.5625Z' fill='%2308538A'/%3E%3Cpath d='M14.6719 16C14.4647 16 14.266 15.9177 14.1194 15.7712C13.9729 15.6247 13.8906 15.426 13.8906 15.2188V13.4272C13.8906 11.8916 12.9356 10.9375 11.3984 10.9375H4.60156C3.06438 10.9375 2.10938 11.8916 2.10938 13.4272V15.2188C2.10938 15.426 2.02707 15.6247 1.88055 15.7712C1.73404 15.9177 1.53533 16 1.32813 16C1.12092 16 0.922211 15.9177 0.775698 15.7712C0.629185 15.6247 0.546875 15.426 0.546875 15.2188V13.4272C0.546875 12.2481 0.93625 11.2359 1.67188 10.5C2.4075 9.76406 3.42188 9.375 4.60031 9.375H11.3972C12.5766 9.375 13.5891 9.76406 14.3256 10.5C15.0622 11.2359 15.4506 12.2481 15.4506 13.4272V15.2188C15.4506 15.4255 15.3687 15.6239 15.2227 15.7703C15.0767 15.9167 14.8786 15.9993 14.6719 16Z' fill='currentColor'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3097_28043'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon-contract {
  --svg: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.44767 4.55469H13.3366V5.44358H4.44767V4.55469ZM4.44767 8.99913H8.93989V9.88802H4.44767V8.99913ZM12.991 6.77691H4.44767V7.6658H12.1027L12.991 6.77691ZM7.111 16.1502C7.26038 16.3215 7.44995 16.453 7.6627 16.5329C7.87545 16.6128 8.10471 16.6386 8.32989 16.608H12.6654C12.7686 16.608 12.8675 16.567 12.9404 16.4941C13.0134 16.4212 13.0543 16.3223 13.0543 16.2191C13.0543 16.116 13.0134 16.0171 12.9404 15.9441C12.8675 15.8712 12.7686 15.8302 12.6654 15.8302H8.32989C7.82378 15.8214 7.91378 15.3819 7.98489 15.2458C8.0776 15.086 8.14984 14.9153 8.19989 14.7375C8.23311 14.5944 8.21746 14.4444 8.15543 14.3112C8.0934 14.1781 7.98857 14.0696 7.85767 14.003C7.64737 13.9083 7.4118 13.8851 7.18705 13.9369C6.96229 13.9888 6.76073 14.1129 6.61323 14.2902C6.42212 14.4875 6.15656 14.7891 5.90212 15.0825C6.05934 14.4664 6.26323 13.6758 6.46323 12.9047C6.52054 12.729 6.50913 12.5381 6.4313 12.3705C6.35346 12.2028 6.21499 12.0709 6.04378 12.0014C5.85418 11.9363 5.64695 11.9456 5.46393 12.0274C5.28091 12.1091 5.13572 12.2573 5.05767 12.4419C4.81767 12.9036 2.91767 16.0875 2.89878 16.1197C2.87259 16.1635 2.85529 16.2121 2.84787 16.2626C2.84046 16.3132 2.84306 16.3647 2.85555 16.4142C2.88076 16.5142 2.94467 16.6001 3.03323 16.653C3.12178 16.7059 3.22772 16.7215 3.32774 16.6963C3.42776 16.671 3.51366 16.6071 3.56656 16.5186C3.63767 16.3991 5.15434 13.8586 5.63267 13.0102C5.27267 14.3991 4.876 15.9447 4.85267 16.0836C4.82641 16.1857 4.83429 16.2936 4.87512 16.3908C4.91595 16.488 4.98748 16.5692 5.07878 16.6219C5.18048 16.6723 5.29607 16.6875 5.40733 16.665C5.51858 16.6424 5.61917 16.5835 5.69323 16.4975C5.76323 16.4341 5.89434 16.2836 6.22489 15.8997C6.53288 15.5375 6.84831 15.1816 7.17101 14.8325C7.29212 14.7047 7.36545 14.7614 7.29434 14.8869C7.15524 15.0627 7.06503 15.2721 7.03283 15.4939C7.00064 15.7158 7.02761 15.9422 7.111 16.1502Z" fill="black"/><path d="M15.5538 12.051V17.776H2.22049V2.22049H15.5538V4.99438L16.2927 4.25549C16.4064 4.1433 16.5311 4.0428 16.6649 3.95549V1.66493C16.6649 1.51759 16.6064 1.37628 16.5022 1.27209C16.398 1.16791 16.2567 1.10938 16.1094 1.10938H1.66493C1.51759 1.10938 1.37628 1.16791 1.27209 1.27209C1.16791 1.37628 1.10938 1.51759 1.10938 1.66493V18.3316C1.10938 18.4789 1.16791 18.6202 1.27209 18.7244C1.37628 18.8286 1.51759 18.8872 1.66493 18.8872H16.1094C16.2567 18.8872 16.398 18.8286 16.5022 18.7244C16.6064 18.6202 16.6649 18.4789 16.6649 18.3316V11.9022C16.3242 12.0827 15.9301 12.1355 15.5538 12.051Z" fill="black"/><path d="M18.9575 6.58781L18.6669 6.29725C18.8154 6.10101 18.8906 5.859 18.8794 5.61316C18.8683 5.36732 18.7715 5.13312 18.6058 4.95114C18.3908 4.7616 18.1095 4.66471 17.8234 4.68157C17.5372 4.69843 17.2693 4.82767 17.078 5.04114L10.1197 11.9984L9.6547 13.7439C9.64734 13.7668 9.64645 13.7912 9.65212 13.8145C9.65779 13.8378 9.6698 13.8591 9.68683 13.876C9.70385 13.8929 9.72522 13.9048 9.74858 13.9103C9.77193 13.9158 9.79636 13.9148 9.81915 13.9072L11.5586 13.4367L18.0541 6.94114L18.3286 7.21614C18.3478 7.23528 18.363 7.25801 18.3733 7.28304C18.3837 7.30806 18.3891 7.33488 18.3891 7.36197C18.3891 7.38906 18.3837 7.41588 18.3733 7.44091C18.363 7.46593 18.3478 7.48866 18.3286 7.50781L15.5969 10.2395C15.5136 10.3229 15.4668 10.4359 15.4669 10.5538C15.4669 10.6717 15.5138 10.7848 15.5972 10.8681C15.6806 10.9514 15.7937 10.9982 15.9116 10.9981C16.0295 10.9981 16.1425 10.9512 16.2258 10.8678L18.9575 8.13614C19.1628 7.9307 19.2781 7.65214 19.2781 7.36169C19.2781 7.07125 19.1628 6.79269 18.9575 6.58725" fill="currentColor"/></svg>');
}

.icon-check-fill {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-check-fill" viewBox="0 0 16 16"><path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"/></svg>');
}

.icon-check-circle {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zM227.3 387.3l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L216 308.1l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.2 16.4 6.2 22.6 0z"/></svg>');
}

.icon-edit {
  --svg: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.4863 4.73699L9.23066 1.51507L10.3031 0.441096C10.5968 0.147032 10.9576 0 11.3855 0C11.8135 0 12.174 0.147032 12.4671 0.441096L13.5396 1.51507C13.8332 1.80913 13.9864 2.16405 13.9992 2.57984C14.012 2.99562 13.8715 3.35028 13.5779 3.64384L12.4863 4.73699ZM11.3755 5.86849L3.25563 14H0V10.7397L8.11992 2.60822L11.3755 5.86849Z" fill="currentColor"/></svg>');
}

.icon-alert {
  --svg: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.5C8.02219 0.5 6.08879 1.08649 4.4443 2.1853C2.79981 3.28412 1.51809 4.8459 0.761209 6.67317C0.00433284 8.50043 -0.193701 10.5111 0.192152 12.4509C0.578004 14.3907 1.53041 16.1725 2.92894 17.5711C4.32746 18.9696 6.10929 19.922 8.0491 20.3079C9.98891 20.6937 11.9996 20.4957 13.8268 19.7388C15.6541 18.9819 17.2159 17.7002 18.3147 16.0557C19.4135 14.4112 20 12.4778 20 10.5C20 7.84784 18.9464 5.3043 17.0711 3.42893C15.1957 1.55357 12.6522 0.5 10 0.5ZM11 16.5H9V14.5H11V16.5ZM11 12.5H9V4.5H11V12.5Z' fill='currentColor'/%3E%3C/svg%3E");
}

.icon-overview {
  --svg: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6656 0H5.78436C4.79872 0 3.99688 0.75702 3.99688 1.6875V2.25H2.76838C2.09482 2.25 1.54688 2.79795 1.54688 3.4715V16.7785C1.54688 17.4521 2.09482 18 2.76838 18H12.7816C13.4552 18 14.0031 17.4521 14.0031 16.7785V15.75H14.6656C15.6512 15.75 16.4531 14.993 16.4531 14.0625V1.6875C16.4531 0.75702 15.6512 0 14.6656 0ZM12.8781 16.7785C12.8781 16.8317 12.8348 16.875 12.7816 16.875H2.76838C2.71515 16.875 2.67188 16.8317 2.67188 16.7785V3.4715C2.67188 3.41828 2.71515 3.375 2.76838 3.375H12.7816C12.8348 3.375 12.8781 3.41828 12.8781 3.4715V16.7785ZM15.3281 14.0625C15.3281 14.3726 15.0309 14.625 14.6656 14.625H14.0031V3.4715C14.0031 2.79795 13.4552 2.25 12.7816 2.25H5.12188V1.6875C5.12188 1.37735 5.41909 1.125 5.78436 1.125H14.6656C15.0309 1.125 15.3281 1.37735 15.3281 1.6875V14.0625Z' fill='%2308538A'/%3E%3Cpath d='M10.5469 7.59375H5.20312C4.89248 7.59375 4.64062 7.34189 4.64062 7.03125C4.64062 6.72061 4.89248 6.46875 5.20312 6.46875H10.5469C10.8575 6.46875 11.1094 6.72061 11.1094 7.03125C11.1094 7.34189 10.8575 7.59375 10.5469 7.59375Z' fill='%2308538A'/%3E%3Cpath d='M10.5469 9.84375H5.20312C4.89248 9.84375 4.64062 9.59189 4.64062 9.28125C4.64062 8.97061 4.89248 8.71875 5.20312 8.71875H10.5469C10.8575 8.71875 11.1094 8.97061 11.1094 9.28125C11.1094 9.59189 10.8575 9.84375 10.5469 9.84375Z' fill='%2308538A'/%3E%3Cpath d='M10.5469 12.0938H5.20312C4.89248 12.0938 4.64062 11.8419 4.64062 11.5312C4.64062 11.2206 4.89248 10.9688 5.20312 10.9688H10.5469C10.8575 10.9688 11.1094 11.2206 11.1094 11.5312C11.1094 11.8419 10.8575 12.0938 10.5469 12.0938Z' fill='currentColor'/%3E%3C/svg%3E");
}

.icon-close {
  --svg: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 2L2 1L9 8L16 1L17 2L10 9L17 16L16 17L9 10L2 17L1 16L8 9L1 2Z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.icon-tooltip {
  --svg: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(/%23clip0_4975_9465)"><path d="M6.00001 0C2.69165 0 0 2.69165 0 6.00001C0 9.30837 2.69165 12 6.00001 12C9.30837 12 12 9.30837 12 6.00001C12 2.69165 9.30835 0 6.00001 0ZM6.39029 9.55996C6.10524 9.60748 5.53803 9.72617 5.25 9.75002C5.0062 9.77021 4.77612 9.63065 4.63587 9.43031C4.49526 9.23 4.46156 8.97365 4.54505 8.74367L5.6792 5.62502H4.5C4.49899 4.97518 4.98642 4.49736 5.60984 4.31399C5.90735 4.22646 6.46164 4.10667 6.74999 4.12503C6.92275 4.13601 7.22387 4.2444 7.36412 4.44474C7.50474 4.64505 7.53843 4.9014 7.45495 5.13139L6.3208 8.25003H7.49964C7.49987 8.89911 7.03061 9.45325 6.39029 9.55996ZM6.74999 3.75001C6.33577 3.75001 5.99999 3.41419 5.99999 3.00001C5.99999 2.58578 6.33577 2.25 6.74999 2.25C7.16422 2.25 7.5 2.58578 7.5 3.00001C7.5 3.41421 7.16424 3.75001 6.74999 3.75001Z" fill="currentColor"/></g><defs><clipPath id="clip0_4975_9465"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');
}

.icon-caret-up-fill {
  --svg: url('data:image/svg+xml,<svg width="9" height="7" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.17672 0.929583C5.1385 0.874066 5.08735 0.828673 5.02769 0.797314C4.96802 0.765955 4.90163 0.74957 4.83422 0.74957C4.76682 0.74957 4.70043 0.765955 4.64076 0.797314C4.5811 0.828673 4.52995 0.874066 4.49172 0.929583L0.741724 6.34625C0.698318 6.40873 0.672864 6.4819 0.668127 6.55783C0.66339 6.63376 0.679551 6.70953 0.714855 6.77692C0.750159 6.84431 0.803256 6.90073 0.868376 6.94006C0.933496 6.97939 1.00815 7.00012 1.08422 7H8.58422C8.66012 6.99969 8.7345 6.97869 8.79936 6.93926C8.86421 6.89984 8.9171 6.84348 8.95232 6.77625C8.98754 6.70902 9.00377 6.63346 8.99926 6.55769C8.99475 6.48193 8.96967 6.40883 8.92672 6.34625L5.17672 0.929583Z" fill="currentColor"/></svg>');
}

.icon-caret-down-fill {
  --svg: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.87015 8.11729C4.90838 8.17281 4.95952 8.2182 5.01919 8.24956C5.07885 8.28092 5.14525 8.29731 5.21265 8.29731C5.28005 8.29731 5.34645 8.28092 5.40611 8.24956C5.46578 8.2182 5.51693 8.17281 5.55515 8.11729L9.30515 2.70063C9.34856 2.63815 9.37401 2.56497 9.37875 2.48904C9.38348 2.41312 9.36732 2.33734 9.33202 2.26996C9.29672 2.20257 9.24362 2.14615 9.1785 2.10682C9.11338 2.06749 9.03873 2.04676 8.96265 2.04688H1.46265C1.38675 2.04719 1.31237 2.06819 1.24752 2.10761C1.18266 2.14703 1.12978 2.20339 1.09455 2.27062C1.05933 2.33785 1.0431 2.41342 1.04761 2.48918C1.05212 2.56495 1.0772 2.63805 1.12015 2.70063L4.87015 8.11729Z" fill="currentColor"/></svg>');
}

.icon-lock {
  --svg: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0026 14.1693C9.56058 14.1693 9.13665 13.9937 8.82409 13.6811C8.51153 13.3686 8.33594 12.9446 8.33594 12.5026C8.33594 11.5776 9.0776 10.8359 10.0026 10.8359C10.4446 10.8359 10.8686 11.0115 11.1811 11.3241C11.4937 11.6367 11.6693 12.0606 11.6693 12.5026C11.6693 12.9446 11.4937 13.3686 11.1811 13.6811C10.8686 13.9937 10.4446 14.1693 10.0026 14.1693ZM15.0026 16.6693V8.33594H5.0026V16.6693H15.0026ZM15.0026 6.66927C15.4446 6.66927 15.8686 6.84487 16.1811 7.15743C16.4937 7.46999 16.6693 7.89391 16.6693 8.33594V16.6693C16.6693 17.1113 16.4937 17.5352 16.1811 17.8478C15.8686 18.1603 15.4446 18.3359 15.0026 18.3359H5.0026C4.56058 18.3359 4.13665 18.1603 3.82409 17.8478C3.51153 17.5352 3.33594 17.1113 3.33594 16.6693V8.33594C3.33594 7.41094 4.0776 6.66927 5.0026 6.66927H5.83594V5.0026C5.83594 3.89754 6.27492 2.83773 7.05633 2.05633C7.83773 1.27492 8.89754 0.835938 10.0026 0.835938C10.5498 0.835937 11.0916 0.943712 11.5971 1.15311C12.1026 1.3625 12.562 1.66942 12.9489 2.05633C13.3358 2.44324 13.6427 2.90257 13.8521 3.40809C14.0615 3.91361 14.1693 4.45543 14.1693 5.0026V6.66927H15.0026ZM10.0026 2.5026C9.33956 2.5026 8.70368 2.766 8.23484 3.23484C7.766 3.70368 7.5026 4.33956 7.5026 5.0026V6.66927H12.5026V5.0026C12.5026 4.33956 12.2392 3.70368 11.7704 3.23484C11.3015 2.766 10.6656 2.5026 10.0026 2.5026Z" fill="black"/></svg>');
}

.icon-id-card {
  --svg: url('data:image/svg+xml,<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.66667 14.6641V15.3307H4V14.6641H2.66667ZM9.33333 14.6641V15.3307H10.6667V14.6641H9.33333ZM4 14.6641V13.9974H2.66667V14.6641H4ZM9.33333 13.9974V14.6641H10.6667V13.9974H9.33333ZM6.66667 11.3307C7.37391 11.3307 8.05219 11.6117 8.55229 12.1118C9.05238 12.6119 9.33333 13.2902 9.33333 13.9974H10.6667C10.6667 12.9365 10.2452 11.9191 9.49509 11.169C8.74495 10.4188 7.72753 9.9974 6.66667 9.9974V11.3307ZM4 13.9974C4 13.2902 4.28095 12.6119 4.78105 12.1118C5.28115 11.6117 5.95942 11.3307 6.66667 11.3307V9.9974C5.6058 9.9974 4.58839 10.4188 3.83824 11.169C3.08809 11.9191 2.66667 12.9365 2.66667 13.9974H4ZM6.66667 3.33073C5.95942 3.33073 5.28115 3.61168 4.78105 4.11178C4.28095 4.61187 4 5.29015 4 5.9974H5.33333C5.33333 5.64377 5.47381 5.30464 5.72386 5.05459C5.97391 4.80454 6.31305 4.66406 6.66667 4.66406V3.33073ZM9.33333 5.9974C9.33333 5.29015 9.05238 4.61187 8.55229 4.11178C8.05219 3.61168 7.37391 3.33073 6.66667 3.33073V4.66406C7.02029 4.66406 7.35943 4.80454 7.60948 5.05459C7.85952 5.30464 8 5.64377 8 5.9974H9.33333ZM6.66667 8.66406C7.37391 8.66406 8.05219 8.38311 8.55229 7.88301C9.05238 7.38292 9.33333 6.70464 9.33333 5.9974H8C8 6.35102 7.85952 6.69016 7.60948 6.9402C7.35943 7.19025 7.02029 7.33073 6.66667 7.33073V8.66406ZM6.66667 7.33073C6.31305 7.33073 5.97391 7.19025 5.72386 6.9402C5.47381 6.69016 5.33333 6.35102 5.33333 5.9974H4C4 6.70464 4.28095 7.38292 4.78105 7.88301C5.28115 8.38311 5.95942 8.66406 6.66667 8.66406V7.33073ZM2 1.9974H18V0.664062H2V1.9974ZM18.6667 2.66406V13.3307H20V2.66406H18.6667ZM18 13.9974H2V15.3307H18V13.9974ZM1.33333 13.3307V2.66406H0V13.3307H1.33333ZM2 13.9974C1.82319 13.9974 1.65362 13.9272 1.5286 13.8021C1.40357 13.6771 1.33333 13.5075 1.33333 13.3307H0C0 13.8612 0.210714 14.3699 0.585786 14.7449C0.960859 15.12 1.46957 15.3307 2 15.3307V13.9974ZM18.6667 13.3307C18.6667 13.5075 18.5964 13.6771 18.4714 13.8021C18.3464 13.9272 18.1768 13.9974 18 13.9974V15.3307C18.5304 15.3307 19.0391 15.12 19.4142 14.7449C19.7893 14.3699 20 13.8612 20 13.3307H18.6667ZM18 1.9974C18.1768 1.9974 18.3464 2.06763 18.4714 2.19266C18.5964 2.31768 18.6667 2.48725 18.6667 2.66406H20C20 2.13363 19.7893 1.62492 19.4142 1.24985C19.0391 0.874776 18.5304 0.664063 18 0.664062V1.9974ZM2 0.664062C1.46957 0.664062 0.960859 0.874776 0.585786 1.24985C0.210714 1.62492 0 2.13363 0 2.66406H1.33333C1.33333 2.48725 1.40357 2.31768 1.5286 2.19266C1.65362 2.06763 1.82319 1.9974 2 1.9974V0.664062ZM12 5.9974H16V4.66406H12V5.9974ZM12 9.9974H16V8.66406H12V9.9974Z" fill="currentColor"/></svg>');
}

.icon-document {
  --svg: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.125 10.8359C13.125 10.6702 13.0592 10.5112 12.9419 10.394C12.8247 10.2768 12.6658 10.2109 12.5 10.2109H7.5C7.33424 10.2109 7.17527 10.2768 7.05806 10.394C6.94085 10.5112 6.875 10.6702 6.875 10.8359C6.875 11.0017 6.94085 11.1607 7.05806 11.2779C7.17527 11.3951 7.33424 11.4609 7.5 11.4609H12.5C12.6658 11.4609 12.8247 11.3951 12.9419 11.2779C13.0592 11.1607 13.125 11.0017 13.125 10.8359ZM13.125 14.1693C13.125 14.0035 13.0592 13.8445 12.9419 13.7273C12.8247 13.6101 12.6658 13.5443 12.5 13.5443H7.5C7.33424 13.5443 7.17527 13.6101 7.05806 13.7273C6.94085 13.8445 6.875 14.0035 6.875 14.1693C6.875 14.335 6.94085 14.494 7.05806 14.6112C7.17527 14.7284 7.33424 14.7943 7.5 14.7943H12.5C12.6658 14.7943 12.8247 14.7284 12.9419 14.6112C13.0592 14.494 13.125 14.335 13.125 14.1693Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.83073 1.875C5.22294 1.875 4.64005 2.11644 4.21028 2.54621C3.78051 2.97598 3.53906 3.55888 3.53906 4.16667V15.8333C3.53906 16.4411 3.78051 17.024 4.21028 17.4538C4.64005 17.8836 5.22294 18.125 5.83073 18.125H14.1641C14.7719 18.125 15.3547 17.8836 15.7845 17.4538C16.2143 17.024 16.4557 16.4411 16.4557 15.8333V6.64C16.4557 6.3225 16.3524 6.01417 16.1607 5.76083L13.6624 2.45417C13.5265 2.27426 13.3507 2.12833 13.1488 2.02784C12.947 1.92735 12.7245 1.87503 12.4991 1.875H5.83073ZM4.78906 4.16667C4.78906 3.59167 5.25573 3.125 5.83073 3.125H11.8724V6.78917C11.8724 7.13417 12.1524 7.41417 12.4974 7.41417H15.2057V15.8333C15.2057 16.4083 14.7391 16.875 14.1641 16.875H5.83073C5.25573 16.875 4.78906 16.4083 4.78906 15.8333V4.16667Z" fill="currentColor"/></svg>');
}

.icon-check-edit {
  --svg: url('data:image/svg+xml,<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1492 6.69488L14.535 6.30822C14.8422 6.0009 15.2589 5.8282 15.6935 5.82813C16.128 5.82805 16.5448 6.00059 16.8521 6.3078C17.1594 6.61501 17.3321 7.03172 17.3322 7.46626C17.3323 7.90079 17.1597 8.31756 16.8525 8.62488L16.4667 9.01155M14.1492 6.69488C14.1492 6.69488 14.1975 7.51488 14.9217 8.23905C15.6458 8.96322 16.4667 9.01155 16.4667 9.01155M14.1492 6.69488L10.5992 10.2449C10.3575 10.4849 10.2375 10.6057 10.1342 10.7382C10.0125 10.8949 9.90833 11.0632 9.8225 11.2432C9.75 11.3949 9.69666 11.5557 9.58916 11.8782L9.245 12.9116L9.13333 13.2457M16.4667 9.01155L12.9167 12.5616C12.675 12.8032 12.555 12.9232 12.4225 13.0266C12.2658 13.1482 12.0975 13.2524 11.9175 13.3382C11.7658 13.4107 11.605 13.4641 11.2825 13.5716L10.2492 13.9157L9.915 14.0274M9.13333 13.2457L9.0225 13.5807C8.99668 13.6585 8.993 13.7419 9.01188 13.8216C9.03075 13.9013 9.07143 13.9743 9.12936 14.0322C9.1873 14.0901 9.2602 14.1308 9.33993 14.1497C9.41966 14.1685 9.50307 14.1649 9.58083 14.1391L9.915 14.0274M9.13333 13.2457L9.915 14.0274" stroke="black" stroke-width="1.5"/><path d="M5.66667 10.8307H7.75M5.66667 7.4974H11.0833M5.66667 14.1641H6.91667M15.5233 2.64073C14.5475 1.66406 12.9758 1.66406 9.83333 1.66406H8.16667C5.02417 1.66406 3.4525 1.66406 2.47667 2.64073C1.5 3.61656 1.5 5.18823 1.5 8.33073V11.6641C1.5 14.8066 1.5 16.3782 2.47667 17.3541C3.4525 18.3307 5.02417 18.3307 8.16667 18.3307H9.83333C12.9758 18.3307 14.5475 18.3307 15.5233 17.3541C16.31 16.5682 16.4625 15.3974 16.4925 13.3307" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>');
}

.icon-avatar-upload {
  --svg: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="13" cy="13" r="13" fill="white"/><path d="M12.9997 26C20.0991 26 26 20.1118 26 13C26 5.90074 20.0861 0 12.9867 0C5.8753 0 0 5.90074 0 13C0 20.1118 5.88781 26 12.9997 26ZM12.9997 25C6.98304 25 1 19.0155 1 13C1 6.99649 6.98385 1 13 1C19.0031 1 24.9869 7.12537 25 13.1283C25.0125 19.1444 19.0028 25 12.9997 25ZM7.3909 18.7735H18.5819C19.9197 18.7735 20.6212 18.0981 20.6212 16.7723V9.96725C20.6212 8.62896 19.9197 7.95357 18.5819 7.95357H17.0522C16.5426 7.95357 16.3893 7.86439 16.0962 7.53267L15.5741 6.94646C15.2549 6.58973 14.9237 6.39831 14.2608 6.39831H11.662C10.9991 6.39831 10.6679 6.58973 10.3362 6.94646L9.8141 7.53267C9.52045 7.83883 9.36818 7.95357 8.85809 7.95357H7.39198C6.02866 7.95357 5.34019 8.62896 5.34019 9.96725V16.7734C5.34019 18.0986 6.02866 18.7746 7.39198 18.7746M12.9111 16.9648C12.4068 16.9665 11.9072 16.8684 11.4409 16.6762C10.9747 16.4839 10.5511 16.2014 10.1945 15.8448C9.83796 15.4882 9.55542 15.0647 9.3632 14.5984C9.17098 14.1322 9.07287 13.6326 9.07452 13.1283C9.07452 11.013 10.7951 9.31795 12.9111 9.31795C13.412 9.31609 13.9084 9.41336 14.3716 9.60419C14.8348 9.79501 15.2556 10.0756 15.6099 10.4298C15.9641 10.784 16.2448 11.2048 16.4356 11.6679C16.6265 12.1311 16.7239 12.6274 16.7221 13.1283C16.7221 15.3079 15.027 16.9648 12.9111 16.9648ZM17.9196 11.4333C17.6898 11.433 17.4695 11.3416 17.3071 11.1791C17.1447 11.0166 17.0534 10.7963 17.0533 10.5665C17.0533 10.0825 17.4486 9.70024 17.9201 9.70024C18.3916 9.70024 18.7739 10.0825 18.7739 10.5665C18.7869 11.051 18.391 11.4333 17.9196 11.4333ZM12.9116 15.856C13.269 15.8554 13.6228 15.7843 13.9528 15.6468C14.2827 15.5094 14.5823 15.3082 14.8344 15.0549C15.0865 14.8015 15.2862 14.501 15.4221 14.1704C15.558 13.8399 15.6274 13.4857 15.6263 13.1283C15.6257 12.4085 15.3396 11.7184 14.8306 11.2094C14.3216 10.7005 13.6314 10.4143 12.9116 10.4137C11.4075 10.4137 10.1839 11.6247 10.1839 13.1283C10.1832 13.4867 10.2532 13.8418 10.3901 14.173C10.5269 14.5043 10.7278 14.8053 10.9812 15.0587C11.2347 15.3121 11.5357 15.513 11.8669 15.6498C12.1982 15.7867 12.5532 15.8567 12.9116 15.856Z" fill="currentColor"/></svg>');
}

.icon-x-circle {
  --svg: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(/%23clip0_5848_41323)"><path d="M9.33333 8.44444L14.6667 15.5556M14.6667 8.44444L9.33333 15.5556M12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_5848_41323"><path d="M0 8C0 3.58172 3.58172 0 8 0H16C20.4183 0 24 3.58172 24 8V16C24 20.4183 20.4183 24 16 24H8C3.58172 24 0 20.4183 0 16V8Z" fill="white"/></clipPath></defs></svg>');
}

.icon-x-circle-fill {
  --svg: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.0026 3.66927L6.33594 7.0026L5.0026 10.3359H6.33594L7.0026 8.66927L7.66927 10.3359H9.0026L7.66927 7.0026L9.0026 3.66927H7.66927L7.0026 5.33594L6.33594 3.66927H5.0026ZM7.0026 0.335938C7.87808 0.335938 8.74499 0.508376 9.55383 0.843407C10.3627 1.17844 11.0976 1.6695 11.7166 2.28856C12.3357 2.90762 12.8268 3.64254 13.1618 4.45138C13.4968 5.26022 13.6693 6.12712 13.6693 7.0026C13.6693 8.77071 12.9669 10.4664 11.7166 11.7166C10.4664 12.9669 8.77071 13.6693 7.0026 13.6693C6.12712 13.6693 5.26022 13.4968 4.45138 13.1618C3.64254 12.8268 2.90762 12.3357 2.28856 11.7166C1.03832 10.4664 0.335938 8.77071 0.335938 7.0026C0.335938 5.23449 1.03832 3.5388 2.28856 2.28856C3.5388 1.03832 5.23449 0.335938 7.0026 0.335938Z" fill="currentColor"/></svg>');
}

.icon-circle-minus {
  --svg: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 15C5.51088 15 3.60322 14.2098 2.1967 12.8033C0.790176 11.3968 0 9.48912 0 7.5C0 5.51088 0.790176 3.60322 2.1967 2.1967C3.60322 0.790176 5.51088 0 7.5 0C9.48912 0 11.3968 0.790176 12.8033 2.1967C14.2098 3.60322 15 5.51088 15 7.5C15 9.48912 14.2098 11.3968 12.8033 12.8033C11.3968 14.2098 9.48912 15 7.5 15ZM11.25 6.75H3.75V8.25H11.25V6.75Z" fill="%23D13C40"/></svg>');
}

.icon-refer {
  --svg: url('data:image/svg+xml,<svg fill="none" height="14" viewBox="0 0 14 14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M9.80006 0V1.4H11.6201L5.81006 7.21L6.79006 8.19L12.6001 2.38V4.2H14.0001V0H9.80006Z" fill="%2358667E"></path><path d="M11.2 12.6004H1.4V2.80039H7.7V1.40039H0V14.0004H12.6V6.30039H11.2V12.6004Z" fill="currentColor"></path></svg>');
}

.icon-warning {
  --svg: url('data:image/svg+xml,<svg width="46" height="40" viewBox="0 0 46 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44.7633 32.8178L27.2734 2.44411C26.8364 1.69996 26.2125 1.08296 25.4635 0.654246C24.7145 0.225534 23.8665 0 23.0035 0C22.1405 0 21.2925 0.225534 20.5435 0.654246C19.7945 1.08296 19.1706 1.69996 18.7335 2.44411L1.2437 32.8178C0.823178 33.5376 0.601563 34.3562 0.601562 35.1898C0.601563 36.0234 0.823178 36.842 1.2437 37.5618C1.67516 38.3104 2.29803 38.9308 3.04841 39.3592C3.79878 39.7876 4.64964 40.0087 5.51366 39.9997H40.4933C41.3567 40.008 42.2067 39.7866 42.9563 39.3582C43.7059 38.9298 44.3282 38.3098 44.7593 37.5618C45.1804 36.8424 45.4027 36.0239 45.4034 35.1903C45.4041 34.3567 45.1832 33.5379 44.7633 32.8178ZM21.4035 16C21.4035 15.5756 21.5721 15.1687 21.8721 14.8686C22.1722 14.5686 22.5791 14.4 23.0035 14.4C23.4278 14.4 23.8348 14.5686 24.1349 14.8686C24.4349 15.1687 24.6035 15.5756 24.6035 16V23.9999C24.6035 24.4242 24.4349 24.8312 24.1349 25.1313C23.8348 25.4313 23.4278 25.5999 23.0035 25.5999C22.5791 25.5999 22.1722 25.4313 21.8721 25.1313C21.5721 24.8312 21.4035 24.4242 21.4035 23.9999V16ZM23.0035 33.5998C22.5288 33.5998 22.0648 33.459 21.6701 33.1953C21.2755 32.9316 20.9678 32.5568 20.7862 32.1183C20.6046 31.6797 20.557 31.1972 20.6496 30.7316C20.7422 30.2661 20.9708 29.8384 21.3064 29.5028C21.6421 29.1671 22.0697 28.9386 22.5353 28.846C23.0008 28.7534 23.4834 28.8009 23.9219 28.9825C24.3605 29.1642 24.7353 29.4718 24.999 29.8665C25.2627 30.2611 25.4035 30.7252 25.4035 31.1998C25.4035 31.8363 25.1506 32.4468 24.7005 32.8969C24.2504 33.3469 23.64 33.5998 23.0035 33.5998Z" fill="currentColor"/></svg>');
}

.icon-plus {
  --svg: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 6.85714H6.85714V12H5.14286V6.85714H0V5.14286H5.14286V0H6.85714V5.14286H12V6.85714Z" fill="currentColor"/></svg>');
}

.icon-mobile-phone {
  --svg: url('data:image/svg+xml,<svg width="20" height="35" viewBox="0 0 20 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7834 0H3.21663C2.3169 0.0663815 1.47483 0.566114 0.873337 1.39064C0.271848 2.21517 -0.0404754 3.2979 0.00421195 4.40362V30.5964C-0.0404754 31.7021 0.271848 32.7848 0.873337 33.6094C1.47483 34.4339 2.3169 34.9336 3.21663 35H16.7834C17.6831 34.9336 18.5252 34.4339 19.1267 33.6094C19.7282 32.7848 20.0405 31.7021 19.9958 30.5964V4.40362C20.0405 3.2979 19.7282 2.21517 19.1267 1.39064C18.5252 0.566114 17.6831 0.0663815 16.7834 0ZM18.5617 30.5964C18.6058 31.235 18.4443 31.8695 18.1118 32.3635C17.7793 32.8575 17.3024 33.1717 16.7834 33.2386H3.21663C2.69763 33.1717 2.22068 32.8575 1.88819 32.3635C1.5557 31.8695 1.39418 31.235 1.43833 30.5964V4.40362C1.39418 3.76497 1.5557 3.13051 1.88819 2.6365C2.22068 2.14249 2.69763 1.82832 3.21663 1.76145H5.41083V2.65979C5.41083 3.12695 5.56192 3.57499 5.83087 3.90532C6.09982 4.23566 6.46459 4.42124 6.84494 4.42124H13.1551C13.5354 4.42124 13.9002 4.23566 14.1691 3.90532C14.4381 3.57499 14.5892 3.12695 14.5892 2.65979V1.76145H16.7834C17.3024 1.82832 17.7793 2.14249 18.1118 2.6365C18.4443 3.13051 18.6058 3.76497 18.5617 4.40362V30.5964Z" fill="black"/><path d="M5 32.3359H15C15.3315 32.3359 15.6495 32.2042 15.8839 31.9698C16.1183 31.7354 16.25 31.4175 16.25 31.0859C16.25 30.7544 16.1183 30.4365 15.8839 30.2021C15.6495 29.9676 15.3315 29.8359 15 29.8359H5C4.66848 29.8359 4.35054 29.9676 4.11612 30.2021C3.8817 30.4365 3.75 30.7544 3.75 31.0859C3.75 31.4175 3.8817 31.7354 4.11612 31.9698C4.35054 32.2042 4.66848 32.3359 5 32.3359Z" fill="currentColor"/></svg>');
}

.icon-email {
  --svg: url('data:image/svg+xml,<svg width="31" height="24" viewBox="0 0 31 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.19844 0H25.9984C27.2715 0 28.4924 0.505713 29.3925 1.40589C30.2927 2.30606 30.7984 3.52696 30.7984 4.8V19.2C30.7984 20.473 30.2927 21.6939 29.3925 22.5941C28.4924 23.4943 27.2715 24 25.9984 24H5.19844C3.9254 24 2.7045 23.4943 1.80432 22.5941C0.90415 21.6939 0.398438 20.473 0.398438 19.2V4.8C0.398438 3.52696 0.90415 2.30606 1.80432 1.40589C2.7045 0.505713 3.9254 0 5.19844 0ZM5.19844 1.6C4.39844 1.6 3.69444 1.872 3.15044 2.352L15.5984 10.4L28.0464 2.352C27.5024 1.872 26.7984 1.6 25.9984 1.6H5.19844ZM15.5984 12.336L2.20644 3.648C2.07844 4 1.99844 4.4 1.99844 4.8V19.2C1.99844 20.0487 2.33558 20.8626 2.9357 21.4627C3.53581 22.0629 4.34974 22.4 5.19844 22.4H25.9984C26.8471 22.4 27.6611 22.0629 28.2612 21.4627C28.8613 20.8626 29.1984 20.0487 29.1984 19.2V4.8C29.1984 4.4 29.1184 4 28.9904 3.648L15.5984 12.336Z" fill="currentColor"/></svg>');
}

.icon-check {
  --svg: url('data:image/svg+xml,<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.141 1.03796C21.445 1.34215 21.6159 1.75465 21.6159 2.18477C21.6159 2.61488 21.445 3.02739 21.141 3.33157L8.98297 15.4896C8.8223 15.6503 8.63155 15.7777 8.4216 15.8647C8.21166 15.9517 7.98663 15.9965 7.75939 15.9965C7.53214 15.9965 7.30712 15.9517 7.09717 15.8647C6.88723 15.7777 6.69647 15.6503 6.5358 15.4896L0.4952 9.45004C0.340275 9.3004 0.216702 9.12142 0.131691 8.92352C0.0466798 8.72562 0.00193282 8.51277 6.1244e-05 8.29739C-0.00181033 8.08201 0.0392311 7.86842 0.12079 7.66907C0.20235 7.46973 0.322794 7.28862 0.475095 7.13632C0.627395 6.98402 0.808503 6.86357 1.00785 6.78201C1.2072 6.70045 1.42079 6.65941 1.63617 6.66128C1.85155 6.66316 2.06439 6.7079 2.26229 6.79291C2.46019 6.87793 2.63918 7.0015 2.78881 7.15642L7.75885 12.1265L18.8463 1.03796C18.9969 0.887228 19.1758 0.767654 19.3726 0.686072C19.5695 0.604491 19.7805 0.5625 19.9936 0.5625C20.2067 0.5625 20.4177 0.604491 20.6146 0.686072C20.8115 0.767654 20.9903 0.887228 21.141 1.03796Z" fill="currentColor"/></svg>');
}

.icon-user-save {
  --svg: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 10.8333L9.38889 7.94445L8.37778 6.93333L7.22222 8.08889V5.05556H5.77778V8.08889L4.62222 6.93333L3.61111 7.94445L6.5 10.8333ZM1.44444 13C1.04722 13 0.707296 12.8587 0.424667 12.5761C0.142037 12.2934 0.000481481 11.9533 0 11.5556V2.54584C0 2.37732 0.0272036 2.21482 0.081611 2.05834C0.136018 1.90185 0.217148 1.75741 0.325 1.625L1.22778 0.523615C1.36018 0.355096 1.52557 0.225578 1.72394 0.135059C1.92231 0.0445409 2.13007 -0.00047766 2.34722 3.82128e-06H10.6528C10.8694 3.82128e-06 11.0772 0.045263 11.2761 0.135782C11.4749 0.2263 11.6403 0.355578 11.7722 0.523615L12.675 1.625C12.7833 1.75741 12.8647 1.90185 12.9191 2.05834C12.9735 2.21482 13.0005 2.37732 13 2.54584V11.5556C13 11.9528 12.8587 12.2929 12.5761 12.5761C12.2934 12.8592 11.9533 13.0005 11.5556 13H1.44444ZM1.73333 2.16667H11.2667L10.6528 1.44445H2.34722L1.73333 2.16667Z" fill="currentColor"/></svg>');
}
.header {
  padding: 18px 0 17px;
  text-align: center;
  box-shadow: 0px 4px 4px rgba(216, 216, 216, 0.25);
  justify-content: center;
}

.register-header__login {
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  color: var(--color-2D2D2D);
  margin-bottom: 40px;
}

.register-header__login a {
  font-family: Inter-Bold;
  color: var(--color-secondary)
}

.register {
  min-height: 100vh;
  min-width: 100vw;

  padding-top: 50px;
  padding-bottom: 92px;
}

.register-title {
  font-size: var(--font-24px);
  line-height: var(--line-h-29px);
  max-width: 225px;
  color: var(--color-origin-black);
  margin: 0 auto 10px;
}

.register-summary {
  color: var(--color-origin-black);
  margin-bottom: 30px;
}

.register-summary span {
  font-family: Inter-Bold;
  color: var(--color-secondary)
}

.register-step__title {
  position: relative;
  font-family: Inter-Bold;
  font-size: var(--font-18px);
  line-height: var(--line-h-24px);

  color: var(--color-origin-black);
  padding: 0 0 0 15px;
  text-decoration: none;
  margin-bottom: 30px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.register-step__title:before {
  position: absolute;
  content: '';
  height: 20px;
  width: 4px;
  background-color: var(--color-secondary);
  top: 4px;
  left: 0;
}

.register-step__title.collapsed {
  color: var(--color-7D7D7D);
  padding: 0 0 30px 15px;
  width: 100%;
  margin-bottom: 0;
}

.register-step__title.collapsed:before {
  background-color: var(--color-AEB6C0);
}

#investor-title {
  margin-bottom: 30px;
}

.text-left {
  text-align: left;
}

.max-w-\[900px\] {
  max-width: 900px;
}

.process-bar {
  background-color: var(--color-EDF3FF);
  padding: 20px 10px;
  margin-bottom: 40px;
}

.process-step {
  margin-right: 26px;
  flex-direction: column;
  text-align: center;
}
.process-step:last-child {
  margin-right: 0;
}

.process-step:after {
  position: absolute;
  content: '';
  width: 36px;
  height: 1px;
  background-color: var(--color-7D7D7D);
  right: -12px;
  top: 8px;
}
.process-step:nth-child(2):after {
  right: -36px;
}
.process-step:nth-child(3):after {
   right: -26px;
}
.process-step.active:after {
  background-color: var(--color-origin-black);
}
.process-step:last-child:after {
  height: 0;
}

.process-step__number {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  color: var(--color-A5A5A5);
  background-color: var(--color-white);
  border: 1px solid var(--color-A5A5A5);

  font-family: Inter-Bold;
  font-size: var(--font-13px);
  line-height: var(--line-h-18px);

  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 8px;
}
.process-step.active .process-step__number {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.process-step__name {
  color: var(--color-7D7D7D);
}
.process-step.active .process-step__name {
  font-family: Inter-Bold;
  color: var(--color-primary);
}

.pt-20 {
  padding-top: 20px!important;
}

.help-block {
  color: var(--color-D13C40);
  font-size: var(--font-14px);
}

.has-error .form-control, .has-error .select2-container--bootstrap-5 .select2--large.select2-selection--single {
  background-color: var(--color-FFF1F1) !important;
  border-color: var(--color-F8A9A9) !important;
}

.select2-container--bootstrap-5 .select2--large.select2-selection--single {
  background-color: var(--color-EDF3FF);
  color: var(--color-5E5E5E);
  font-size: 1rem;
  height: 50px;
  padding-top: 12px;
  border: none;
}

.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option, .select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-search .select2-search__field {
  font-size: 1rem;
}

.form-check-input:checked[type=radio] {
  background-image: unset;
  background-color: var(--color-white);
  position: relative;
}

.form-check-input:checked[type=radio]:after {
  position: absolute;
  content: '';
  z-index: 1;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--color-secondary);
  right: calc(50% - 5px);
  top: calc(50% - 5px);
}

.form-check-input[type=radio] {
  border-radius: 50% !important;
}

.register-form__submit-btn, .id__reset-btn {
  text-transform: uppercase!important;
}

@media only screen and (min-width: 768px){
  .header {
    padding-top: 30px;
    justify-content: space-between;
    box-shadow: none;
  }

  .login {
    padding: 0;
  }

  .register {
    padding-top: 57px;
    padding-bottom: 223px;
  }

  .register-title {
    line-height: var(--line-h-44px);
    max-width: unset;
    margin-bottom: 5px;
  }

  .register-summary {
    margin-bottom: 100px;
  }

  .register-header__login {
    margin-bottom:0;
  }
  .process-bar {
    margin-bottom: 60px;
  }

  .process-step {
    margin-right: 56px;
    flex-direction: row;
    text-align: left;
  }
  .process-step:after {
    right: -46px;
    top: 50%;
  }
  .process-step:nth-child(2):after {
    right: -46px;
  }
  .process-step:nth-child(3):after {
    right: -46px;
  }

  .process-step__number {
    margin-right: 10px;
    margin-bottom: 0
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .process-step {
    margin-right: 14px;
  }
  .process-step:after {
    right: -18px;
    width: 24px;
/*    width: 30px;*/
  }
  .process-step:nth-child(2):after {
    right: -12px;
  }
  .process-step:nth-child(3):after {
/*    right: -28px;*/
    right: -20px;
  }
  .process-bar {
    font-size: var(--font-12px);
  }

  .register-form {
    padding-bottom: 0px !important;
  }
}
.register .vnpt-ekyc-sdk-container {
  font-family: Inter !important;
}

.register .bg-sdk {
  background-color: var(--color-BgBlue) !important;
}

.register .vnpt-ekyc-sdk-container .vnpt-bg-primary {
  background-color: var(--color-BrandBlue) !important;
  color: var(--color-White) !important;
  font-size: var(--font-14px) !important;
}

.register .vnpt-ekyc-sdk-container .vnpt-text-primary {
  color: var(--color-BrandBlue) !important;
}

.register .vnpt-ekyc-sdk-container .vnpt-text-gray-0 {
  color: var(--color-BrandBlue) !important;
}

.register .vnpt-ekyc-sdk-container {
  --vnpt-primary-color: var(--color-BrandBlue) !important;
}

.register .vnpt-ekyc-sdk-container .warning-message {
  background-color: var(--color-BrandBlue) !important;
  font-size: var(--font-14px) !important;
  color: var(--color-White) !important;
  animation: customPulse .3s infinite !important;
}

.register .vnpt-ekyc-sdk-container .warning-message .vnpt-text-warning {
  color: var(--color-White) !important;
  font-size: var(--font-14px) !important;
}

.register .vnpt-ekyc-sdk-container .vnpt-border-primary .vnpt-text-base {
  font-size: var(--font-14px) !important;
}

.register .vnpt-ekyc-sdk-container .vnpt-border-primary:hover .vnpt-text-base {
  color: var(--color-White) !important;
}

.register .vnpt-ekyc-sdk-container .vnpt-border-primary:hover > svg {
  color: var(--color-White) !important;
}

.register .vnpt-ekyc-sdk-container .vnpt-mt-12 {
  margin-top: 4.4rem !important;
}

.register .vnpt-ekyc-sdk-container select.vnpt-block {
  display: none !important;
}

@keyframes customPulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
.register .agree-commitment {
  margin-bottom: 60px;
}

.register .hint-login {
  margin-top: 12px;
}

.register-form .form-check:first-child {
  margin-right: 30px;
}

.register-contact__continue {
  margin-bottom: 60px;
}

.register-contact__grid .form-group {
  margin-bottom: 20px;
}

.register-contact__grid .form-group:last-child {
  margin-bottom: 0;
}

.register-form {
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.register-form label {
  color: var(--color-origin-black);
}

.register-form label span {
  color: var(--color-D42222)
}

.register-form .form-check-input[type=checkbox] {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  border-color: var(--color-606060)
}

.register-form .form-check-input:checked[type=radio] {
  background-image: unset;
  background-color: var(--color-white);
  position: relative;
}

.register-form .form-check-input:checked[type=radio]:after {
  position: absolute;
  content: '';
  z-index: 1;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--color-secondary);
  right: calc(50% - 5px);
  top: calc(50% - 5px);
}

.register-form .form-control {
  background-color: var(--color-EDF3FF);
  border-radius: 8px;
  padding: 12px;

  border-color: var(--color-EDF3FF);
}

.register-form .help-text {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  letter-spacing: 0.02em;
  color: #9B9B9B;
  font-style: italic;
}

.register-form .form-control.error,
.register-form .form-select.error {
  background: #FFF1F1;
  border: 1px solid #F8A9A9;
}

.register-form .error-text {
  font-size: var(--font-15px);
  line-height: var(--line-h-16px);
  display: flex;
  align-items: center;
  letter-spacing: 0.02em;
  color: var(--color-D13C40);
}

.register-form .form-check-agree-input {
  flex-shrink: 0;
  margin-right: 15px;
  width: 16px;
  height: 16px;
  border-radius: 0;
}

.register-form .form-check-agree-input:checked {
  background-color: var(--color-002454)
}

.register-form .form-check {
  color: var(--color-origin-black);
  font-family: Inter-Bold;
}

.register-form .form-check a {
  color: var(--color-secondary);
  font-family: Inter-Bold;
}

.register .hint-account-type a,
.agree-commitment a,
.hint-login  a {
  color: var(--color-primary);
  font-family: Inter-Bold;
}

.register .hint-account-type {
  color: var(--color-445B6F);
}

.register .form-check-agree-input {
  width: 16px;
  height: 16px;
  margin-top: 4px;
}

.custom-recaptcha .rc-anchor-checkbox {
  width: 16px;
  height: 16px;
}

.custom-recaptcha iframe .rc-anchor-checkbox-label {
  font-size: 12px!important
}

.register-form .form-check.investor-form__confirm {
  padding-left: 0px;
  font-family: Inter;
}

.register-form .form-check.investor-form__confirm span {
  color: var(--color-origin-black);
}

.what-next {
  padding: 30px;
  border: 1px solid var(--color-E3EAF5);
  border-radius: 9px;
}

.what-next__title {
  font-family: Inter-Bold;
  font-size: var(--font-30px);
  line-height: var(--line-h-36px);
  margin-bottom: 25px;
}

.what-next__number {
  width: 36px;
  height: 36px;
  color: var(--color-white);
  background-color: var(--color-2CBCB1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  flex-shrink: 0;
  font-family: Inter-Bold;
  font-size: var(--font-18px);
  line-height: var(--line-h-22px);

  margin-right: 20px;
  margin-top: 4px;
}

.register-form__submit-btn {
  position: relative;
  max-width: 420px;
  font-family: Inter-Bold;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);

  color: var(--color-white);
  background-color: var(--color-primary);
  padding: 17px 10px 15px;
}
.register-form__submit-btn-icon {
  position: absolute;
  right: 20px;
}

.register-contact__grid {
  display: grid;
  grid-template-columns: 1fr 420px;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
}

.register-form {
  padding-bottom: 0;
  border-bottom: unset;
  margin-bottom: 0;
}

.register-form .form-check:first-child {
  margin-right: 60px;
}

@media (min-width: 320px) and (max-width: 991px) {
  .register-contact__grid {
    grid-template-columns: 1fr;
  }

  .me-btn.submit-button-btn__block {
    min-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }

  .register {
    padding: 0px 16px 0px 12px;
  }

  .register .select2-container {
    width: 100%!important;
  }
}
.register {
  padding-top: 60px;
}

.max-w-\[418px\] {
  max-width: 418px;
}

.otp__confirmation {
  font-size: var(--font-14px);
  line-height: var(--line-h-21px);
  color: var(--color-TextBlue);
  margin-bottom: 20px;
}

.sms-alert .tooltip-inner {
  min-width: 412px!important;
  font-size: var(--font-12px);
}

.register-confirm_otp .register-confirm_otp-row {
  display: grid;
  grid-template-columns: 50px auto 20px;
  column-gap: 10px;
  border: 1px solid var(--color-BgGrey);
  padding: 20px 8px 20px 20px;
  margin-bottom: 24px; 
}

.register .big-button-link-to__block {
  min-width: 420px;
}

.otp-input_group {
  display: grid;
  grid-template-columns: 1fr max-content;
}

.otp-input_group .form-control {
  background-color: var(--color-BgBlue);
  border-radius: unset;
  padding: 12px;
  border: 1px solid var(--color-BgBlue)!important;
  border-right: unset;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.otp-input_group.has-error .otp-input_group-resent {
  background-color: var(--color-BgError) !important;
}

.otp-input_group.has-error {
  border: 1px solid var(--color-PrimaryRed);
  border-radius: 8px;
}

.otp-input_group:focus-within {
  border: 1px solid var(--color-LightBlue);
  border-radius: 8px;
}

.otp-alert_message {
  padding-top: 4px;
}

.otp__resend.countdown-timer {
  padding-top: 20px;
  margin-bottom: 0px;
}

.otp-input_group:focus-within .form-control {
  box-shadow: unset;
}

.otp-input_group .otp-input_group-resent {
  background-color: var(--color-BgBlue);
  padding: 16px 12px 12px 12px;
  border: 1px solid var(--color-BgBlue);
  border-left: unset;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: var(--font-12px);
}

.otp-input_group .otp-input_group-resent a {
  color: var(--color-TextBlue);
  text-decoration: unset;
}

.otp-input_group .otp-input_group-resent .missing-otp {
  margin-right: 20px;
}

.otp-input_group .otp-input_group-resent a.icon-info {
  margin-top: 2px;
  position: absolute;
  margin-left: 6px;
}

.otp-input_group .otp-input_group-resent .icon-reload {
  margin-left: 6px;
}

.register-confirm_otp > .register-confirm_otp-row.edit-contact {
  grid-template-columns: 50px max-content 70px;
}

.register-confirm_otp .register-confirm_otp-row.edit-contact .form-control {
  width: 370px;
}

.register-confirm_otp-icon {
  background: var(--color-BgGreen);
  width: 60px;
  height: 60px;
}

.register-confirm_otp-point .none-btn {
  --bs-btn-padding-x: 0px;
  --bs-btn-padding-y: 0px;
}

.register-confirm_otp-icon:has(.icon-mobile-phone) {
  background: var(--color-BgOrange);
}

.register-confirm_otp-icon .icon-email {
  width: 30px;
  height: 24px;
  margin: 18px 12px 12px 14px;
}

.register-confirm_otp-icon .icon-mobile-phone {
  width: 20px;
  height: 35px;
  margin: 14px 12px 11px 20px;
}

.register-confirm_otp-text a {
  color: var(--color-Black)
}

.register-confirm_otp-text {
  display: inline-flex;
  padding-top: 4px;
  margin-left: 20px;
  color: var(--color-TextBlue);
}

.register-confirm_otp-text .hint-text {
  padding-right: 8px;
  padding-top: 14px;
}

.register-confirm_otp-text .contact-text {
  padding-top: 14px;
  font-family: Inter-Bold;
}

.register-confirm_otp-point {
  padding-top: 20px;
}

.register-confirm_otp-point a {
  color: var(--color-Black);
}

.register-confirm_otp-point .icon-check-circle {
  color: var(--color-PrimaryGreen);
  width: 16px;
  height: 16px;
  margin-top: 4px;
}

.register-confirm_otp-point .icon-close {
  width: 16px;
  height: 16px;
  color: var(--color-VariantGrey);
}

.register-confirm_otp-point .icon-check {
  width: 21px;
  height: 16px;
  color: var(--color-BrandBlue);
}

.form-group .form-control {
  background-color: var(--color-EDF3FF);
  border-radius: 8px;
  padding: 12px 20px;
}

.form-group .form-control.confirm-otp {
  border-color: var(--color-EDF3FF);
  border: 1px solid var(--color-7799D4);
  text-align: right;
}

.otp__resend {
  color: var(--color-TextBlue);
}

.otp__resend span.time {
  color: var(--color-D13C40);
  font-family: Inter-Bold;
}

.otp__resend a {
  text-decoration: none;
  color: var(--color-secondary);
}

.otp-horizontal {
  height: 1px;
  background: var(--color-E4E4E4);
  margin-bottom: 40px;
}

.otp__resend a {
  display: inline-flex;
}

@media only screen and (min-width: 992px) {
  .otp__confirmation {
    margin-bottom: 18px;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .form-group .form-control.confirm-otp {
    text-align: left;
  }

  .register-confirm_otp-text {
    display: block;
  }

  .register-confirm_otp-text .hint-text {
    padding-top: 0px;
  }

  .register-confirm_otp > .register-confirm_otp-row.edit-contact {
    grid-template-columns: 50px 1fr;
  }

  .register-confirm_otp .register-confirm_otp-row.edit-contact .form-control {
    width: 100%;
    padding: 2px 10px;
    margin-top: 8px;
    border: 1px solid var(--color-EDF3FF);
  }

  .register-confirm_otp .register-confirm_otp-row.edit-contact .register-confirm_otp-text {
    padding-top: 0px;
  }

  .register-confirm_otp .register-confirm_otp-row.edit-contact .register-confirm_otp-text .hint-text {
    padding-top: 0px;
  }

  .register-confirm_otp .register-confirm_otp-row.edit-contact .register-confirm_otp-point {
    padding-top: 12px;
    margin-left: 72px;
    display: flex;
  }

  .register-confirm_otp .register-confirm_otp-row.edit-contact {
    padding: 20px 20px 8px 20px;
  }

  .sms-alert .tooltip-inner {
    min-width: 100%!important;
  }

  .register .big-button-link-to__block {
    min-width: 100%;
  }
}
.kyc__title {
  color: var(--color-445B6F);
  margin: 0 auto 30px;
  max-width: 257px;
}

.max-w-\[750px\] {
  max-width: 750px;
}

.kyc__grid {
  position: relative;
  margin-bottom: 60px;
}

.kyc__item {
  margin-bottom: 30px;
}
.kyc__item:last-child {
  margin-bottom: 0;
}

.kyc__icon {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  background-color: var(--color-BgBlue);
  margin-bottom: 20px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.kyc__text {
  color: var(--color-445B6F);
  max-width: 280px;
  margin: 0 auto;
}

.kyc__begin-btn {
  position: relative;
  max-width: 420px;
  font-family: Inter-Medium;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);

  color: var(--color-white);
  background-color: var(--color-BrandBlue);
  padding: 17px 10px 15px;
}

.id__grid {
  margin-bottom: 60px;
}

.id-card__item {
  margin-bottom: 30px;
}
.id-card__item:last-child {
  margin-bottom: 0;
}

.bg-sdk {
  min-height: 64vh !important;
}

.ekyc-card-photo.id-card img {
  width: 100%;
}

.card-photo {
  background-color: var(--color-F3F3F3);
  text-align: center;
  padding: 93px 10px 86px;
}

.card-photo:hover {
  cursor: pointer;
}

.card-photo.-has-data {
  padding: 16px 14px;
}

.card-photo.-has-data.id-card {
  padding: 10px 8px;
}

.card-photo__title {
  font-family: Inter-Bold;
  color: var(--color-origin-black);
  margin-bottom: 20px;
}

.card-photo__title span {
  color: var(--color-D42222);
}

.card-photo__upload {
  font-size: var(--font-13px);
  line-height: var(--line-h-21px);
  color: var(--color-808080);
}

.id__continue-btn {
  font-family: Inter-Medium;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);

  color: var(--color-white);
  background-color: var(--color-BrandBlue);
  padding: 13px 60px;
}

.btn-continue-icon.arrow-right {
  left: 50px;
  position: relative;
}

.id__reset-btn {
  font-family: Inter-Bold;
  min-width: 180px;
  padding: 15px 50px;
  color: var(--color-445B6F);
  border-color: var(--color-445B6F);
  margin-right: 20px;
  font-size: var(--font-14px);
}

.id__reset-btn:hover {
  border-color: var(--color-445B6F);
}

.face__title {
  font-family: Inter-Bold;
  color: var(--color-origin-black);
  margin-bottom: 24px;
}

.face__instruction {
  color: var(--color-445B6F);
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  margin-bottom: 30px;
}

.face__icon {
  position: relative;
  width: 220px;
  height: 220px;
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  border-radius: 110px;
  background-color: var(--color-BgBlue);

  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 30px;
}

.face__hint {
  font-size: var(--font-13px);
  line-height: var(--line-h-18px);
  color: var(--color-8B8B8B);
  margin-bottom: 60px;
}

.face__icon-check {
  position: absolute;
  z-index: 1;
  bottom: -12px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: var(--color-2BC12B)
}

.card__icon {
  position: relative;
  width: 120px;
  height: 120px;
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  border-radius: 110px;
  background-color: var(--color-BgBlue);

  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 30px;
}

.drop-zone-upload{
  position: relative;
  overflow: hidden;
}
.drop-zone-upload input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}

@media only screen and (min-width: 992px) {
  .kyc__title {
    margin-bottom: 50px;
    max-width: unset;
  }

  .kyc__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 190px;
    margin-bottom: 80px;
  }

  .kyc__grid:before {
    position: absolute;
    content: '';
    width: 0.5px;
    height: 120px;
    background-color: var(--color-888181);
    left: 380px;
    top: 30px;
  }

  .profile .kyc__grid:before {
    left: 412px;
  }

  .kyc__item {
    margin-bottom: 0;
  }

  .id__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    margin-bottom: 40px;
  }

  .id__grid_hint {
    display: grid;
    grid-template-columns: 320px 1px 320px;
    column-gap: 60px;
    margin-bottom: 40px;
    justify-content: space-evenly;
    align-items: center;
  }

  .id__grid_hint ~ .d-flex .btn{
    width: 420px;
  }

  .id-card__item {
    margin-bottom: 0;
  }

  .id-card__item_divider {
    border: 0.5px solid var(--color-888181);
    height: 50%;
  }

  .card-photo__title {
    margin-bottom: 25px;
  }

  .id__reset-btn {
    min-width: 200px;
    padding: 13px 60px;
  }

  .face__instruction {
    margin-bottom: 40px;
  }

  .face__icon {
    margin-bottom: 40px;
  }
  .face__hint {
    margin-bottom: 50px;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .id-card__item.face-item {
    padding-top: 0px !important;
  }
}
.investor__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 25px;
  column-gap: 40px;
  padding-bottom: 24px;
}

.investor__form.custom-single {
  grid-template-columns: 1fr;
}

.register .alert-box {
  background: var(--color-rgba-2CBCB1-24);
  padding: 12px;
  display: flex;
  align-items: center;
  font-size: var(--font-14px);
}

.register .process-bar {
  margin-bottom: 40px;
}

.register .iframe-pdf-content {
  width: 100%;
}

.register .alert-box.danger {
  background: var(--color-BgRed);
}

.register .alert-box.danger .icon {
  color: var(--color-PrimaryRed);
}

.register .alert-box.info {
  background: var(--color-BgGrey);
}

.register .alert-box.info .icon {
  color: var(--color-BrandBlue);
}

.register .alert-box .icon {
  color: var(--color-PrimaryGreen);
  width: 16px;
  height: 16px;
  margin-top: 6px;
}

.register .alert-box .alert-box_content {
  padding-left: 12px;
  color: var(--color-PrimaryGrey);
}

.register .form-group.select.disabled .select2-selection {
  background-color: var(--color-E9E9E9);
  border-color: var(--color-E9E9E9);
}

.register .text_link {
  color: var(--color-BrandBlue);
  font-family: Inter-Medium;
  font-size: var(--font-13px);
}

.register .submit-box {
  margin: 40px 0px 30px 0px;
  text-align: center;
}

.register .form-group .select2-container {
  width: 100% !important;
}

.register .investor-type .form-check-input {
  margin-right: 8px;
}

.investor__form label {
  color: var(--color-Black);
  margin-bottom: 12px;
  font-family: Inter-Medium;
}

.investor__form label span {
  color: var(--color-D42222)
}

.id__grid label {
  color: var(--color-Black);
  margin-bottom: 12px;
  font-family: Inter-Medium;
}

.id__grid label span {
  color: var(--color-D42222)
}

.investor__form label span.normal-text {
  color: var(--color-Black);
}

.investor__form .form-control {
  background-color: var(--color-EDF3FF);
  border-radius: 8px;
  padding: 12px;

  border-color: var(--color-EDF3FF);
  color: var(--color-TextBack);
}

.investor__form .form-select,
.register-form .form-select {
  background-color: var(--color-EDF3FF);
  border-radius: 8px;
  padding: 12px;

  border-color: var(--color-EDF3FF);
  color: var(--color-5E5E5E);
}

.investor__form .register-tooltip__text {
  color: var(--color-Black);
}

.investor__form .form-check-input {
  flex-shrink: 0;
  margin-right: 15px;
  width: 16px;
  height: 16px;
  border-radius: 0;
}

.investor__form .form-check {
  color: var(--color-Black);
  font-family: Inter-Bold;
}

.investor__form .form-check:has(span) {
  margin-bottom: 12px;
  font-family: Inter-Medium;
}

.investor__form .form-check a {
  color: var(--color-secondary);
  font-family: Inter-ExtraBold;
}

.account-collapse .w-200 {
  width: 200px;
}

.investor-form__footer {
  padding-top: 15px;
}

.investor__form__submit-btn {
  position: relative;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);

  color: var(--color-white);
  background-color: var(--color-BrandBlue);
  padding: 17px 10px 15px;

}

.investor__form__submit-btn-icon {
  position: absolute;
  right: 12px;
  color: var(--color-62A8FF);
}

.register-orther-form--text{
  padding-left: 30px;
  padding-right: 30px;
}

.btn.disabled {
  background-color: var(--color-AEB6C0);
  color: var(--color-white);
  border-color: var(--color-AEB6C0);
}

.btn.disabled .investor__form__submit-btn-icon {
  color: var(--color-white);
}

.investor-form__confirm {
  padding-top: 15px;
}

.register-step__title .btn-edit {
  display: none;
}

.register-step__title.collapsed .btn-edit {
  display: inline-block;
  color: var(--color-445B6F);
  font-size: var(--font-12px);
  line-height: var(--line-h-18px);
  font-family: Inter-ExtraBold;
  width: 126px;
  text-align: center;
  padding: 6px 10px;

  border: 1px solid var(--color-445B6F);
  border-radius: 8px;
}

.register .register-step__title:hover {
  color: var(--color-Black);
}

#investorInfo.collapse.show + .investor-info,
#bankAccount.collapse.show + .bank-info{
  display: none;
}

.investor-info, .bank-info {
  padding: 0 0 30px 10px;
  display:grid;
  grid-template-columns: 180px 2fr;
  column-gap: 26px;

  color: var(--color-445B6F);
  font-size: var(--font-15px);
  line-height: var(--line-h-23px);
  font-family: Inter-Medium;
}

.account-collapse {
  border-bottom: 1px solid var(--color-E4E4E4);
  margin-bottom: 42px;
  position: relative;
}

.account-collapse:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.h-\[50px\] {
  height: 50px;
}

.other__form {
  padding-bottom: 0;
  margin-bottom: 30px;
}

.other__skip-text {
  font-family: Inter-ExtraBold;
  font-size: var(--font-14x);
  line-height: var(--line-h-18px);
  text-align: center;
  color: var(--color-Black);
}

#otherInfo.collapse.show .-hide-boder-bottom {
  margin-bottom: -2px;
  z-index: 1;
  background-color: #fff;
  position: relative;
  padding-bottom: 0;
}

.register {
  padding-bottom: 62px;
}

.form-group-render {
  display: contents;
}

.investor__form .ml-group-radio {
  margin-left: 1px;
}

.modal-terms-of-use .modal-header{
  padding: 8px 12px;
  background: var(--color-BrandBlue);
  color: var(--color-white);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.modal-terms-of-use .list-group-item {
  border: none;
}

.modal-terms-of-use .modal-content {
  border-radius: 0;
  text-align: justify;
}

.modal-terms-of-use .btn-close {
  opacity: 1;
  background: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.25 7.75L7.75 23.25' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.75 7.75L23.25 23.25' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.modal-terms-of-use .modal-body .body-title {
  font-family: Inter-ExtraBold;
  font-size: var(--font-36px);
  color: var(--color-BrandBlue);
  padding: 30px 0px 10px 30px;
}

.modal-terms-of-use .modal-lg {
  --bs-modal-width: 950px;
}

.modal-terms-of-use .list-group {
  padding: 0px 20px 0px 24px;
}

.modal-terms-of-use .modal-title {
  padding-left: 12px;
}

.modal-terms-of-use .modal-footer {
  min-height: 60px;
  border-top: 0;
}

.investor__form .form-control.disabled {
  background-color: var(--color-E9E9E9);
  border-color: var(--color-E9E9E9);
  color: var(--color-VariantGrey);
}

.investor-note {
  font-style: italic;
  color: var(--color-7D7D7D);
}

@media only screen and (min-width: 992px) {
  .investor-form__confirm {
    padding-top: 25px;
  }

  .investor-form__footer {
    padding-top: 20px;
  }

  .investor-info, .bank-info {
    padding: 0 0 34px 10px;
    grid-template-columns: 178px 2fr;
    column-gap: 92px;
  }

  .other__skip-text {
    text-align: left;
  }

  .other__form {
    padding-bottom: 40px;
    border-bottom: 1px solid var(--color-E4E4E4);
    margin-bottom: 40px;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .modal-terms-of-use .modal-body .body-title {
    font-size: var(--font-24px);
    padding: 16px 0px 10px 6px;
  }

  .modal-terms-of-use .list-group {
    padding-left: 0px;
  }

  .modal-terms-of-use .modal-title {
    padding-left: 6px;
  }

  .investor-edit__profile .authorized-person-state .form-check {
    width: 50%;
    padding-left: 1.1em;
  }

  .investor-edit__profile .drop-zone-upload .-has-data img {
    width: 100%;
  }

  .investor-edit__profile .id__reset-btn {
    min-width: 168px;
  }

  .other-info .skip-step {
    font-size: var(--font-13px);
  }

  .big-button-link-to__block {
    min-width: 100%;
  }

  .investor__form {
    grid-template-columns: 1fr;
  }
}
.trading-code__title {
  background: var(--color-F3F3F3);
  padding: 8px 0px 8px 0px;
  margin-top: -24px;
}

.trading-code__title .icon-info {
  display: inline;
  padding: 0px 12px;
}

.table-trading-codes {
  width: 50%;
  display: inline-flex;
}

.table-trading-codes tr {
  border-right: 1.5px solid var(--color-F3F3F3);
  border-left: 1.5px solid var(--color-F3F3F3);
}

.table-trading-codes thead tr {
  border-top: 1.5px solid var(--color-F3F3F3);
  font-family: Inter-Bold;
}

.table-trading-codes .currency {
  color: var(--color-2CBCB1);
}

.trading-code__content .separation {
  display: block;
  width: 2px;
  border-left: 1.5px solid var(--color-F3F3F3);
  margin-left: 6px;
}

.table-trading-codes .content {
  display: block;
  width: 99%;
  margin: 16px;
}

.trading-code__content .input-trading-code input.trading-code {
  width: 50%;
}

.trading-code__content .input-trading-code {
  padding-left: 20px;
}

.trading-code__content .form-group:has(.input-trading-code) {
  margin: 0px 0px 12px 12px;
}

.trading-code-selected {
  margin-top: 16px;
  background-color: var(--color-EDF3FF);
  padding: 16px;
  min-height: 60px;
  height: auto;
  color: var(--color-primary);
  line-height: var(--line-h-30px);
}

.trading-code-selected .title {
  font-family: Inter-ExtraBold;
  font-size: var(--font-20px)
}

.trading-code-selected .sub-title {
  font-family: Inter-Bold;
}

@media (min-width: 320px) and (max-width: 991px) {
  .table-trading-codes {
    width: 100%;
  }

  .trading-code__title {
    padding: 8px 16px 8px 16px;
    text-align: justify;
    line-height: var(--line-h-26px);
  }
  .trading-code__title .icon-info {
    padding: 0px 8px 0px 0px;
  }

  .trading-code__content .input-trading-code input.trading-code {
    width: 100%;
  }
}

.register-group-box .register-group-box__content {
  display: grid;
  grid-template-columns: 50% 50%;
  column-gap: 16px;
  padding-right: 8px;
  word-break: break-word;
}

.register-group-box .register-group-box__title {
  display: grid;
  grid-template-columns: 70% 30%;
}

.register-group-box .register-group-box__content .item-text.label {
  color: var(--color-848484);
}

.register-group-box .register-group-box__content .item-text {
  padding-top: 12px;
  color: var(--color-TextBack);
}

.register .form-select {
  color: var(--color-TextBack);
}

.register-group-box .register-group-box__title .text-left {
  width: 70%;
  font-family: Inter-Bold;
}

.register-group-box .register-group-box__title .text-right a {
  text-decoration: none;
  color: var(--color-Black); 
}

.register-group-box .hr {
  margin: 10px 0px 10px 0px;
  width: 100%;
  border-bottom: 1px solid var(--color-D0D0D0);
}

.register .edit_customer .investor-form__footer .submit-button-btn__block {
  min-width: unset;
  height: auto;
  padding: 12px 40px 12px 40px;
}

.register .edit_customer .investor-form__footer {
  margin-bottom: 50px;
}

.cancel-submit-button {
  position: relative;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  color: var(--color-PrimaryGrey);
  border: 1px solid var(--color-VariantGrey);
  padding: 12px 40px 12px 40px;
}

.cancel-submit-button:hover {
  border: 2px solid var(--color-VariantGrey);
}
.register-complete {
  padding-top: 60px;
  min-height: calc(100vh - 83px);
}

.register-complete__title {
  font-family: Inter-Medium;
  font-size: var(--font-20px);
  line-height: var(--line-h-28px);

  margin-bottom: 40px;
}

.register-complete__image {
  background-color: var(--color-EDF3FF);
  width: 200px;
  height: 200px;
  border-radius: 100px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 40px;
}

.register-complete__image img {
  width: 170px;
  height: 117px;
}

.register-complete__thanks {
  font-size: var(--font-18px);
  line-height: var(--line-h-21px);
  font-family: Inter-Medium;
  color: var(--color-origin-black)
}

.register-complete__thanks-text {
  color: var(--color-origin-black);
  margin-bottom: 40px;
}

.register-complete__thanks-text a {
  color: var(--color-secondary);
  font-family: Inter-Bold;
}

.register-complete__thanks-text ul {
  text-align: center;
  list-style-position: inside;
}

.register-complete__thanks-text li span {
  padding-left: 0px;
}

.register-complete__thanks-text b {
  color: var(--color-BrandBlue);
}

.register__back-btn {
  position: relative;
  max-width: 420px;
  font-family: Inter-Medium;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);

  color: var(--color-white);
  background-color: var(--color-primary);
  padding: 17px 10px 15px;
}
.register__back-btn-icon {
  position: absolute;
  right: 20px;
}

@media only screen and (min-width: 992px) {
  .register-complete {
    padding-top: 50px;
    min-height: 100vh;
  }


  .register-complete__title {
    font-size: var(--font-24px);
    line-height: var(--line-h-44px);
  }
  .register-complete__image {
    width: 260px;
    height: 260px;
    border-radius: 130px;
  }

  .register-complete__image img {
    width: unset;
    height: unset;
  }
}
.buy-sell-content {
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 40px;
}
.buy-sell-form h5 {
  font-size: var(--font-20px);
  line-height: var(--line-h-24px);
  letter-spacing: 0.02em;
  color: #000000;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-D0D0D0);
  margin-bottom: 20px;
}

.buy-sell-content .profile-group-box__warning .noted-banner {
  margin: 16px 0px 16px 0px;
}

.buy-sell-group {
  align-items: flex-start;
}

.buy-sell-info {
  background: var(--color-EDF3FF);
  padding: 30px;
  max-width: 445px;
  width: 100%;
}

.preview-summary-order {
  max-width: 445px;
  width: 100%;
}

.buy-sell-info > h5 {
  font-size: var(--font-20px);
  line-height: var(--line-h-24px);
  letter-spacing: 0.02em;
  color: var(--color-primary);
}
.buy-sell-info .buy-sell-info__list {
  padding-top: 15px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-E6E6E6);

  display: flex;
  justify-content: space-between;
  align-items: center;
}
.buy-sell-info .buy-sell-info__list.first {
  border-top: 0 none;
}
.buy-sell-info .buy-sell-info__list.last {
  padding-bottom: 0;
}
.buy-sell-info .buy-sell-info__list label {
  font-weight: 500;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  letter-spacing: 0.02em;
  color: var(--color-black);
}
.buy-sell-info .buy-sell-info__list span {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  text-align: right;
  letter-spacing: 0.02em;
  color: var(--color-black);
}
.buy-sell-info .buy-sell-info__list span.active {
  color: var(--color-2CBCB1);
}

.mobile.buy-sell-info .buy-sell-info__list {
  display: none;
}

.mobile.buy-sell-info .buy-sell-info__list.less {
  display: flex;
}

.mobile.buy-sell-info .buy-sell-info__list.more {
  display: flex;
}

.mobile.buy-sell-info .buy-sell-info__list.show {
  display: flex!important;
}

.mobile .toggle-estimate:not(.opened) .icon-arrow-up {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mobile .toggle-estimate {
  color: var(--color-BrandBlue);
  text-decoration: underline;
}

.mobile .toggle-estimate .icon-arrow-up {
  margin-left: 6px;
}

.buy-sell-item__noted .noted-banner {
  background: var(--color-F3F3F3);
  padding: 7px 20px 7px 15px;
  display: flex;
  align-items: center;
}
.buy-sell-item__noted .noted-banner p {
  margin: 0 0 0 15px;
}
.buy-sell-item__noted .noted-banner p a {
  color: var(--color-secondary);
}
.buy-sell-item__noted .noted-banner p b {
  color: var(--color-secondary);
}
.buy-sell-item__noted .noted-info {
  display: flex;
}
.buy-sell-item__noted .noted-info .noted-info__left li {
  padding: 7px 0;
  font-size: var(--font-15px);
  margin-right: 40px;
}
.buy-sell-item__noted .noted-info .noted-info__left li .green {
  color: var(--color-2CBCB1);
}
.buy-sell-item__noted .noted-info .noted-info__left li .red {
  color: var(--color-D13C40);
}
.buy-sell-item__noted .noted-info .noted-info__right p {
  font-size: var(--font-13px);
  line-height: var(--line-h-18px);
  color: var(--color-2CBCB1);
}
.buy-sell-form-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.buy-sell-form-success .buy-sell-form-success__icon {}
.buy-sell-form-success .buy-sell-form-success__info {
  text-align: center;
}
.buy-sell-form-success .buy-sell-form-success__info h4 {
  font-size: var(--font-20px);
  line-height: var(--line-h-36px);
  letter-spacing: 0.02em;
  color: var(--color-2CBCB1);
}

.buy-sell-form-success .buy-sell-form-success__info h4.cancelled {
  color: var(--color-FD4755);
}

.buy-sell-form-success .buy-sell-form-success__info p {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  letter-spacing: 0.02em;
  color: var(--color-445B6F);
}
.buy-sell-form-success .buy-sell-form-success__info p a {
  color: var(--color-secondary);
}

.order-tx_payment_code {
  font-size: var(--font-12px);
  text-align: center;
  font-weight: bold;
}

.buy-sell-form__action .submit-button-link-to__block_icon_arrow {
  margin-right: 0px !important;
}

.sip-program .choose-program label {
  font-family: 'Inter';
}

.sip-program .buy-sell-form__item.choose-program {
  grid-template-columns: 1fr;
}

.sip-program .order-detail-payment-box .noted-banner {
  margin-left: 0px;
}

.buy-sell-form__item .form-check-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.buy-sell-form__item .form-check-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.buy-sell-form__item .form-link-refer {
  padding-bottom: 12px;
}

.buy-sell-form__item .form-link-refer a {
  color: var(--color-primary);
  font-family: Inter-Bold;
}

.sell-quantity-input_group {
  display: grid;
  grid-template-columns: 1fr max-content;
  height: 50px;
  border-radius: 8px;
}

.sell-quantity-input_group .form-control {
  background-color: var(--color-BgBlue);
  border-radius: unset;
  padding: 12px;
  border: 1px solid var(--color-BgBlue)!important;
  border-right: unset;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.sell-quantity-input_group .sell-quantity-input_group-select {
  background-color: var(--color-BgBlue);
  padding: 12px;
  border: 1px solid var(--color-BgBlue);
  border-left: unset;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: var(--font-12px);
  height: 50px;
}

.sell-quantity-input_group .sell-quantity-input_group-select .select-all{
  background-color: var(--color-TextGrey);
  padding: 4px 8px;
  color: var(--color-White);
  border-radius: 8px;
  cursor: pointer;
}

.buy-sell-info .help-text {
  font-size: var(--font-13px);
  line-height: var(--line-h-20px);
  letter-spacing: 0.02em;
  color: rgb(155, 155, 155);
  font-style: italic;
}

.otp-input_group:focus-within {
  border: 1px solid var(--color-LightBlue);
  border-radius: 8px;
}

.sell-quantity-input_group:has(.form-control:focus-within) {
  box-shadow: 0px 0px 0px 4px rgb(199, 218, 255);
}

.sell-quantity-input_group .form-control:focus-within {
  box-shadow: none;
}

@media (min-width: 320px) and (max-width: 991px) {
  .buy-sell-content .process-step {
    margin-right: 15px;
  }

  .buy-sell-form .register-form__submit-btn, .buy-sell-form .id__reset-btn {
    min-width: auto;
    padding-left: 30px;
    padding-right: 30px;
    flex: 1;
  }

  .buy-sell-form__item .noted-info__right {
    text-align: center;
  }

  .buy-sell-form__action .id__reset-btn {
    padding-left: 22px !important;
  }

  .buy-sell-form .register-form__submit-btn.btn-confirm-transfer{
    min-width: 100%;
    max-width: 100%;
  }

  .buy-sell-form .buy-sell-form__action {
    text-align: center;
  }

  .sip-program .modal .modal-body {
    padding: 24px;
  }

  .buy-sell-form__item .form-check-item {
    display: block;
  }

  .transfer .button-link-to__block {
    padding-left: 12px;
    padding-right: 12px;
  }

  .transfer .button-link-to__block_icon_arrow {
    padding-left: 12px;
  }

  .transfer .submit-button-btn__icon-arrow {
    margin-left: 12px;
  }

  .complete .mobile.big-button-link-to__block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .complete .mobile-actions:has(> :last-child:nth-child(1)) .mobile.big-button-link-to__block {
    margin-left: 0px;
  }

  .preview-summary-order {
    margin-top: 20px;
  }
}
.history-content {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  font-size: var(--font-14px);
}


.history-balance .table th {
  background-color: var(--color-F0F3F8);
}

.history-balance .chart-content {
  padding: 40px;
  margin-bottom: 40px;
}

.history-balance .chart-content .chart-item {
  margin: 12px 0px 18px 0px;
}

.history-balance .chart-doughnut__legend {
  display: table;
}

.history-balance .chart-doughnut__legend-view {
  display: table-cell;
  vertical-align: middle;
}

.history-balance .chart-doughnut__legend-box {
  display: grid;
  grid-template-columns: 2px 1fr;
  column-gap: 4px;
  font-size: var(--font-14px);
}

.history-balance .mobile-balances .noted-banner-content {
  text-align: left!important;
}

.history-balance .chart-doughnut__legend-box {
  display: grid;
  grid-template-columns: 2px 1fr;
  column-gap: 4px;
  font-size: var(--font-14px);
}

.history-balance .chart-doughnut__legend .item-legend {
  background-color: unset;
  margin-bottom: 0px;
  padding: 12px;
}

.history-balance .legend-item-row .legend-item_item {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.history-balance .chart-doughnut__legend .market-value {
  text-align: right!important;
}

.history-balance .chart-doughnut__legend .item-legend .quantity {
  text-align: left;
  padding-left: 8px;
}

.history-balance .chart-doughnut__legend .item-legend .fund-name {
  padding-left: 8px;
  color: var(--color-black);
  font-family: 'Inter-Medium';
}

.history-balance .chart-doughnut__legend .color {
  width: 6px;
  height: 40px;
  padding-right: 0px;
}

.history-balance .summary-balance {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 16px;
  border-top: 1.5px solid var(--color-E9E9E9);
  padding-top: 40px;
  margin-top: 20px;
}

.history-balance .summary-balance .summary-balance_box {
  border: 1px solid var(--color-2574BA);
  border-radius: 5px;
  min-height: 124px;
  padding: 16px;
  color: var(--color-45586C);
  font-size: var(--font-15px);
}

.history-balance .summary-balance .summary-balance_box .title {
  color: var(--color-58667E);
  font-family: 'Inter-Bold';
  font-size: var(--font-16px);
  padding-bottom: 16px;
}

.history-balance .summary-balance .summary-balance_box .market-value {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
  padding-bottom: 8px;
}

.history-balance .summary-balance .summary-balance_box .profit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
}

.history-balance .market-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
  width: 100%;
}

.history-balance .market-info .trading-code {
  background-color: var(--color-EDF3FF);
  border-radius: 8px;
  margin-left: 8px;
  padding: 2px 8px 2px 8px;
  color: var(--color-primary);
  font-family: 'Inter-Medium';
}

.history-content .fund__tab {
  height: 26px;
}

.history-content .fund__tab .badge {
  padding: 4px;
}

.history-table {
  width: 100%;
  margin-bottom: 40px;
}

.history-content .icon-info .icon-tooltip {
  margin-bottom: -2px
}

.history-table .badge {
  font-family: Inter-Bold;
  font-size: var(--font-14px);
  padding: 12px;
}

.history-table .badge.bg-invest,
.mobile-history-transaction .badge.bg-invest {
  color: var(--color-2CBCB1);
  background-color: var(--color-rgba-2CBCB1);
}

.history-table .badge.bg-redeem,
.mobile-history-transaction .badge.bg-redeem {
  color: var(--color-D13C40);
  background-color: var(--color-rgba-D13C40);
}

.history-table th {
  line-height: var(--line-h-20px);
  background: var(--color-E8FFFD);
  padding: 11px 10px 9px;
}

.history-table td {
  padding: 16px 0px 16px 16px!important;
}

.history-table th {
  text-align: center;
}

.history-table tbody tr {
  border-bottom: 1px solid var(--color-C7C7C7);
}

.history-content .table .title {
  color: var(--color-primary);
  font-size: var(--font-15px);
  font-family: Inter-Bold;
  border-right: 1px solid var(--color-white);
}

.history-content .table:last-child {
  margin-bottom: 0px;
}

.history-content .desktop-balances .table .title {
  border-right: 1px solid var(--bs-table-border-color);
}

.history-content .program-overview {
  background-color: var(--color-F0F3F8);
  padding: 16px;
  line-height: var(--line-h-30px);
}

.history-content .program-overview .status {
  font-family: Inter-Medium;
  color: var(--color-success);
}

.history-filter .history__form {
  padding-bottom: 40px;
}

.history-filter .form-select.form-control-lg {
  height: 50px;
}

.history__form .input-group-text {
  background-color: unset;
  border-radius: 8px;
  padding: 12px 10px 6px;
  border-color: var(--color-C7C7C7);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid var(--color-C7C7C7);
  border-left: 0!important;
}

.history__form .icon-calendar {
  width: 24px;
  height: 24px;
}

.history__form .form-control {
  border-color: var(--color-C7C7C7);
  border: 1px solid var(--color-C7C7C7);
  background-color: unset;
}

.history__form .form-control.date {
  border-right: 0!important;
  padding-right: 0;
}

.history-dropdown > button.dropdown-toggle {
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  background-color: var(--color-EDF3FF);
  padding: 12px;
}

.history-dropdown > button.dropdown-toggle a{
  text-decoration: unset;
  color: var(--color-275E8E);
  font-family: Inter-ExtraBold;
}

.history-dropdown .dropdown-menu a {
  text-decoration: unset;
}

.history-dropdown > button.dropdown-toggle::after {
  position: absolute;
  right: 1ch;
  top: calc(50% - 0.2ch);
}

.history-dropdown > button:focus {
  border: 1px solid var(--color-EDF3FF);
}

.history-dropdown .dropdown-item {
  cursor: pointer;
}

.history-dropdown .dropdown-menu {
  width: 100%;
  background-color: var(--color-EDF3FF);
  border: 1px solid var(--color-EDF3FF);
}

.badge.bg-blue {
  background-color: var(--color-C2CAD9);
  color: var(--color-45586C);
  --bs-badge-padding-y: 0.45em;
  font-family: Inter;
}

.history__form .btn-search {
  background-color: unset;
  border-radius: 8px;
  padding: 12px 16px 6px;
  border-color: var(--color-C7C7C7);
  border: 1px solid var(--color-C7C7C7);
  width: auto;
}

.history__form .icon-search {
  width: 20px;
  height: 24px;
}

.link-complete .icon-show {
  width: 24px;
  height: 24px;
  margin-top: 24px
}

.mobile-balances .market-trading-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 8px;
  width: 100%;
  padding-top: 12px;
}

.mobile-balances .mobile-balance__item .fund-type {
  padding-top: 14px;
}

.mobile-balances .market-trading-info .trading-code {
  background-color: var(--color-EDF3FF);
  border-radius: 8px;
  padding: 2px 8px 2px 8px;
  color: var(--color-primary);
}

.mobile-balances .invest-title {
  color: var(--color-primary);
  font-size: var(--font-15px);
  font-family: Inter-Bold;
  padding: 20px 0 8px 0;
}

.mobile-history-transaction .row-transaction__info {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 4px;
  padding-bottom: 12px;
}

.mobile-history-transaction .row-transaction__info .form-group:last-child {
  text-align: end;
}

.mobile-history-transaction .box-transaction__info {
  border-bottom: 1px solid var(--color-C7C7C7);
  margin-bottom: 12px;
}

.mobile-history-transaction .invest-title {
  color: var(--color-primary);
  font-family: Inter-Bold;
  padding-bottom: 12px;
}

.history-content .history-table__actions {
  display: grid;
  grid-template-columns: 1fr;
}

.history-content .history-table__actions .icon {
  width: 20px;
  height: 20px;
  margin-top: 4px;
  display: block;
}

.history-content .history-table__actions .btn-confirm-otp {
  padding: 4px;
  border: 1px solid var(--color-primary);
  border-radius: 8px;
  text-decoration: none;
  font-family: Inter-Bold;
  color: var(--color-primary);
  font-size: var(--font-14px);
  text-align: center;
}

.history-content .active>.page-link, .page-link.active {
  background-color: var(--color-2CBCB1);
  border-color: var(--color-2CBCB1);
  color: white;
}

.history-content .page-link {
  color: var(--color-2CBCB1);
}

.history-content .block-pagination {
  align-items: flex-end!important;
  justify-content: flex-end!important;
  display: flex!important;
  margin-top: 40px;
}

.history-hint-text {
  color: var(--color-A5A5A5);
  padding-bottom: 8px;
}

.history-content .history-table-title {
  color: var(--color-AFAFAF);
  font-family: Inter-Bold;
}

.history-content .history-table-title:after {
  height: 2px;
  display: block;
  width: 100%;
  background: var(--color-black);
  content: '';
  margin-top: 8px;
}

.history-content tr.pending-otp {
  background-color: var(--color-LightOrange);
}

.history-content tr.pending-otp .icon-show {
  color: var(--color-PrimaryOrage);
}

.history-content tr .badge {
  padding: 0px;
  background-color: unset!important;
}

.history.custom .history-table td {
  padding: 16px!important;
}

.history.custom .history-table th {
  text-align: right;
  padding: 16px;
}

.history.custom .history-table th:nth-child(1),
.history.custom .history-table th:nth-child(2){
  text-align: left;
}

.history-table-submenu:after {
  height: 2px;
  display: block;
  width: 100%;
  background: var(--color-black);
  content: '';
  margin-top: 8px;
}

.history-table-submenu .history-table-submenu__title {
  color: var(--color-AFAFAF);
  font-family: Inter-Medium;
  font-size: var(--font-20px);
}

.mobile-balance-submenu:after {
  height: 2px;
  display: block;
  width: 100%;
  background: var(--color-black);
  content: '';
  margin-top: 8px;
}

.mobile-balance-submenu .mobile-balance-submenu__title {
  color: var(--color-AFAFAF);
  font-family: Inter-Bold;
}

.mobile-balance__box .mobile-balance__row {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 16px 0px 0px 0px;
}

.mobile-balance__box .mobile-balance__title {
  font-family: Inter-Bold;
  color: var(--color-origin-black);
  margin-top: 16px;
  border-bottom: 1px solid var(--color-C7C7C7);
}

.mobile-balance__sub-box .mobile-balance__row:first-child {
  font-family: Inter;
  margin-top: 0px;
  border-bottom: unset;
  padding-bottom: 0px;
}

.mobile-balance__sub-box {
  border-bottom: 1px solid var(--color-C7C7C7);
  padding-bottom: 16px;
}

.mobile-balance__sub-box:last-child {
  border-bottom: unset;
  padding-bottom: 0px;
}

.mobile-balance__row .mobile-balance__item:last-child {
  text-align: right; 
}

.mobile-balance__row .mobile-balance__item.subtile {
  font-family: Inter-Bold;
  color: var(--color-primary);
}

.history-content span.low,
.mobile-balances span.low {
  color: var(--color-E7323B)
}

.history-content span.high,
.mobile-balances span.high {
  color: var(--color-2CBCB1)
}

.history-table tbody tr:has(.empty-data-box) {
  border-bottom: 0px;
}

.mobile-history-transaction .box-transaction__info:has(.empty-data-box) {
  border-bottom: 0px;
  font-size: var(--font-14px);
}

.history-content .noted-banner {
  background: var(--color-F3F3F3);
  display: flex;
  align-items: center;
}

.history-content .noted-banner .noted-banner-icon {
  padding: 4px 0px 0px 12px;
}

.history-content .noted-banner .noted-banner-content {
  padding: 12px;
  text-align: justify;
}

.history-content .noted-banner .icon {
  width: 16px;
  height: 16px;
  color: var(--color-primary);
}

.history-content .table th {
  vertical-align: top;
  background: var(--color-F0F3F8);
}

.history-content .-disable {
  color: var(--color-445B6F);
  border: 1px solid var(--color-445B6F);
  font-family: Inter-Bold;
  font-size: var(--font-14px);
}

.history-content .balances {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  padding-top: 12px;
}

.history-content .balances .balance-box {
  border: 1px solid rgba(0,0,0,.125);
  padding: 16px;
  margin-bottom: 20px;
}

.history-content .balances .balance-box .balance-box_title {
  font-family: Inter-Bold;
}

.history-content .balances .balance-box_row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  line-height: 30px;
}

.history-content .balances .balance-box_row .balance-box_row-item:last-child {
  text-align: right;
}

.b2b-balances__submenu {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.b2b-balances__submenu .submenu-item .submenu-item__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.b2b-balances__submenu .submenu-item .submenu-item__icon.staff, th.staff {
  background-color: var(--color-rgba-2CBCB1);
}

.b2b-balances__submenu .submenu-item .submenu-item__icon.company, th.company {
  background-color: var(--color-rgba-0F4C81);
}

.b2b-balances__submenu .submenu-item:last-child {
  text-align: right;
  display: flex;
}

.b2b-balances__submenu .submenu-item__box {
  text-align: right;
  display: flex;
}

.b2b-balances__submenu .submenu-item__box .submenu-item__text {
  padding-left: 8px;
}

.b2b-balances__submenu .submenu-item__box:last-child {
  padding-left: 16px;
}

.history-content .desktop-balances:has(> .balances:empty){
  display: none !important;
}

@media (min-width: 320px) and (max-width: 991px) {
  .history__form .col-sm-3.col-date {
    width: 50%;
  }

  .history__form .col-sm-3.col-order-type {
    width: 75%;
    margin-top: 16px;
  }

  .history__form .col-sm-3.col-btn {
    width: 25%;
    margin-top: 16px;
    display: flex!important;
    justify-content: flex-end!important;
  }

  .heading.custom {
    padding: 30px 0 115px;
  }

  .history .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-chart.history {
    margin-top: -140px;
  }

  .heading-title.custom {
    font-size: var(--font-28px);
  }

  .history-content {
    padding-left: 18px;
    padding-right: 18px;
  }

  .history__form .input-group-text {
    padding: 12px 2px 5px;
  }

  .history__form .form-control.date {
    padding-left: 6px;
  }

  .history-content .block-pagination {
    align-items: center!important;
    justify-content: center!important;
  }

  .history-content .block-pagination .pagination {
    --bs-pagination-padding-x: 0.6rem;
    --bs-pagination-padding-y: 0.2rem;
    --bs-pagination-font-size: var(--font-12px);
  }

  .history-hint-text {
    padding-bottom: 24px;
    text-align: justify;
  }

  .history-table__actions {
    display: inline-flex!important;
  }

  .history-content .history-table__actions .btn-confirm-otp {
    padding: 6px 12px 6px 12px;
  }

  .history-heading .container {
    padding-left: 20px
  }

  .history-heading .heading-title {
    margin-bottom: 0px;
  }

  .mobile-balance-submenu__action .heading-btn {
    width: 100px;
    padding: 8px 0px;
    margin-left: 0px;
  }

  .history .container.contract {
    padding-left: 12px;
    padding-right: 12px;
  }

  .history-content .balances {
    grid-template-columns: 1fr;
  }

  .history-content .mobile-balances:has(> .balances:empty){
    display: none;
  }

  .mobile-balance-submenu .mobile-balance-submenu__title {
    font-size: var(--font-16px);
  }

  .history-balance .chart-content {
    padding: 25px 20px 20px;
  }

  .history-balance .summary-balance {
    grid-template-columns: 1fr;
  }

  .history-balance .chart {
    display: block!important;;
  }

  .history-balance .chart-item {
    width: 100%!important;
    justify-content: center !important;
    display: flex;
  }

  .history-balance .chart-doughnut__legend .item-legend {
    padding: 0px;
  }

  .history-balance .summary-balance .summary-balance_box {
    margin-bottom: 16px;
  }

  .history-balance .summary-balance .summary-balance_box .profit {
    grid-template-columns: 40% 60%;
    column-gap: 0px;
  }

  .history-balance .legend-item-row .legend-item_item:first-child {
    grid-template-columns: 1fr;
  }

  .history-balance .chart-doughnut__legend .color {
    height: 44px;
  }

  .history-balance .legend-item-row {
    margin-bottom: 16px;
  }

  .history-filter .history__form .col-btn.btn-block {
    width: 100%;
  }
}
.setting-content .register-form {
  border-bottom: 0px;
}

.setting-dropdown-menu {
  width: 240px;
}

.setting-dropdown-menu li {
  --bs-dropdown-item-padding-x: 1.4rem;
  --bs-dropdown-item-padding-y: 0.5rem;
}

.setting-dropdown-menu li.sub-menu-title {
  margin-top: 12px;
  color: var(--color-45586C) !important;
  font-family: Inter-Bold;
  font-size: var(--font-14px) !important;
  margin-left: 20px;
}

.setting-dropdown-menu li a {
  margin-left: 12px;
}

.setting-dropdown-menu li:first-child .dropdown-item {
  --bs-dropdown-item-padding-y: 0.1rem;
}

.setting-dropdown-menu li:first-child .hr {
  border-top: 1px solid var(--color-origin-black);
  opacity: 1;
}

.setting-dropdown-menu li:last-child .dropdown-item{
  padding: 0rem 1.4rem;
}

.setting-dropdown-menu {
  --bs-dropdown-border-radius: 0px !important;
}

.setting-dropdown-menu .hr {
  border-top: 1px solid;
  width: 190px;
  opacity: 0.25;
  display: block;
  unicode-bidi: isolate;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  overflow: hidden;
  padding-top: 8px;
}

.setting-dropdown-menu .icon {
  color: var(--color-primary);
}

.setting-dropdown-menu .text-link {
  padding-left: 8px;
}

.setting-dropdown-menu .language-text-link {
  padding-left: 16px;
}

.setting-dropdown-menu .dropdown-item {
  display: grid;
  grid-template-columns: 16px 1fr;
  column-gap: 0px;
}

.setting-group-title {
  border-bottom: 1px solid;
  margin-bottom: 20px;
}

.setting-group-title h3{
  color: var(--color-D0D0D0);
  font-family: Inter-Medium;
}

.setting-form__item-title {
  font-family: Inter-Bold;
  margin-bottom: 12px;
}

.setting-sub-menu {
  padding: 0px 30px 30px 0px;
  max-width: 445px;
  width: 100%;
}

.setting-form {
  width: 100%;
}

.setting-form .setting-form__title {
  font-family: Inter-Bold;
  margin-bottom: 20px;
  font-size: var(--font-20px);
}

.setting-form .setting-form__item {
  width: 100%;
}

.setting-form .setting-form__item label span {
  color: var(--color-black);
  padding-left: 6px;
}

.setting-form .setting-form__toggle {
  display: inline-flex;
}

.setting-form .setting-form__toggle .setting-form__item-btn-toggle {
  padding-left: 60px;
}

.setting-form .setting-form__item .hint-info {
  color: var(--color-A5A5A5);
  padding-bottom: 8px;
}

.setting-content .setting-sub-menu__link {
  border-radius: 8px;
  padding: 16px;
  font-family: Inter-Medium;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-black);
  text-decoration: none;
  margin-bottom: 16px;
}

.setting-content .setting-sub-menu__link.active {
  background: var(--color-rgba-0F4C81);
}

.setting-form .toggle-password {
  float: right;
  margin-right: 12px;
  margin-top: -46px;
  position: relative;
  z-index: 2;
}

.setting-form .icon.toggle-password {
  width: 24px;
  height: 24px;
}

.setting-form__action {
  text-align: left;
}

.setting-form__action .register-form__submit-btn {
  min-width: 100%;
}

.setting-link-dropdown > button.dropdown-toggle {
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  background-color: var(--color-EDF3FF);
  padding: 12px;
  font-family: Inter-Bold;
}

.setting-form .form-check-input {
  cursor: pointer;
}

.setting-form .password.has-error ~ .icon.toggle-password {
  margin-top: -68px;
}

.setting-form label {
  margin-top: 12px;
  display: block;
}

.setting-form .form-check-input.disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

.setting-form .form-check-input.disabled ~ span {
  color: var(--color-A5A5A5)!important;
}

.setting-form .form-check-input.disabled[type=radio]:after {
  background-color: var(--color-A5A5A5);
  
}

.setting-form .form-check-input.disabled:checked {
  border-color: var(--color-A5A5A5);
}

.setting-dropdown-menu li:hover {
  padding-right: 24px;
}

.reset-password_wrapper {
  width: 750px;
  margin: auto;
  padding: 80px 16px 80px 16px;
}

@media (min-width: 320px) and (max-width: 991px) {
  .setting-form {
    border-left: none;
    padding: 0px;
  }

  .setting-form .setting-form__item {
    width: 100%;
  }

  .setting-form .setting-form__item .form-control {
    padding: 12px 36px 12px 12px;
  }

  .setting-form__action {
    text-align: center;
  }

  .setting-sub-menu {
    padding: 0px; 
    max-width: 100%; 
  }

  .setting-link-dropdown .dropdown-toggle::after {
    margin-left: 0px;
    float: right;
    margin-top: 10px;
  }

  .setting-link-dropdown .dropdown-menu.show {
    width: 100%;
  }

  .setting-link-dropdown .dropdown-menu.show a {
    text-decoration: none;
  }

  .setting-form .setting-form__toggle .setting-form__item-btn-toggle {
    padding-left: 46px;
  }

  .reset-password_wrapper {
    width: 100%;
  }
}
.profile-content {
  background-color: unset;
}

.profile-content .profile-group-title {
  border-bottom: 2px solid;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2px;
  padding-bottom: 2px;
}

.profile-group-title .title-text-left h3 {
  color: var(--color-AFAFAF);
  font-size: var(--font-20px);
  font-weight: 700;
}

.profile-group-title .title-text-left {
  text-align: left;
  display: inline-flex;
  color: var(--color-primary);
  font-family: Inter-Bold;
}

.profile-update-submenu {
  border-bottom: 2px solid;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2px;
}

.profile-update-submenu .title-text-left h3 {
  color: var(--color-AFAFAF);
  font-size: var(--font-20px);
  font-weight: 700;
}

.profile-update-submenu .title-text-left {
  text-align: left;
  display: inline-flex;
  color: var(--color-primary);
  font-family: Inter-Bold;
}

.profile-update-submenu .title-text-right {
  text-align: right;
  padding-top: 4px;
  color: var(--color-primary);
  font-family: Inter-Bold;
}

.profile-update-submenu .title-text-right a {
  color: var(--color-primary);
  text-decoration: none; 
}

.profile-group-title .title-text-left .icon-check-fill {
  width: 20px;
  height: 20px;
}

.profile-group-title .title-text-left .profile-status {
  padding: 0px 0px 0px 16px
}

.profile-group-title .title-text-left .profile-status .btn-alert {
  background: var(--color-AFAFAF);
  color: var(--color-white);
  font-family: 'Inter';
  font-size: var(--font-12px);
  padding: 4px 10px 4px 10px;
  border-radius: 8px;
}

.profile-group-title .title-text-left .profile-status .btn-alert.approved {
  background: var(--color-2CBCB1);
}

.profile-group-title .title-text-left .profile-status .btn-alert.sync {
  background: var(--color-F4AD7D);
}

.profile-group-title .title-text-left .profile-status .btn-alert .text {
  padding: 2px 0px 0px 6px;
}

.profile-group-title .title-text-left .profile-status .btn-alert .icon {
  width: 16px;
  height: 16px;
}

.profile-group-box__warning .noted-banner {
  background: var(--color-F0F3F8);
  display: flex;
  align-items: center;
  padding: 16px;
  margin-top: 25px;
}

.profile-group-box__warning .noted-banner.warning {
  background: var(--color-rgba_F4AD7D);
}

.profile-group-box__warning .noted-banner.success {
  background: var(--color-rgba-2CBCB1-24);
}

.profile-group-box__warning .noted-banner.error {
  background: var(--color-FFDFDD);
}

.profile-group-box__warning .noted-banner.warning .noted-banner-icon{
  padding: 4px 0px 0px 0px;
}

.profile-group-box__warning .noted-banner .noted-banner-icon {
  padding: 4px 0px 0px 0px;
  color: var(--color-primary);
}

.profile-group-box__warning .noted-banner.success .noted-banner-icon {
  color: var(--color-2CBCB1);
}

.profile-group-box__warning .noted-banner.error .noted-banner-icon {
  color: var(--color-D13C40);
}

.profile-group-box__warning .noted-banner .noted-banner-icon .icon {
  width: 16px;
  height: 16px;
}

.profile-group-box__warning .noted-banner.warning .noted-banner-icon {
  color: var(--color-F4AD7D);
}

.profile-group-box__warning .noted-banner .noted-banner-content {
  padding-left: 14px;
  text-align: justify;
}

.profile-group-box__warning .noted-banner .noted-banner-content a {
  color: var(--color-45586C);
  font-family: 'Inter-Bold';
}

.profile-group-title .title-text-right {
  text-align: right;
  padding-top: 4px;
  color: var(--color-primary);
  font-family: Inter-Bold;
}

.profile-group-title .title-text-right a {
  color: var(--color-primary);
  text-decoration: none;
}

.profile-group {
  display: grid;
  grid-template-columns: 1fr 350px;
  column-gap: 32px;
}

.profile-group .profile-group__left {
  background-color: var(--color-white);
  padding: 30px;
  box-shadow: 0px 4px 4px rgba(216, 216, 216, 0.25);
  color: var(--color-292B33);
  position: relative;
}

.profile-group .profile-group__right {
  background-color: var(--color-white);;
  box-shadow: 0px 4px 4px rgba(216, 216, 216, 0.25);
}

.profile-group .profile-group__right .profile-sidebar {
  padding-top: 12px;
}

.profile-group .profile-group-box__title {
  display: inline-flex;
  width: 100%;
}

.profile-group .profile-group-box__title .text-left {
  width: 50%;
  font-family: Inter-Bold;
}

.profile-group .profile-group-box__title .text-left::first-letter {
  text-transform: uppercase;
}


.profile-group .profile-group-box__title .text-right {
  width: 50%;
}

.profile-group .side-bar-sub-title .text-left {
  width: 70%;
  font-family: Inter-Bold;
}

.profile-group .profile-group-box__title .side-bar-sub-title {
  width: 100%;
}

.profile-group .profile-group-box__title .side-bar-text-right {
  width: 130px;
}

.profile-group .profile-group-box__title .text-right a {
  color: var(--color-2CBCB1);
  text-decoration: none;
}

.profile-group .hr {
  border-bottom: 1px solid var(--color-D0D0D0);
  margin-top: 8px;
  width: 100%;
}

.profile-group .profile-group-box__content {
  display: grid;
  grid-template-columns: 40% 60%;
  column-gap: 32px;
}

.profile-group-box__content .item-text {
  padding-top: 12px;
}

.profile-group-box__content .item-text.label {
  color: var(--color-848484);
}

.profile-group-box__content .item-text.value {
  padding-right: 30px;
}

.profile-group__right .profile-group-box__content-image {
  border: 1px solid var(--color-D0D0D0);
  padding: 16px 16px 0px 16px;
  margin-top: 16px;
}

.profile-group__right .profile-group-box__content-image .item-image {
  padding-bottom: 16px;
}

.profile-alert-box {
  background: var(--color-F3F3F3);
  width: 100%;
  padding: 10px;
}

.profile-alert-box__content {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 2px;
}

.profile-alert-box__content .box-content__left {
  display: grid;
  grid-template-columns: 20px 1fr;
  column-gap: 0px;
}

.profile-alert-box__content .box-content__left a {
  font-family: Inter-Bold;
  color: var(--color-primary);
}

.profile-alert-box__content .btn-contract-now {
  color: var(--color-white);
  background: var(--color-445B6F);
  padding: 10px;
  font-family: Inter-Bold;
  border-radius: 8px;
  text-decoration: none;
}

.profile-alert-box__content .text-alert {
  padding: 10px 10px 10px 6px;
}

.profile-alert-box__content .icon-alert {
  color: var(--color-primary);
  width: 16px;
  height: 16px;
}

.profile-group__change-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 30px;
}

.profile-group__change-content.signed .profile-group__change-box {
  background-color: var(--color-white);
  border: 1px solid var(--color-F0F3F8);
}

.profile-group__change-box {
  background-color: var(--color-EDF3FF);
  padding: 20px;
}

.profile-group__change-status {
  font-family: Inter-Medium;
  color: var(--color-PlaceHolder);
}

.profile-group__change-status.active {
  color: var(--color-PrimaryGreen);
}

.profile-group__change-status.inactive {
  color: var(--color-PrimaryOrage);
}

.profile-group__change-status.pending {
  color: var(--color-A5A5A5);
}

.profile-group__change-status.rejected {
  color: var(--color-D13C40);
}

.profile-group__change-box .profile-group__change-title {
  color: var(--color-primary);
  font-family: Inter-Bold;
}

.profile-group__change-box .profile-group__change-header {
  margin-bottom: 30px;
}

.profile-group__change-box .profile-group__change-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0px;
  border-bottom: 1px solid var(--color-E9E9E9);
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.profile-group__change-box .profile-group__change-item:first-child {
  text-align: left;
}

.profile-group__change-box .profile-group__change-item:last-child {
  text-align: right;
}

.profile-group__change-item-image {
  margin-bottom: 8px;
}

.profile-group .accordion-esign .accordion-title {
  padding: 12px 20px 0px 20px;
}

.profile-group .accordion-esign .accordion-title.collapsed {
  padding: 28px 20px 28px 20px;
}

.profile-group .accordion-esign .accordion-title .icon {
  color: var(--color-primary);
}

.profile-group .accordion-esign .accordion-title .arrow-right {
  display: none;
}

.profile-group .accordion-esign .accordion-title.collapsed .arrow-right {
  display: block;
}

.profile-group .accordion-esign .accordion-title .icon-arrow-down {
  display: block;
}

.profile-group .accordion-esign .accordion-title.collapsed .icon-arrow-down {
  display: none;
}

.profile-group .select-request .accordion-title .icon-oclock {
  width: 16px;
  height: 16px;
}

.profile-group .accordion-esign .sign-document-status {
  padding-right: 20px;
  width: max-content;
}

.profile-group .accordion-esign .sign-document-status.signed {
  color: var(--color-2CBCB1);
  font-family: 'Inter-Bold';
}

.profile-group .accordion-esign .sign-document-text {
  color: var(--color-primary);
  font-family: 'Inter-Bold';
}

.profile-group .accordion-esign .accordion-title:not(.collapsed) .accordion-header {
  padding-top: 16px;
}

.profile-group .iframe-pdf-content {
  width: 100%;
}

.open-bg-img {
  cursor: pointer;
}

.bg-img {
  width: 100%;
  height: 165px;
  background-size: cover!important;
  background-position: center center!important;
  background-repeat: no-repeat!important;
  text-align: center;
}

.alert.profile-update .text-left {
  width: 100%;
}

.alert.profile-update .text-right {
  width: 30px;
}

.alert-success {
  --bs-alert-color: var(--color-2CBCB1);
  --bs-alert-bg: var(--color-rgba-2CBCB1-24);
  --bs-alert-border-color: none;
}

.alert-success {
  --bs-alert-color: var(--color-2CBCB1);
  --bs-alert-bg: var(--color-rgba-2CBCB1-24);
  --bs-alert-border-color: none;
}

.alert-danger {
  --bs-alert-color: var(--color-D13C40);
  --bs-alert-bg: var(--color-FFDFDD);
  --bs-alert-border-color: none;
}

.alert .message {
  color: var(--color-5E5E5E);
}

.alert button {
  border: none;
  background: none;
}

.alert.alert-success .icon-close {
  color: var(--color-2CBCB1);
  margin-top: 4px;
}

.alert.alert-danger .icon-close {
  color: var(--color-D13C40);
  margin-top: 4px;
}
.contract .noted-banner {
  background: var(--color-F3F3F3);
  padding: 12px;
  display: flex;
  align-items: center;
}

.contract .warning {
  background-color: var(--color-FFF3CD);
}

.contract .warning .icon {
  color: var(--color-FFCC00);
}

.contract .success {
  background-color: var(--color-rgba-2CBCB1-24);
}

.contract .success .icon {
  color: var(--color-2CBCB1);
}

.contract .noted-banner p {
  margin: 0 0 0 15px;
  color: var(--color-5E5E5E);
}

.contract .noted-banner .icon {
  width: 24px;
  height: 24px;
}

.profile-user-pic .avatar {
  height: 120px;
  width: 120px;
  object-fit: cover;
}

.word-avatar {
  height: 120px;
  width: 120px;
  background-color: var(--color-primary);
}

.header-wrapper-workflow .word-avatar {
  width: 20px;
  height: 20px;
}

.header-wrapper-workflow .word-avatar .text {
  padding-top: 1px;
  font-size: var(--font-10px);
}

.profile-user-pic .icon-upload-avatar {
  margin-left: 80px;
  margin-top: -30px;
  cursor: pointer;
}

.word-avatar .text {
  padding-top: 24px;
  color: var(--color-white);
  font-size: var(--font-48px);
}

.profile-user-title {
  text-align: center;
  padding: 20px 20px;
}

.profile-user-title .profile-user-title__name {
  font-size: var(--font-20px);
  font-weight: bold;
  width: 70%;
  margin: auto;
}

.profile-user-buttons .profile-status {
  width: fit-content;
  margin: auto;
}

.profile-user-buttons .profile-status .btn-alert.approved {
  background: var(--color-2CBCB1);
}

.profile-user-buttons .profile-status .btn-alert {
  background: var(--color-AFAFAF);
  color: var(--color-white);
  font-family: 'Inter';
  font-size: var(--font-12px);
  padding: 4px 10px 4px 10px;
  border-radius: 8px;
}

.profile-user-buttons .profile-status .btn-alert.sync {
  background: var(--color-PrimaryOrage);
  color: var(--color-White);
}

.profile-user-buttons .profile-status .btn-alert.suspended {
  color: var(--color-PrimaryRed);
  background: var(--color-LightRed);
}

.profile-user-buttons .profile-status .btn-alert.rejected {
  background: var(--color-LightRed);
  color: var(--color-PrimaryRed);
}

.profile-user-buttons .profile-status .btn-alert.archived {
  background: var(--color-LightOrange);
  color: var(--color-PrimaryOrage);
}

.profile-user-buttons .profile-status .btn-alert .text {
  padding: 2px 0px 0px 6px;
}

.profile-user-buttons .profile-status .btn-alert .icon {
  width: 16px;
  height: 16px;
}

.profile-group-box-id-card_image .item-card {
  border: 2px solid var(--bs-border-color);
}

.profile-user-menu {
  margin-top: 30px;
}

.profile-user-menu .icon {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  position: absolute;
}

.profile-user-menu .icon.icon-document {
  width: 20px;
  height: 20px ;
  margin-left: -2px;
}

.profile-user-menu .icon.icon-lock {
  width: 20px;
  height: 20px ;
  margin-left: -2px;
}

.profile-user-menu .icon.icon-info {
  margin-left: 16px;
  color: var(--color-FDAF12);
}

.profile-user-menu .nav{
  display: block;
}

.profile-user-menu ul li {
  padding: 8px 30px 8px 30px;
}

.profile-user-menu ul li a {
  color: var(--color-black);
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.profile-user-menu ul li .text-link {
  display: inline-flex;
  padding-left: 30px;
}

.profile-user-menu ul li a i {
  margin-right: 8px;
}

.profile-user-menu ul li a:hover {
  color: var(--color-primary);
}

.profile-user-menu ul li.active {
  border-bottom: none;
  background-color: var(--color-rgba-45586C);
}

.profile-group .action-state {
  margin-top: 14px;
  font-family: 'Inter-Medium';
  display: flex;
}

.profile-group .action-state .icon {
  width: 16px;
  height: 16px;
  margin-right: 4px
}

.profile-group .action-state .icon.icon-x-circle {
  width: 20px;
  height: 20px;
}

.profile-group .action-state.default {
  color: var(--color-AFAFAF);
}

.profile-group .action-state.danger {
  color: var(--color-D13C40);
}

.profile-group .action-state.success {
  color: var(--color-2CBCB1);
}

.profile .ekyc-review_status {
  margin-top: 15px;
  font-family: 'Inter-Medium';
  display: flex;
}

.profile .ekyc-review_status .icon {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}

.profile .ekyc-review_status.success {
  color: var(--color-2CBCB1);
}

.profile .ekyc-review_status.danger {
  color: var(--color-D13C40);
}

.profile .ekyc-review_status.default {
  color: var(--color-AFAFAF);
}

.profile .contract-content {
  position: relative;
  min-height: 600px;
  width: 100%!important;
}

.id-card__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
}

.id-card__actions .id__reset-btn {
  padding: 10px;
  min-width: 100%;
  margin-right: 0px;
}

.history-table-submenu__action a {
  text-decoration: unset;
  color: var(--color-primary);
  font-family: 'Inter-Bold';
}

.history-table-submenu__action {
  color: var(--color-primary);
}

.history-table-submenu__action a.new-request {
  text-decoration: underline;
  margin-left: 4px;
}

.ci-user-picture {
  min-width: 150px;
  margin-right: 16px;
}
.ci-user-picture img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}

.profile-sidebar .input-file {
  position: relative;
}

.profile-sidebar .input-file input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.crop-image-modal .modal-dialog {
  max-width: 274px;
}

.crop-image-modal .modal-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
}

.crop-image-modal .modal-actions .reset-btn {
  font-family: Inter-Bold;
  color: var(--color-445B6F);
  font-size: var(--font-14px);
  border-color: var(--color-445B6F);
}

.crop-image-modal .upload-avatar {
  position: relative;
  width: 240px;
  height: 240px;
  padding-bottom: 0;
}

.croppie-container .cr-slider-wrap {
  width: 100%;
  position: relative;
  display: flex;
}

.crop-image-modal .slider.slider-horizontal {
  width: 100%;
  margin-top: 12px;
}

.crop-image-modal .slider-handle {
  width: 16px;
  height: 16px;
  background-color: var(--color-34B3F1)!important;
  background-image: unset!important;
}

.crop-image-modal .slider-track {
  height: 6px!important;
}

.crop-image-modal .slider-selection {
  background-color: var(--color-013A81)!important;
  background-image: unset!important;
}

.crop-image-modal .modal-title {
  text-transform: uppercase;
}

.crop-image-modal .btn {
  text-transform: uppercase;
  font-size: var(--font-14px);
}

.select-request__item {
  margin-bottom: 30px;
}

.select-request__item .accordion {
  border-radius: 8px;
  --bs-accordion-bg: var(--color-White);
}

.select-request__item .accordion .accordion-item {
  --bs-accordion-border-width: 0px;
  cursor: pointer;
  box-shadow: 0px 20px 30px 0px rgba(211, 211, 211, 0.25);
}

.select-request__item .accordion .accordion-item .accordion-title {
  padding: 20px 22px 20px 20px;
  color: var(--color-black);
}

.select-request__item .accordion-header {
  font-family: Inter-Medium;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-black);
}

.select-request__item .accordion-header .accordion-title:not(.collapsed) {
  color: var(--color-secondary);
}

.select-request__item .arrow-right {
  display: none;
}

.select-request__item .collapsed .arrow-right {
  display: block;
}

.select-request__item .icon-arrow-down {
  display: block;
}

.select-request__item .collapsed .icon-arrow-down {
  display: none;
}

.select-request__item .accordion-title a .icon {
  color: var(--color-445B6F);
}

.select-request__item .accordion-body {
  padding: 0px 30px 30px 30px;
  text-align: left;
  overflow-wrap: break-word;
}

.select-request__item .request-header {
  color: var(--color-445B6F);
}

.select-request__item .request-title {
  font-family: Inter-Bold
}

.select-request__item .accordion-item:has(> .accordion-collapse.show) {
  border: 1px solid var(--color-secondary);
}

.id-card__item.drop-zone-upload img {
  max-width: fit-content;
  width: 100%;
}

.profile-group .form-group .select2-container {
  width: 100%!important;
  max-width: 406px;
}

.profile-group .otp__confirmation {
  font-size: var(--font-15px);
}

.table .report-table__status-text {
  color: var(--color-primary);
  text-align: center;
  padding: 12px;
  background-color: var(--color-F0F3F8);
  width: auto;
  border-radius: 5px;
  height: fit-content;
  margin: 12px;
}

.table .report-table__detail a {
  color: var(--color-TextBack);
  text-decoration: none;
}

@media (min-width: 320px) and (max-width: 991px) {
  .profile {
    margin-top: -150px;
  }
  .container:has(.profile-content) {
    padding-left: 18px;
    padding-right: 18px;
  }

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

  .profile-group__right {
    margin-top: 24px;
  }

  .profile-content {
    padding: 0px;
  }

  .profile-group {
    display: block;
  }

  .profile-group .profile-group-box__content {
    grid-template-columns: 50% 50%;
    column-gap: 16px;
    padding-right: 8px;
  }

  .profile-content .profile-group-title {
    grid-template-columns: auto 1fr;
  }

  .profile-group .profile-group-box__title .text-left {
    width: 80%;
  }

  .profile-group .profile-group-box__title .text-right {
    width: 20%;
  }

  .alert.profile-update {
    --bs-alert-padding-x: 8px;
    --bs-alert-padding-y: 8px;
  }

  .alert.profile-update svg {
    width: 18px;
    height: 18px
  }

  .alert.profile-update .icon-close {
    width: 12px; 
  }

  .alert.profile-update .text-left {
    font-size: 14px;
  }

  .alert.profile-update .text-right {
    width: 20px;
  }

  .profile-alert-box__content .icon-alert {
    width: 25px;
    height: 25px;
    margin-left: 6px;
  }

  .profile-alert-box__content .btn-contract-now {
    padding: 10px 16px 8px 16px;
  }

  .profile-alert-box__content {
    grid-template-columns: 1fr
  }

  .profile-alert-box__content .box-content__right {
    margin-left: 54px; 
  }

  .profile-group-box-id-card_image .item-card {
    width: 100%;
  }

  .profile-content .profile-group { 
    display: flex; flex-flow: column; 
  }

  .profile-group .profile-group__right {
    order: 1;
  }

  .profile-group .profile-group__left {
    padding: 25px 14px 30px;
    order: 2;
  }

  .history-table-submenu .history-table-submenu__title {
    font-size: var(--font-16px);
  }

  .profile-group-box__content .item-text {
    word-break: break-word;
  }

  .profile-group-box-id-card_image .col {
    flex: unset;
  }

  .profile-group-box-id-card_image .item-card:last-child {
    margin-top: 20px;
  }
  .profile-group .profile-group-box__content:has(.item-text.empty-data) {
    grid-template-columns: 100%;
  }

  .crop-image-modal .modal-dialog {
    max-width: 74%;
  }

  .crop-image-modal .upload-avatar{
    width: 100%;
  }

  .crop-image-modal .modal-actions {
   margin-top: 8px!important;
  }

  .profile-group__change-content {
    grid-template-columns: 1fr;
  }

  .profile-group__change-content .profile-group__change-box:last-child {
    margin-top: 16px;
  }

  .profile-group .accordion-esign {
    margin-top: 16px;
  }

  .table .report-table__status-text {
    padding: 6px 2px 6px 2px;
    margin: 0px;
    min-width: 90px;
  }

  .table .report-table_date {
    min-width: 86px;
  }
}
.checkbox.checbox-switch {
  padding-left: 0;
}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
  display: inline-block;
  position: relative;
  padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
  display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
  width: 35px;
  border-radius: 20px;
  height: 18px;
  border: 1px solid #dbdbdb;
  background-color: rgb(199, 199, 199);
  border-color: rgb(223, 223, 223);
  box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  cursor: pointer;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgb(255,255,255);
  content: " ";
  top: 0;
  position: relative;
  left: 0;
  transition: all 0.3s ease;
  box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
  left: 17px;
}

/* Switch Success */
.checkbox.checbox-switch.switch-success label > input:checked + span,
.checkbox-inline.checbox-switch.switch-success > input:checked + span {
  background-color: rgb(15, 76, 129);
  border-color: rgb(15, 76, 129);
  box-shadow: rgb(15, 76, 129) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
  background-color: rgb(15, 76, 129);
  border-color: rgb(15, 76, 129);
  box-shadow: rgb(15, 76, 129) 0px 0px 0px 8px inset;
}
.static-item .static-item__info {
  margin-top: 20px;
}

.static-item .static-item__info .static-item__title {
  margin: 20px 0;
}

.static-item .static-item__info .static-item__title a {
  font-family: Inter-ExtraBold;
  font-size: var(--font-24px);
  line-height: 29px;
  letter-spacing: 0.02em;
  color: var(--color-013A81);
  text-decoration: none;
}

.static-item .static-item__info .static-item__description {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  letter-spacing: 0.02em;
  color: var(--color-black);
  margin-top: 30px;
}

.statics-related .static-item {
  display: flex;
}

.statics-related .static-item__hr {
  border: 0.5px solid var(--color-E9E9E9);
  margin-top: 20px;
}

.statics-related .static-item .static-item__image {
  width: 73px;
  height: 73px;
  min-width: 73px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-EDF3FF);
  border: 1px solid var(--color-D7E4FF);
}

.statics-related .static-item .static-item__info {
  margin-top: 0;
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.statics-related .static-item .static-item__info .static-item__title {
  margin: 0;
}

.statics-related .static-item .static-item__info .static-item__title a {
  font-family: Inter-Medium;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);

  color: var(--color-black);
}

.statics-related .static-item .static-item__info .static-item__description {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-9D9D9D);
}

.statics-related .static-item .static-item__info .static-item__description p {
  margin-bottom: 0;
}

.static-detail {
  padding-right: 36px;
}

.static-detail > h1 {
  font-family: Inter-Bold;
  font-size: var(--font-30px);
  line-height: var(--line-h-36px);
  letter-spacing: 0.02em;

  color: var(--color-013A81);
}

.static-detail .static-detail__pdf_view {
  border-left: 1rem solid var(--color-AFAFAF);
  border-right: 1rem solid var(--color-AFAFAF);
  overflow: auto;
}

.static-detail .static-detail__pdf_view iframe {
  min-width: 788px;
  min-height: 800px;
}

.static-detail .static-detail__info {
  border-bottom: 1px solid var(--color-black);
  margin-top: 15px;
  padding-bottom: 25px;
  margin-bottom: 25px;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.static-detail .static-detail__info p {
  margin-bottom: 0;
  font-family: Inter-Medium;
  font-size: var(--font-13px);
  line-height: var(--line-h-16px);
  letter-spacing: 0.02em;
  color: var(--color-45586C);
}

.static-detail__download-report .info a {
  line-height: var(--line-h-25px);
  letter-spacing: 0.02em;
  text-decoration-line: none;
  color: var(--color-black);
  margin-left: 10px;
  font-size: var(--font-14px);
}

.static-detail__download-report .static-detail__download-report__title {
  font-family: Inter-Bold;
}

.vietcap-education a {
  color: var(--color-primary);
}

.user-description-modal .modal-header {
  width: 100%;
  margin-left: 0px;
  padding: 16px 22px 16px 30px;
  background: var(--color-primary);
  color: var(--color-white);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.scam-alert-modal .modal-body {
  margin: 0 24px 0 24px;
}

.scam-alert-modal .modal-header {
  padding: 18px 14px 18px 40px;
}

.scam-alert-modal .modal-header .modal-title {
  font-size: var(--font-20px);
  text-transform: uppercase;
}

.scam-alert-modal .modal-body .body-title {
  font-size: var(--font-40px)!important;
  margin: 8px 0 22px 0;
}

.scam-alert-modal .boby-info {
  font-size: var(--font-20px);
  color: var(--color-445B6C);
}

.scam-alert-modal .boby-info a {
  font-family: Inter-ExtraBold;
  color: var(--color-primary);
}

.scam-alert-modal .boby-description {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 30px;
  margin: 30px 0 30px 0;
  font-size: var(--font-20px);
  color: var(--color-445B6C);
}

.scam-alert-modal .boby-description_item {
  background-color: var(--color-F0F3F8);
  min-height: 212px;
  padding: 16px 30px 16px 30px;
}

.scam-alert-modal .boby-description_item-icon {
  text-align: center;
  padding: 8px 0 12px;
}

.scam-alert-modal .boby-description_item-text {
  text-align: justify;
}

.scam-alert-modal .boby-description_item-icon .icon {
  width: 44px;
  height: 40px;
  color: var(--color-FDAF12);
}

.scam-alert-modal .boby-contact {
  display: flex;
  justify-content: center;
  border-top: 1px solid var(--color-E9E9E9);
  padding-top: 30px;
  color: var(--color-secondary);
}

.scam-alert-modal .boby-contact a {
  color: var(--color-secondary);
}

.scam-alert-modal .boby-contact_box {
  width: 248px;
  min-height: 63px;
  border: 1px solid var(--color-secondary);
  border-radius: 5px;
  padding: 8px 8px 8px 12px;
  font-size: 12px;
  margin-right: 40px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.scam-alert-modal .boby-contact_box:last-child {
  border: unset;
  padding-top: 0px;
  width: 100px;
  box-shadow: unset;
}

.scam-alert-modal .boby-contact_box:last-child .boby-contact_box-text {
  font-family: Inter-ExtraBold;
  color: var(--color-primary);
  padding-bottom: 8px;
}

.scam-alert-modal .boby-contact_box-icon {
  padding-right: 12px;
}

.scam-alert-modal .boby-contact_box-icon .mobile {
  padding-top: 6px;
}

.scam-alert-modal .check-off-alert {
  width: 14px;
  height: 14px;
}

.scam-alert-modal .form-check-label {
  padding-top: 1px;
  padding-left: 4px;
  color: var(--color-445B6C);
}

.scam-alert-modal .modal-lg {
  --bs-modal-width: 1283px!important;
}

.user-description-modal .modal-lg {
  --bs-modal-width: 70%;
}

.user-description-modal .btn-close {
  opacity: 1;
  background-image: url('data:image/svg+xml,<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.25 7.75L7.75 23.25" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.75 7.75L23.25 23.25" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.user-description-modal .modal-body .body-title {
  font-family: Inter-ExtraBold;
  font-size: var(--font-20px);
  color: var(--color-primary);
}

.user-description-modal .modal-body .job-title {
  color: var(--color-445B6C);
}

.user-description-modal .modal-body .content {
  padding: 0px 15px 84px 24px;
}

.user-description-modal .modal-body .avatar img{
  width: 375px;
  height: 375px;
}

.reports-link__public-disclosure a {
  font-size: var(--font-12px);
  color: var(--color-129AFF);
}

.news-wrapper .new-item__image {
  width: 100%;
  height: 162px;
  display: block;
  position: relative;
  overflow: hidden;
}

.news-wrapper .new-item__image img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
}

.what-news-state-box {
  width: 100%;
  height: fit-content;
}

.what-news-state-box .what-news-state-box__timeline {
  margin-left: 12px;
}

.what-news-state-box .what-news-state-box__timeline {
  display: inline-flex;
  width: 100%;
}

.what-news-state-box .timeline-separation {
  display: block;
  width: 2px;
  border-left: 5px solid var(--color-C7C7C7);
  margin: 16px 0px 0px 6px;
  min-height: 70px;
  height: auto;
}

.what-news-state-box .what-news-state-box__timeline:last-child .timeline-separation {
  border-left: 0px;
}

.what-news-state-box .what-news-state-box__timeline:last-child .timeline-icon {
  margin-left: -16px;
}

.what-news-state-box .timeline-content {
  display: block;
  width: 100%;
  padding: 30px 20px 20px 40px;
  border: 1px solid var(--color-445B6C);
  margin: 0px 0px 58px 96px;
  border-radius: 8px;
}

.what-news-state-box .timeline-icon {
  margin-left: -21px;
  margin-top: -18px;
  color: var(--color-primary);
}

.what-news-state-box .timeline-icon .icon {
  height: 37px;
  width: 37px;
}

.what-news-state-box .timeline-content .title {
  font-family: Inter-Bold;
  font-size: var(--font-30px);
  padding: 30px 0px 20px 0px;
}

.what-news-state-box .timeline-content .boby {
  color: var(--color-445B6C);
  font-style: normal;
  text-align: justify;
}

.what-news-state-box .timeline-content .boby .hint a {
  font-family: Inter-Bold;
  color: var(--color-primary);
}

.fund-introduction a {
  color: var(--color-primary);
}

@media (min-width: 320px) and (max-width: 991px) {
  .section-heading__title.education {
    font-size: var(--font-30px);
  }

  .static-detail {
    padding-right: 0px;
  }

  .static-detail .static-detail__pdf_view iframe {
    min-width: 100%;
    min-height: 500px;
  }

  .user-description-modal .modal-body .d-flex {
    display: flex;
    flex-direction: column-reverse;
  }

  .user-description-modal .modal-body {
    padding-left: 0px;
  }

  .user-description-modal .modal-body .avatar img{
    width: 88%;
    height: auto;
    margin-left: 18px;
  }

  .user-description-modal .modal-body .avatar {
    display: flex;
    justify-content: center;
  }

  .user-description-modal .modal-header {
    padding: 8px 16px 8px 26px;
  }

  .user-description-modal .modal-body .content {
    padding: 0px 15px 10px 14px;
  }

  .what-news-state-box .what-news-state-box__timeline {
    margin-left: 0px;
  }

  .what-news-state-box .timeline-icon .icon {
    height: 30px;
    width: 30px;
  }

  .what-news-state-box .timeline-icon {
    margin-left: -18px;
  }

  .what-news-state-box .what-news-state-box__timeline:last-child .timeline-icon {
    margin-left: -12px;
  }

  .what-news-state-box .timeline-content {
    margin: 0px 0px 58px 30px;
    padding: 30px 20px 20px 20px;
  }

  .what-news-state-box .timeline-content .col {
    flex: 1 0 100%;
  }

  .what-news-state-box .timeline-content img {
    width: 100%;
    object-fit: scale-down;
  }

  .what-news-state-box .timeline-content .title {
    padding: 12px 0px 12px 0px;
  }

  .scam-alert-modal .modal-body {
    margin: 0 0px 0 16px;
  }

  .scam-alert-modal .modal-body .body-title {
    font-size: var(--font-30px)!important;
  }

  .scam-alert-modal .boby-description {
    grid-template-columns: 1fr;
  }

  .scam-alert-modal .boby-description_item {
    margin-bottom: 30px;
  }

  .scam-alert-modal .boby-contact {
    display: block;
  }

  .scam-alert-modal .boby-contact_box {
    width: 100%;
    margin-bottom: 30px;
  }

  .scam-alert-modal .boby-description_item:last-child {
    margin-bottom: 0px;
  }

  .scam-alert-modal .modal-body .d-flex {
    flex-direction: unset!important;
  }

  .scam-alert-modal .boby-contact_box:last-child {
    width: 100%;
  }
}

@media screen and (min-width: 90.063em) {
  .news-wrapper .new-item__image {
    width: 405px;
  }
}
.d-none {
  display: none;
}

.explore-heading {
  border-bottom: 1px solid var(--color-DDDDDD);
  margin-bottom: 36px;
}
.explore-heading__wrapper {
  background-image: url(/web_v2/images/dump/mutual_heading_bg.png);
  background-size: 214px 112px;
  background-position: bottom right;
  background-repeat: no-repeat;

  padding: 60px 0;
}

.explore-heading__title {
  font-size: var(--font-28px);
  line-height: var(--line-h-34px);
  font-family: Inter-Bold;
  margin-bottom: 20px;
}

.explore-heading__summary {
  color: var(--color-909090);
  font-size: var(--font-20px);
  line-height: var(--line-h-24px);
}

.explore-heading__image {
  width: 80px;
  height: 24px;
}

.d-contents {
  display: contents;
}

.section-title {
  font-family: Inter-Bold;
  font-size: 1.25rem;
  line-height: 1.2em;
  color: var(--color-AFAFAF);
  padding-bottom: 15px;
  border-bottom: 2px solid var(--color-black);
  margin-bottom: 40px;
}

.explore-stag {
  margin-bottom: 43px;
}
.explore-stag__wrapper {
  background-color: var(--color-EAEAEA);
  padding: 65px 20px 40px 13px;
}
/*.explore-stag__content {
  max-width: 820px
}*/
.explore-stag__explore-btn {
  color:var(--color-white);
  text-transform: uppercase;

  font-family: Inter-ExtraBold;
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  padding: 15px 40px;
}

.explore-stag__btn-wrapper {
  margin-top: 20px;
  text-align: center;
}

.explore-stag__title {
  font-family: Inter-ExtraBold;
  font-size: var(--font-32px);
  line-height: var(--line-h-40px);
  color: var(--color-black);
  margin-bottom: 25px;
}
.explore-stag__desc {
  font-size: var(--font-16px);
  line-height: var(--line-h-20px);
  color: var(--color-black);
}


.explore-dotnet__title {
  font-size: var(--font-28px);
  line-height: var(--line-h-46px);
  font-family: Inter-Bold;
  color: var(--color-secondary);
  margin-bottom: 48px;

  text-align: center;

  padding: 0px 44px;
}

.explore-dotnet__tabs {
  display: grid;
/*  grid-template-columns: 1fr 1fr 1fr;*/
  grid-template-columns: 1fr 1fr;
  column-gap: 6px;
  margin-bottom: 60px;
  border-bottom: 1px solid var(--color-DBE2ED);
  padding-bottom: 30px;
}



.explore-dotnet__tab.nav-link {
  width: 100%;
  font-size: var(--font-18px);
  line-height: var(--line-h-21px);
  color: var(--color-black);
  padding: 18px 10px;
  background-color: var(--color-F0F3F8);
  border-radius: 0;
}

.explore-dotnet__tab.nav-link.active {
  font-family: Inter-Bold;
  border: none;
  color: var(--color-white);
  background-color: var(--color-primary);
}

.finance__title {
  font-size: var(--font-30px);
  line-height: var(--line-h-36px);
  margin-bottom: 30px;
  font-family: Inter-Bold;
  color: var(--color-black);
}

.finance__paragraph {
  font-size: var(--font-15px);
  line-height: var(--line-h-21px);
  color: var(--color-292B33);
  margin-bottom: 60px;
  text-align: justify;
}
.finance__paragraph.mb-10 {
  margin-bottom: 10px;
}

.finance__paragraph-subtitle {
  font-size: var(--font-18px);
  line-height: var(--line-h-21px);
  font-family: Inter-Bold;
  margin-bottom: 10px;
}

.mb-5px {
  margin-bottom: 5px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-60 {
  margin-bottom: 60px;
}

.finance__note {
  display: flex;
  align-items: center;
  background-color: var(--color-E3EAF5);
  padding: 25px 30px;
  font-size: var(--font-16px);
  line-height: var(--line-h-21px);
  color: var(--color-292B33);
  margin-bottom: 30px;
}

.finance-grid-1 {
  display: grid;
  row-gap: 20px;
  margin-bottom: 20px;
}

.finance-grid-card {
  border: 1px solid var(--color-BFE6FF);
  padding: 20px;
  font-size: var(--font-18px);
  min-height: 300px;
}

.finance-grid-card.-blue-C8E9FF {
  background-color: var(--color-C8E9FF);
}

.finance-grid-card.-blue-E0F3FF {
  background-color: var(--color-E0F3FF);
}

.finance-grid-card.-blue-DBF1FF {
  background-color: var(--color-DBF1FF);
}

.finance-grid-title {
  font-size: var(--font-24px);
  color: var(--color-black);
  font-family: Inter-Bold;
  margin-bottom: 5px;
}

.finance-grid-2 {
  display: grid;
  row-gap: 20px;
  margin-bottom: 30px;
}
.tab-pane {
  padding-bottom: 60px;
}
.fade:not(.show) {
  display: none;
}

.finance__note img {
  width: 30px;
  height: 30px;
}

.finance-sustain {
  margin-bottom: 65px;
}

.finance-sustain-item {
  border: 1px solid var(--color-origin-black);
  padding: 25px 30px;

  min-height: 240px;
  max-width: 372px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 33px;
}
.finance-sustain-item:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

.finance-sustain__title {
  font-size: var(--font-30px);
  line-height: var(--line-h-36px);
  font-family: Inter-Bold;
  color: var(--color-primary);
}
.finance-sustain__title.-green {
  color: var(--color-2CBCB1);
}

.finance-sustain__description {
  font-size: var(--font-15px);
  line-height: var(--line-h-21px);
  color: var(--color-445B6C);
/*  min-height: 120px;*/
}

.finance-sustain__link {
  color: var(--color-129AFF);
  text-decoration: none;
}

.performance-table,
.performance-table-mobile {
  width: 100%;
  border: 1px solid var(--color-C7C7C7);
  margin-bottom: 40px;
}
.performance-table th, .performance-table td,
.performance-table-mobile th {
  text-align: center;
}
.performance-table th,
.performance-table-mobile td.total {
  border-bottom: 1px solid var(--color-C7C7C7);
  padding: 15px 44px;
  font-family: Inter-ExtraBold;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-013A81);
}
.performance-table-mobile td.total {
  text-align: left;
  padding: 15px;
}

.performance-table th.total,
.performance-table-mobile th.total {
  color: var(--color-black);
  border-right: 1px solid var(--color-C7C7C7);
  padding: 15px 18px;
  text-align: left;
}

.performance-table td,
.performance-table-mobile th {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  padding: 11px 10px 9px;
  border-bottom: 1px solid var(--color-C7C7C7);
}

.performance-table-mobile th.total {
  font-family: Inter-Bold;
}

.performance-table-mobile th:not(.total) {
  text-align: right;
  padding-right: 20px;
}
.performance-table-mobile td:not(.total) {
  text-align: right;
}

.performance-table-mobile th {
  border-right: 1px solid var(--color-C7C7C7);
}
.performance-table-mobile th:last-child {
  border-right: 0;
}
.performance-table tbody tr:last-child td {
  border-bottom: none;
}
.performance-table td.total,
.performance-table-mobile td {
  font-family: Inter-Light;
  border-right: 1px solid var(--color-C7C7C7);
  color: var(--color-origin-black);
  padding: 15px 18px;
  text-align: left;
}
.performance-table-mobile td {
  border-bottom: 1px solid var(--color-C7C7C7);
  font-family: Inter-Bold;
}
.performance-table-mobile tbody tr:last-child td {
  border-bottom: unset;
}
.performance-table td.low,
.performance-table-mobile td.low {
  color: var(--color-E7323B)
}
.performance-table td.high,
.performance-table-mobile td.high {
  color: var(--color-2CBCB1)
}

.performance-table td span.low,
.performance-table-mobile td span.low {
  color: var(--color-E7323B)
}
.performance-table td span.high,
.performance-table-mobile td span.high {
  color: var(--color-2CBCB1)
}

.mutal-fund__explore-invest {
  width: 100%;
}

.performance-latest-nav-alert {
  font-style: italic;
  color: var(--color-A5A5A5);
}

.explore-invest-table {
  text-align: center;
/*  width: 80%;*/
  margin-left: auto;
  margin-right: auto;

}

.explore-invest-table tbody th, .explore-invest-table tbody td {
/*  border-bottom: 2px solid var(--color-C7C7C7);*/
  border: 1px solid var(--color-C7C7C7);
}

.explore-invest-table thead tr th {
  color: var(--color-white);
}

.explore-invest-table th.investor-header {
  background-color: var(--color-445B6F);
}

.explore-invest-table th.personal-header {
  background-color: var(--color-2CBCB1);
}

.explore-invest-table th.fund-header {
  background-color: var(--color-F9C002);
}

.explore-invest-table tr td, .explore-invest-table tr th {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

/*span.explore-tab-button-text {
  width: 120px;
}
*/

@media only screen and (min-width: 992px) {
  .d-lg-block {
    display: block;
  }
  .d-lg-none {
    display: none;
  }
  .explore-heading__wrapper {
    background-size: 360px 188px;
    background-position: bottom right;
    background-repeat: no-repeat;

    padding: 80px 0 60px;
  }
  .explore-heading {
    margin-bottom: 80px;
  }
  .explore-heading__title {
    font-size: 3.125rem;
    line-height: 1em;
  }

  .explore-heading__summary {
    max-width: 822px;
    font-size: 1.25rem;
    line-height: 1.2em;
  }

  .explore-stag__wrapper {
    padding: 54px 62px 59px 40px;
/*    padding: 54px 62px 59px 42px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .explore-stag__btn-wrapper {
    margin-top: 0;
  }
  .explore-stag__explore-btn {
    padding: 13px 37px;
  }

  .explore-stag {
    margin-bottom: 120px;
  }

  .section-title {
    margin-bottom: 60px;
  }

  .explore-dotnet__title {
    font-size: var(--font-33px);
    margin-bottom: 60px;
  }

  .finance-grid-1 {
    grid-template-columns: 400px 400px 400px;
    row-gap: 0;
    column-gap: 40px;
    margin-bottom: 40px;
  }

  .finance-grid-2 {
    grid-template-columns: 400px 840px;
    margin-bottom: 60px;
    row-gap: 0;
    column-gap: 40px;
  }

  .finance__note img {
    width: unset;
    height: unset;
  }

  .explore-dotnet__tabs {
    column-gap: 23px;
  }

  .explore-dotnet__tab.nav-link {
    padding: 29px 10px;
    font-size: var(--font-24px);
    line-height: var(--line-h-24px);
  }

  .tab-pane {
    padding-bottom: 120px;
  }

  .finance-sustain {
    display: flex;
    margin-bottom: 60px;
  }

  .finance-sustain-item {
    width: 372px;
    margin-right: 60px;
    margin-bottom: 0;
  }

  .explore-dotnet__tabs li {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 320px) and (max-width: 991px) {
  .explore-invest-table {
    width: 92%;

  }

  .explore-dotnet__title {
    padding: 12px;
  }

  .finance__image img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 320px) {
  .explore-dotnet__tabs li button {
    height: 72px;
  }
}
.survey-container {
  padding: 40px 0 100px;
}

.survey-title {
  font-size: var(--font-32px);
  line-height: var(--line-h-44px);
  font-family: Inter-ExtraBold;
  color: var(--color-origin-black);
  text-align: center;
  margin-bottom: 40px;
}

.survey-summary {
  font-size: var(--font-20px);
  line-height: var(--line-h-26px);
  color: var(--color-primary);
  font-family: Inter-Bold;

  text-align: center;

  margin-bottom: 40px;
}

.survey-paragraph {
  font-size: var(--font-15px);
  line-height: var(--line-h-21px);
  color: var(--color-origin-black);
}

.survey-button {
  position: relative;

  color: var(--color-white);
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  font-family: Inter-Bold;

  background-color: var(--color-primary);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: unset;

  padding: 17px 0 15px;

  text-align: center;
  width: 100%;
}

.survey-button-outline {
  font-size: var(--font-14px);
  line-height: var(--line-h-18px);
  font-family: Inter-Bold;
  color: var(--color-445B6F);

  padding: 17px 0 15px;

  background: var(--color-white);
  border: 1px solid var(--color-445B6C);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  text-align: center;
  width: 100%;
}

.survey-button svg {
  position: absolute;
  right: 20px;
  top: 20px;
}

.survey-contact__box {
  width: 540px;
  background-color: var(--color-white);
  padding: 25px 60px 32px;
  box-shadow: 0px 20px 30px rgba(211, 211, 211, 0.25);
  border: 1px solid var(--color-F2F2F2);
}

.survey-contact__header {
  text-align: center;
}

.survey-contact__header .survey-contact__title {
  color: var(--color-013A81);
  font-family: Inter-Medium;
  font-size: var(--font-24px);
}

.survey-contact__header .survey-contact__login a {
  color: var(--color-primary);
  font-family: Inter-Medium;
}

.survey-contact__footer {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.survey-contact__footer .survey-contact__button {
  width: 200px;
}

.survey-contact__footer .survey-contact__button a {
  text-decoration: none; 
}

.survey-contact__body .form-group label {
  color: var(--color-origin-black);
  margin-bottom: 12px;
  font-family: Inter-Medium;
}

.survey-contact__body .form-group label span {
  color: var(--color-D42222);
}

@media only screen and (min-width: 992px) {
  .survey-container {
    padding: 108px 0 133px;
  }

  .survey-title {
    font-size: var(--font-36px);
  }

  .survey-summary {
    font-size: var(--font-24px);
    line-height: var(--line-h-44px);
  }

}

/* SURVEY INTRODUCE */
.survey-introduce {
  background-color: var(--color-EDF3FF);
}

.survey-introduce__container {
  padding: 40px 30px;
}

.survey-introduce__summary {
  margin-bottom: 30px;
}

.flex-1 {
  flex: 1;
}

.survey-quick-thing__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: var(--color-013A81);

  margin-right: 15px;

  color: var(--color-white);
  font-size: var(--font-18px);
  line-height: var(--line-h-18px);
  font-family: Inter-Bold;
}

@media only screen and (min-width: 992px) {
  .survey-introduce__container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 0;
  }

  .survey-introduce__summary {
    margin-bottom: 44px;
  }

  .survey-quick-thing__number {
    margin-right: 20px;
  }

  .survey-introduce__start-button {
    display: block;
    margin: 60px auto 0;
    width: 420px;
  }
}

/* end SURVEY INTRODUCE */


/* SURVEY PURPOSE */
.survey-purpose__container {
  padding: 40px 30px 100px;
}

.survey-purpose__container .survey-title {
  margin-bottom: 10px;
}

.survey-purpose__item {
  padding: 40px 30px 55px;
  background-color: var(--color-EDF3FF);

  text-align: center;
  margin-bottom: 40px;
}
.survey-purpose__item.border {
  border: 1px solid var(--color-08538A);
}

.survey-item__title {
  font-size: var(--font-18px);
  line-height: var(--line-h-24px);
  font-family: Inter-Bold;

  color: var(--color-013A81);
  margin-bottom: 10px;
}

.survey-item__example {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-445B6C);

  margin-bottom: 50px;
}

.survey-purpose__footer {
  display: flex;
  justify-content: center;
}

.survey-purpose__button {
  width: 240px;
}

@media only screen and (min-width: 992px) {
  .survey-purpose__container {
    padding: 108px 0 116px;
    max-width: 1047px;
    margin: 0 auto;
  }

  .survey-purpose {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 47px;
  }

  .survey-purpose__container .survey-title {
    margin-bottom: 20px;
  }

  .survey-purpose__item {
    padding: 42px 30px 100px;
  }
}
/* end SURVEY PURPOSE */
/* SURVEY STEP 1 */
.survey-step-1 {
  padding: 40px 30px 100px;
}

.survey-step .survey-title {
  margin-bottom: 14px;
}

.survey-progress {
  margin-bottom: 40px;
}

.survey-progress .progress {
  --bs-progress-height: 4px;
  --bs-progress-bar-bg: var(--color-primary);
}

.survey-progress__total {
  font-size: var(--font-14px);
  line-height: var(--line-h-22px);
  color: var(--color-origin-black);
  text-align: right;
  margin-bottom: 3px;
}

.survey-progress__bar {
  position: relative;
  height: 2px;
  background-color: var(--color-D4D4D4);
}
.survey-progress__bar:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  height: 3px;
  background-color: var(--color-secondary);

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.survey-progress__bar.step-1:after {
  width: 14.28%;
}
.survey-progress__bar.step-2:after {
  width: 28.56%;
}
.survey-progress__bar.step-3:after {
  width: 42.84%;
}
.survey-progress__bar.step-4:after {
  width: 57.12%;
}
.survey-progress__bar.step-5:after {
  width: 71.4%;
}
.survey-progress__bar.step-6:after {
  width: 85.68%;
}
.survey-progress__bar.step-7:after {
  width: 100%;
}

.survey-step-1 .survey-summary {
  display: none;
}

.survey-step-1__checkbox {
  display: flex;
  padding: 30px 20px 30px 46px;
  background-color: var(--color-F5F7F9);

  margin-bottom: 20px;
}

.survey-step__checkbox {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.survey-step-1__checkbox:last-child {
  margin-bottom: 40px;
}

/* Hide the browser's default checkbox */
.survey-step__checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.survey-step__checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  border: 1px solid var(--color-013A81);
  background-color: var(--color-white);
}

.survey-step-1__checkbox .checkmark {
  top: 32px;
  left: 20px;
}

/* On mouse-over, add a grey background color */
.survey-step__checkbox:hover input ~ .checkmark {
  background-color: var(--color-white);
}

/* When the checkbox is checked, add a blue background */
.survey-step__checkbox input:checked ~ .checkmark {
  background-color: var(--color-white);
}

/* Create the checkmark/indicator (hidden when not checked) */
.survey-step__checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.survey-step__checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.survey-step__checkbox .checkmark:after {
  left: calc(50% - 5px);
  top: calc(50% - 5px);
  width: 10px;
  height: 10px;
  background-color: var(--color-013A81);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.survey-step-1__checkbox-title {
  display: block;
  font-size: var(--font-18px);
  line-height: var(--line-h-20px);
  font-family: Inter-Medium;

  margin-bottom: 10px;
}

.survey-step-1__checkbox-summary {
  display: block;
  color: var(--color-445B6C);
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
}

.survey-step-1__footer {
  display: flex;
  justify-content: center;
}

.survey-step-1__button {
  width: 240px;
}

.survey-step-1__goal {
  position: relative;
  background-color: var(--color-EDF3FF);
  border: 1px solid var(--color-E3EAF5);
  padding: 30px;

  margin-top: 72px;
}

.survey-step-1__goal:after {
  position: absolute;
  content: '';
  top: -12px;
  left: calc(50% - 12.5px);

  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 15px 12.5px;
  border-color: transparent transparent #edf3ff transparent;
}

.survey-goal__title {
  color: var(--color-primary);
  font-size: var(--font-18px);
  line-height: var(--line-h-20px);
  font-family: Inter-Medium;

  margin-bottom: 15px;
}

.survey-goal__summary {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-445B6F);
}
/* end SURVEY STEP 1 */

/* SURVEY STEP 2 */
.survey-step-2 {
  padding: 40px 30px 100px;
}

.survey-step-2__title {
  color: var(--color-primary);
  font-size: var(--font-18px);
  line-height: var(--line-h-20px);
  font-family: Inter-Medium;

  margin-bottom: 30px;
}

.survey-step-2__form {
  display: flex;
  flex-direction: column;

  justify-content: space-between;
}

.survey-step-2__checkbox {
  display: block;
  padding-left: 26px;

  color: var(--color-445B6C);
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);

  margin-bottom: 20px;
}

.survey-step-2__checkbox:last-child {
  margin-bottom: 0;
}

.survey-step-2__checkbox .checkmark {
  top: calc(50% - 8px);
}

.survey-step-2__footer {
  margin-top: 150px;
  display: flex;
  justify-content: center;
}

.survey-step-2__button {
  width: 240px;
}

.survey-step-2__button a {
  text-decoration: none;
}

.survey-step-2__chart {
  position: relative;
  border: 1px solid var(--color-BAC2CE);
  padding: 30px 28px 40px;

  margin-top: 92px;
}

.survey-step-2__chart:before {
  position: absolute;
  content: '';
  left: calc(50% - 13.5px);
  top: -16px;
  width: 27px;
  height: 16px;
  z-index: 1;

  background-color: var(--color-BAC2CE);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.survey-step-2__chart:after {
  position: absolute;
  content: '';
  left: calc(50% - 12.5px);
  top: -14px;
  width: 25px;
  height: 15px;
  z-index: 2;

  background-color: #fff;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.survey-step-2__chart img {
  width: 100%;
  height: auto;
}

.survey-step-2__chart-title {
  color: var(--color-013A81);
  font-size: var(--font-18px);
  line-height: var(--line-h-20px);
  font-family: Inter-Medium;
  margin-bottom: 30px;
  text-align: center;
}

.survey-result__title {
  color: var(--color-primary);
  font-family: Inter-Bold;
  font-size: var(--font-20px);
  margin-bottom: 30px;
}

.survey-result__question {
  color: var(--color-013A81);
  font-family: Inter-Medium;
}

.survey-result__answer {
  color: var(--color-445B6C);
}

.survey-result__content {
  line-height: var(--line-h-36px);
}

.survey-portfolio {
  background: var(--color-EDF3FF);
  min-height: 200px;
  margin-bottom: 30px;
  padding: 16px;
}

.survey-portfolio__chart {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.survey-portfolio__chart .chart-doughnut__legend-title {
  padding-right: 12px;
}



.survey-portfolio .survey-portfolio__title {
  color: var(--color-primary);
  font-family: Inter-Bold;
  font-size: var(--font-20px);
  margin-bottom: 30px;
}

.survey-step-3__footer {
  margin-top: 60px;
}

.survey-step-4__footer {
  margin-top: 110px;
}

.survey-step__answers .image {
  width: 130px;
  height: 130px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.survey-step__answers [type="radio"] + label:before, .survey-step__answers [type="radio"] + label:after {
  display: none;
}

.survey-step__answers [type="radio"] + label {
  width: 400px;
  height: 380px;
  padding: 0;
  background-color: #EDF3FF;
  cursor: pointer;
}

.answer-radio__item {
  margin: 12px 12px;
  cursor: pointer;
}

.answer-radio__item .answer-radio__content {
  padding: 30px 12px 12px 12px;
  text-align: center;
}

.answer-radio__item .answer-radio__content .title {
  color: #013A81;
  font-family: Inter-Medium;
  font-size: 20px;
}

.answer-radio__item .answer-radio__content .description {
  color: #445B6C;
}

.answer-radio__item [type="radio"] {
  display: none;
}

.survey-step__answers .answer-radio__item [type="radio"]:checked ~ label {
  border: 1px solid #08538A;
}
 
@media only screen and (min-width: 992px) {
  .survey-step-1 {
    padding: 64px 0 209px;
  }

  .survey-progress {
    width: 489px;
    margin: 0 auto 60px;
  }

  .survey-step-1__container {
    max-width: 1325px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 865px 400px;
    column-gap: 60px;
  }

  .survey-step-1__selection {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 25px;
    row-gap: 25px;

    margin-bottom: 40px;
  }

  .survey-step .survey-summary {
    display: block;
    margin-bottom: 40px;
  }

  .survey-step-1__checkbox {
    margin-bottom: 0!important;
    padding: 30px 30px 30px 56px;
  }

  .survey-step-1__checkbox .checkmark {
    left: 30px;
  }

  .survey-step-1__goal {
    margin-top: 0;
  }

  .survey-step-1__goal:after {
    left: -12px;
    top: 21px;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 15px 12.5px 0;
    border-color: transparent #edf3ff transparent transparent;
  }

  .survey-result__container {
    max-width: 600px;
    margin: 0 auto;
  }
  .survey-step-2 {
    padding: 64px 0 78px;
  }

  .survey-step-2__container {
    max-width: 860px;
    margin: 0 auto;
  }

  .survey-step-2__title {
    margin-bottom: 25px;
  }

  .survey-step-2__footer {
    margin-top: 0;
  }

  .survey-step-2__chart {
    margin-top: 0;
    padding: 30px 38px 40px 47px;
  }

  .survey-step-2__chart img {
    width: unset;
    height: unset;
  }

  .survey-step-2__chart:before {
    left: -16px;
    top: 30px;
    width: 16px;
    height: 27px;
    z-index: 1;

    clip-path: polygon(100% 0, 100% 100%, 0 50%);
  }

  .survey-step-2__chart:after {
    left: -14px;
    top: 31px;
    width: 15px;
    height: 25px;
    z-index: 2;

    clip-path: polygon(100% 0, 100% 100%, 0 50%);
  }

  .survey-step-3__footer {
    margin-top: 0;
  }
}

.survey-portfolio .sector-chart__label {
  border: none;
  background: unset;
}

.survey-portfolio .sector-chart__label .chart-doughnut__legend .color {
  margin-right: 8px;
}

.survey-portfolio .chart-doughnut__legend .item-legend {
  margin-bottom: 10px;
}

.survey-portfolio .chart-doughnut__legend {
  padding-left: 0px;
}

.survey-portfolio .chart-doughnut__legend .item-legend {
  text-transform: uppercase!important;
}

@media (min-width: 320px) and (max-width: 991px) {
  .survey-portfolio .survey-portfolio__chart {
    display: block!important;
  }

  .survey-portfolio .sector-chart__label {
    margin-top: 0px;
  }

  .survey-portfolio .chart-doughnut__legend {
    display: flex;
  }

  .survey-portfolio .chart-doughnut__legend .item-legend {
    margin-bottom: 0px;
  }

  .survey-portfolio .chart-doughnut__legend .item-legend:last-child {
    padding-left: 16px;
  }

  .survey-step__answers .answer-radio__item {
    margin: 0px;
  }
  .survey-step-2__title  {
    text-align: center;
  }

  .survey-step__answers [type="radio"] + label {
    width: 100%;
    margin-bottom: 16px;
  }
  .survey-container .survey-contact__box {
    width: 100%;
  }
  .survey-contact__footer .survey-contact__button {
    width: 152px;
  }

  .survey-introduce__container {
    padding: 20px 8px 20px 8px;
  }

  .survey-contact__box {
    padding: 30px 16px 60px;
  }
}
.order-detail-content {
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 40px;
}
.order-detail-content .order-detail-content__group-title {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2px;
  border-bottom: 1.5px solid;
}

.order-detail-content__group-title .title-text-left {
  text-align: left;
  display: inline-flex;
  color: var(--color-D0D0D0);
  font-family: Inter-Bold;
}

.order-detail-content__group-title .title-text-left .text-order-type {
  padding: 0px 4px 0px 4px;
}

.order-detail-content__group-title .title-text-right{
  text-align: right;
}

.order-detail-content__group-title .title-text-right .action-back {
  margin-bottom: 8px;
}

.order-detail-content__group-title .title-text-right a {
  text-decoration: none;
  color: var(--color-primary);
  font-family: Inter-Bold;
}

.order-detail-info {
  background: var(--color-EDF3FF);
  padding: 30px;
}

.order-detail-info__title {
  color: var(--color-primary);
  font-family: Inter-Bold;
  font-size: var(--font-20px);
}

.order-detail-info__separation {
  width: 2px;
  margin-right: 8px;
  font-family: Inter-Bold;
  font-size: var(--font-24px);
  border: 2px solid var(--color-primary);
  height: 26px;
  margin-top: 4px;
}

.order-detail-state-box__title {
  color: var(--color-primary);
  font-family: Inter-Bold;
  font-size: var(--font-20px);
}

.order-detail-info__list {
  padding-top: 15px;
  padding-bottom: 12px;
  border-top: 1px solid var(--color-E6E6E6);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order-detail-info .order-detail-info__list.first {
  border-top: 0px;
  color: red;
}

.order-detail-info__list label {
  font-weight: 500;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  letter-spacing: 0.02em;
  color: var(--color-black);
}

.order-detail-info__list span {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  text-align: right;
  letter-spacing: 0.02em;
  color: var(--color-black);
}

.download-text a {
  text-decoration: none;
  font-family: Inter-Bold;
  color: var(--color-primary);
}

.order-detail-info-box {
  margin-right: 24px;
}

.order-detail-state-box {
  padding: 30px;
  max-width: 400px;
  width: 100%;
  border: 1px solid var(--color-E6E6E6);
  height: fit-content;
}

.order-detail-state-box .order-detail-state-box__timeline {
  display: inline-flex;
}

.order-detail-state-box .timeline-separation {
  display: block;
  width: 2px;
  border-left: 2px solid var(--color-F3F3F3);
  margin: 16px 0px 0px 6px;
  min-height: 70px;
  height: auto;
}

.order-detail-state-box .timeline-separation.active {
  border-color: var(--color-primary);
}

.order-detail-state-box .order-detail-state-box__timeline:last-child .timeline-separation {
  border-left: 0px;
}

.order-detail-state-box .timeline-content {
  display: block;
  width: 99%;
  padding: 20px 0px 0px 38px;
}

.order-detail-state-box .timeline-icon {
  margin-left: -10px;
  margin-top: -18px;
}

.order-detail-state-box .timeline-separation.active {
  color: var(--color-primary);
}

.order-detail-state-box .timeline-separation .icon-oclock {
  color: var(--color-A5A5A5);
}

.order-detail-state-box .timeline-icon .icon {
  height: 20px;
  width: 20px;
}

.timeline-content .title {
  margin-top: -22px;
  font-family: Inter-Medium;
}

.timeline-content .boby {
  margin-bottom: 26px;
  color: var(--color-A5A5A5);
  font-style: italic;
}

.order-detail-payment-box .order-detail-payment-hint {
  display: inline-flex;
  margin: 16px 0px 0px 10px; 
}

.order-detail-payment-box .order-detail-payment-hint a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding-top: 16px;
  color: var(--color-2CBCB1);
  font-family: Inter-Bold;
}

.order-detail-payment-hint .payment-instruction {
  padding-left: 20px;
}

.order-detail-payment-hint .payment-instruction .title-instruction {
  font-family: Inter-Bold;
  color: var(--color-primary);
  font-size: var(--font-18px);
}

.content-instruction li {
  padding-top: 18px;
}

.order-detail-payment-box .noted-banner {
  background: var(--color-F3F3F3);
  padding: 16px;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.order-detail-payment-box .noted-banner p {
  margin: 0 0 0 15px;
}

.order-detail-payment-box .noted-banner p a {
  color: var(--color-secondary);
}

.order-detail-payment-box .noted-banner p b {
  color: var(--color-secondary);
}

.order-detail-payment-box .noted-banner .icon {
  color: var(--color-primary);
  width: 16px;
  height: 16px;
  margin-top: 6px;
}

.order-detail-payment-info {
  margin-left: 10px;
}

.order-detail-payment-info .payment-info__title {
  color: var(--color-primary);
  font-family: Inter-Bold;
  font-size: var(--font-18px);
}

.order-detail-payment-info .payment-info__content {
  border: 1px solid var(--color-E6E6E6);
  padding: 16px;
}

.order-detail-payment-info .payment-info__content .card-right {
  margin-left: 32px;
}

.order-detail-payment-info .copy-button {
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: var(--color-2CBCB1);
  margin-top: 20px;
  cursor: pointer;
  min-width: 88px;
}

.order-detail-payment-box .noted-banner-content {
  text-align: justify;
}

.order-detail-payment-info .copy-button.copied {
  font-family: Inter-ExtraBold;
}

.order-detail-payment-info .copy-button .icon {
  margin-right: 4px;
}

.payment-info__content .description {
  font-family: Inter-Bold;
}

.order-detail-action {
  margin: 20px 0px 40px 10px;
}

.order-detail-action a {
  text-decoration: none;
}

.order-detail-action .cancel-btn {
  color: var(--color-445B6F);
  font-family: Inter-Bold;
  border: 1.5px solid var(--color-445B6C);
  min-width: 250px;
  padding: 16px;
}

.order-detail-action .copy-message__body .icon {
  color: var(--color-2CBCB1);
  width: 16px;
  height: 16px;
}

.order-detail-action .copy-message_close .icon {
  width: 16px;
  height: 16px;
}

.order-detail-action .copy-message__body {
  background: var(--color-rgba-2CBCB1-24);
  padding: 9px;
  display: grid;
  grid-template-columns: 1fr 16px;
  column-gap: 2px;
}

.order-detail-action .copy-message__body .copy-message__text .object {
  padding-left: 4px;
}

.order-detail-action .copy-message__body .copy-message__text {
  display: grid;
  grid-template-columns: 16px 1fr;
}

.order-detail-action .order-cancel-action {
  text-align: right;
}

@media (min-width: 320px) and (max-width: 991px) {
  .order-detail-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .order-detail-group {
    width: 100%;
  }
  .order-detail-info-box {
    width: 100%;
  }

  .order-detail-state-box {
    margin-top: 40px;
  }

  .order-detail-payment-box .order-detail-payment-hint {
    display: block;
  }

  .order-detail-payment-box .noted-banner {
    margin-left: 0px;
  }

  .order-detail-payment-info {
    margin-left: 0px;
  }

  .order-detail-payment-hint .payment-qrcode {
    text-align: center;
  }

  .order-detail-payment-info .payment-info__content {
    display: block!important;
  }

  .order-detail-payment-info .payment-info__content .card-right {
    margin-left: 0px;
  }

  .order-detail-payment-box .order-detail-action {
    text-align: center;
  }

  .order-detail-payment-box .order-detail-payment-hint {
    margin: 16px 0px 0px 0px;
  }

  .order-detail-action {
    /*grid-template-columns: 1fr;*/
    margin: 20px 0px 40px 0px;
  }

  .order-detail-action .copy-message__body {
    margin-bottom: 24px;
  }

  .order-detail-action .order-cancel-action {
    text-align: center;
  }
}
.modal {
  --bs-modal-width: 420px;
  --bs-modal-border-radius: 0rem;
}

.modal-header {
  justify-content: center;
  width: 80%;
  padding: 18px 4px 14px 14px;
  margin-left: 38px;
  color: var(--color-primary);
  font-family: Inter-Bold;
  font-size: var(--font-24px);
}

.modal-footer {
  border-top: none;
  justify-content: center;
}

.modal .btn {
  font-family: Inter-Bold;
  text-decoration: none;
}

.modal .btn-cancel {
  padding-left: 12px ;
  padding-right: 12px;
  color: var(--color-445B6F);
  border: 1px solid var(--color-445B6F);
}

.modal .btn-confirm {
  padding: 12px 8px 12px 32px;
  background: var(--color-primary);
  color: var(--color-white);
  border-radius: 8px;
}

.modal .btn-confirm .icon {
  color: var(--color-62A8FF);
  margin-left: 32px;
}
.news-wrapper .row {
  margin-left: -20px;
  margin-right: -20px;
}

.new-item .new-item__info {
  margin-top: 20px;
}

.new-item .new-item__info .new-item__title {
  margin: 20px 0;
}

.new-item .new-item__info .new-item__title a {
  font-family: Inter-ExtraBold;
  font-size: var(--font-24px);
  line-height: 29px;
  letter-spacing: 0.02em;
  color: var(--color-013A81);
  text-decoration: none;
}

.new-item .new-item__info .new-item__description {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  letter-spacing: 0.02em;
  color: var(--color-black);
}

.news-related .new-item {
  display: flex;
  align-items: center;
}

.news-related .new-item .new-item__image {
  width: 73px;
  height: 73px;
  min-width: 73px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-related .new-item .new-item__info {
  margin-top: 0;
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.news-related .new-item .new-item__info .new-item__title {
  margin: 0;
}

.news-related .new-item .new-item__info .new-item__title a {
  font-family: Inter-Medium;
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-black);
}

.news-related .new-item .new-item__info .new-item__description {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  color: var(--color-9D9D9D);
}

.news-related .new-item .new-item__info .new-item__description p {
  margin-bottom: 0;
}

.new-detail {
  padding-right: 36px;
  overflow: hidden;
}

.new-detail .new-detail__content {
  text-align: justify;
}

.new-detail .new-detail__content img {
  max-width: fit-content;
  width: 100% !important;
}

.new-detail > h1 {
  font-family: Inter-Bold;
  font-size: var(--font-30px);
  line-height: var(--line-h-36px);
  letter-spacing: 0.02em;
  color: var(--color-013A81);
}

.new-detail .new-detail__info {
  border-bottom: 2px solid var(--color-black);
  margin-top: 15px;
  padding-bottom: 16px;
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-13px);
  color: var(--color-45586C);
}

.new-detail .new-detail__info .new-detail__info-social a {
  text-decoration: none;
}

.new-detail .new-detail__info .new-detail__info-social a span {
  color: var(--color-45586C);
  margin-right: 6px;
  text-decoration: underline;
}

.new-detail .new-detail__info .new-detail__info-social a svg {
  width: 30px;
  height: 30px;
  fill: var(--color-8794A1);
  border-radius: 3px;
}

.new-detail .new-detail__info .new-detail__info-social a svg:hover {
  fill: var(--color-secondary);
}

.new-detail .new-detail__info p {
  margin-bottom: 0;
  font-family: Inter-Medium;
  font-size: var(--font-13px);
  line-height: var(--line-h-16px);
  letter-spacing: 0.02em;
  color: var(--color-45586C);
}

.new-detail__download-report .info a {
  font-size: var(--font-17px);
  line-height: var(--line-h-25px);
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: var(--color-black);
}

.new-detail__download-report .new-detail__download-report__title {
  font-family: Inter-Bold;
}

.new-detail .aligncenter {
  display: block;
  margin: auto;
}

@media (min-width: 320px) and (max-width: 991px) {
  .new-detail {
    padding-right: 0px;
  }
  .new-detail > h1 {
    font-size: var(--font-24px);
  }

  .new-detail .new-detail__content img{
    width: 100%!important;
    height: auto!important;
  }

  .new-detail .new-detail__content table {
    width: 100%!important;
    text-align: left;
  }
}
.contact-content .overview-contact .overview-glance__box {
  display: grid;
  grid-template-columns: 120px 1fr;
  column-gap: 4px;
  margin-bottom: 10px;
}

.contact-content .contact_message .form-control {
  height: 109px;
}

.contact-content .overview-glance__title {
  margin-bottom: 0px;
}

.contact-content .contact-content .overview-glance__title {
  line-height: 0px;
}

.contact-content .buy-sell-info {
  padding: 30px 30px 20px 30px;
}

.contact-content .noted-banner {
  background: var(--color-F3F3F3);
  display: flex;
  align-items: center;
}

.contact-content .noted-banner .noted-banner-icon {
  margin: 6px 16px 0px 12px;
}

.contact-content .noted-banner .noted-banner-content {
  padding: 16px 12px 0px 0px;
  text-align: justify;
}

.contact-content .noted-banner .icon {
  width: 20px;
  height: 20px;
  color: var(--color-45586C);
}

.contact-form-success .contact-form-success__info h4 {
  font-size: var(--font-20px);
  line-height: var(--line-h-36px);
  letter-spacing: 0.02em;
  color: var(--color-2CBCB1);
}

.contact-form-success .contact-form-success__info p {
  font-size: var(--font-15px);
  line-height: var(--line-h-20px);
  letter-spacing: 0.02em;
  color: var(--color-445B6F);
}
.contact-form-success .contact-form-success__info p a {
  color: var(--color-secondary);
}
/*





































 */