@charset "UTF-8";
:root,
[data-bs-theme=light] {
  --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: #0a58ca;
  --bs-secondary: #dfdfdf;
  --bs-success: #0fd194;
  --bs-info: #13bddf;
  --bs-warning: #f5b923;
  --bs-danger: #ff4268;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 10, 88, 202;
  --bs-secondary-rgb: 223, 223, 223;
  --bs-success-rgb: 15, 209, 148;
  --bs-info-rgb: 19, 189, 223;
  --bs-warning-rgb: 245, 185, 35;
  --bs-danger-rgb: 255, 66, 104;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #042351;
  --bs-secondary-text-emphasis: #595959;
  --bs-success-text-emphasis: #06543b;
  --bs-info-text-emphasis: #084c59;
  --bs-warning-text-emphasis: #624a0e;
  --bs-danger-text-emphasis: #661a2a;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cedef4;
  --bs-secondary-bg-subtle: #f9f9f9;
  --bs-success-bg-subtle: #cff6ea;
  --bs-info-bg-subtle: #d0f2f9;
  --bs-warning-bg-subtle: #fdf1d3;
  --bs-danger-bg-subtle: #ffd9e1;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9dbcea;
  --bs-secondary-border-subtle: #f2f2f2;
  --bs-success-border-subtle: #9fedd4;
  --bs-info-border-subtle: #a1e5f2;
  --bs-warning-border-subtle: #fbe3a7;
  --bs-danger-border-subtle: #ffb3c3;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --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-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0a58ca;
  --bs-link-color-rgb: 10, 88, 202;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0846a2;
  --bs-link-hover-color-rgb: 8, 70, 162;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --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.25rem;
  --bs-border-radius-sm: 0.5rem;
  --bs-border-radius-lg: 0.75rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(10, 88, 202, 0.25);
  --bs-form-valid-color: #0fd194;
  --bs-form-valid-border-color: #0fd194;
  --bs-form-invalid-color: #ff4268;
  --bs-form-invalid-border-color: #ff4268;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6c9bdf;
  --bs-secondary-text-emphasis: #ececec;
  --bs-success-text-emphasis: #6fe3bf;
  --bs-info-text-emphasis: #71d7ec;
  --bs-warning-text-emphasis: #f9d57b;
  --bs-danger-text-emphasis: #ff8ea4;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #021228;
  --bs-secondary-bg-subtle: #2d2d2d;
  --bs-success-bg-subtle: #032a1e;
  --bs-info-bg-subtle: #04262d;
  --bs-warning-bg-subtle: #312507;
  --bs-danger-bg-subtle: #330d15;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #063579;
  --bs-secondary-border-subtle: #868686;
  --bs-success-border-subtle: #097d59;
  --bs-info-border-subtle: #0b7186;
  --bs-warning-border-subtle: #936f15;
  --bs-danger-border-subtle: #99283e;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6c9bdf;
  --bs-link-hover-color: #89afe5;
  --bs-link-color-rgb: 108, 155, 223;
  --bs-link-hover-color-rgb: 137, 175, 229;
  --bs-code-color: #e685b5;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}
*,
*::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: var(--bs-border-width) 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;
  color: var(--bs-heading-color);
}
h1,
.h1 {
  font-size: calc(1.375rem + 1.5vw);
}


@media (max-width: 768px) {
  .mobile-hidden {
    display: none;
  }
  .mobile-flex-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .menu-lista{
    width: 100%;
  }
}

a {
  text-decoration: none !important;
}

@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;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
b,
strong {
  font-weight: bolder;
}
small,
.small {
  font-size: 0.875em;
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code {
  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;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

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,
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;
}
::-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] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.container {
  --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 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  
  .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-xsm: 375px;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
  --bs-breakpoint-max: 1600px;
  --bs-breakpoint-xmax: 1920px;
}
.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%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.g-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4 {
  --bs-gutter-y: 1.5rem;
}
@media (min-width: 576px) {
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .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-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
.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%;
}
.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: sticky;
  top: 0;
  z-index: 1020;
}
.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: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  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);
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --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);
  color: var(--bs-body-color);
  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);
}
.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: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --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: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0a58ca;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --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);
}
.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-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-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-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;
  border-radius: var(--bs-dropdown-item-border-radius, 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;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  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:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #85ace5;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(10, 88, 202, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::-moz-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  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::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group>.form-control {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group>.form-control: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: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.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) {
  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: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0a58ca;
  --bs-list-group-active-border-color: #0a58ca;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.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);
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --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: var(--bs-border-width);
  --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: var(--bs-border-width);
  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-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-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
@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;
  }
}
.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: var(--bs-secondary-color);
  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;
  background: none;
  border: 0;
  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:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(10, 88, 202, 0.25);
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --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(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --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%2833, 37, 41, 0.75%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(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --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 {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.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 .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar[data-bs-theme=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");
}
.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: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(10, 88, 202, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0a58ca;
  --bs-pagination-active-border-color: #0a58ca;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --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: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --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;
}
/* rtl:begin:ignore */
/* rtl:end:ignore */
/* rtl:begin:ignore */
/* 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);
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: var(--bs-body-bg);
  --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;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table> :not(caption)>*>* {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.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: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --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;
  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;
}
/* rtl:begin:ignore */
/* rtl:end:ignore */
/* rtl:begin:ignore */
/* 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);
}
.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;
  }
}
.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !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;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.start-0 {
  inset-inline-start: 0 !important;
}
.end-0 {
  inset-inline-end: 0 !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.my-6 {
  margin-block: 1.5rem !important;
}
.mt-6 {
  margin-block-start: 1.5rem !important;
}
.mb-0 {
  margin-block-end: 0 !important;
}
.mb-1 {
  margin-block-end: 0.25rem !important;
}
.mb-2 {
  margin-block-end: 0.5rem !important;
}
.mb-3 {
  margin-block-end: 0.75rem !important;
}
.mb-4 {
  margin-block-end: 1rem !important;
}
.mb-6 {
  margin-block-end: 1.5rem !important;
}
.mb-7 {
  margin-block-end: 1.75rem !important;
}
.mb-8 {
  margin-block-end: 2rem !important;
}
.mb-10 {
  margin-block-end: 2.5rem !important;
}
.mb-11 {
  margin-block-end: 2.75rem !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-3 {
  padding: 0.75rem !important;
}
.p-4 {
  padding: 1rem !important;
}
.p-6 {
  padding: 1.5rem !important;
}
.px-3 {
  padding-inline: 0.75rem !important;
}
.px-4 {
  padding-inline: 1rem !important;
}
.px-6 {
  padding-inline: 1.5rem !important;
}
.py-2 {
  padding-block: 0.5rem !important;
}
.py-3 {
  padding-block: 0.75rem !important;
}
.py-8 {
  padding-block: 2rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 0.75rem !important;
}
.gap-4 {
  gap: 1rem !important;
}
.gap-6 {
  gap: 1.5rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.lh-1 {
  line-height: 1 !important;
}
.text-center {
  text-align: center !important;
}
/* rtl:begin:remove */
/* rtl:end:remove */
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !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-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-1 {
  z-index: 1 !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
}
@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
  .d-md-none {
    display: none !important;
  }
  .px-md-8 {
    padding-inline: 2rem !important;
  }
  .px-md-9 {
    padding-inline: 2.25rem !important;
  }
  .py-md-10 {
    padding-block: 2.5rem !important;
  }
  .py-md-11 {
    padding-block: 2.75rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .mx-lg-auto {
    margin-inline: auto !important;
  }
  .mt-lg-8 {
    margin-block-start: 2rem !important;
  }
  .mb-lg-6 {
    margin-block-end: 1.5rem !important;
  }
  .px-lg-4 {
    padding-inline: 1rem !important;
  }
  .px-lg-8 {
    padding-inline: 2rem !important;
  }
  .py-lg-0 {
    padding-block: 0 !important;
  }
  .py-lg-6 {
    padding-block: 1.5rem !important;
  }
  .py-lg-12 {
    padding-block: 3rem !important;
  }
  .pb-lg-0 {
    padding-block-end: 0 !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .mt-xl-10 {
    margin-block-start: 2.5rem !important;
  }
  .p-xl-8 {
    padding: 2rem !important;
  }
  .px-xl-9 {
    padding-inline: 2.25rem !important;
  }
  .px-xl-10 {
    padding-inline: 2.5rem !important;
  }
  .py-xl-15 {
    padding-block: 3.75rem !important;
  }
  .ps-xl-12 {
    padding-inline-start: 3rem !important;
  }
}
.preloader {
  position: relative;
  display: grid;
  place-items: center;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(5px);
  position: fixed;
  inset: 0;
  z-index: 9999;
}
.preloader__img {
  width: 100px;
  height: 100px;
  animation: imageBeat 2s infinite ease;
}
.preloader__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
:root {
  --d1: clamp(3.5rem, 4.210vw + 1rem, 5rem);
  --d2: clamp(3.15rem, 3.789vw + 1rem, 4.5rem);
  --d3: clamp(2.8rem, 3.368vw + 1rem, 4rem);
  --d4: clamp(2.45rem, 2.947vw + 1rem, 3.5rem);
  --h1: clamp(3.15rem, 3.789vw + 1rem, 4.5rem);
  --h2: clamp(2.8rem, 3.368vw + 1rem, 4rem);
  --h3: clamp(2.1rem, 2.526vw + 1rem, 3rem);
  --h4: clamp(1.575rem, 1.894vw + 1rem, 2.25rem);
  --h5: clamp(1.225rem, 1.473vw + 1rem, 1.75rem);
  --h6: clamp(1rem, 1.052vw + 1rem, 1.25rem);
  --fb: 214 89% 52%;
  --tw: 203 89% 53%;
  --yt: 0 100% 50%;
  --ins: 340 75% 54%;
  --in: 201 100% 35%;
  --pin: 351 100% 45%;
  --wapp: 142 70% 49%;
  --dbl: 337 79% 61%;
  --be: 219 100% 55%;
  --vim: 195 83% 51%;
  --wc: 138 91% 38%;
  --rdt: 16 100% 50%;
  --skp: 196 100% 47%;
  --snap: 59 100% 50%;
  --twitch: 264 100% 64%;
  --qra: 13 100% 33%;
  --primary-key: 254 100% 68%;
  --primary-0: 0 0% 0%;
  --primary-2: 219 93% 64%;
  --primary-10: 256 100% 19%;
  --primary-20: 258 100% 31%;
  --primary-30: 259 100% 43%;
  --primary-40: 254 100% 68%;
  --primary-50: 251 100% 70%;
  --primary-60: 249 100% 75%;
  --primary-70: 249 100% 81%;
  --primary-80: 249 100% 87%;
  --primary-90: 253 100% 94%;
  --primary-95: 261 100% 97%;
  --primary-99: 300 100% 99%;
  --primary-100: 0 0% 100%;
  --secondary-key: 13 82% 61%;
  --secondary-0: 0 0% 0%;
  --secondary-10: 27 100% 9%;
  --secondary-20: 30 100% 15%;
  --secondary-30: 31 100% 22%;
  --secondary-40: 25 95% 62%;
  --secondary-50: 33 100% 35%;
  --secondary-60: 33 100% 43%;
  --secondary-70: 32 99% 54%;
  --secondary-80: 27 100% 75%;
  --secondary-90: 25 100% 88%;
  --secondary-95: 21 100% 95%;
  --secondary-99: 300 100% 99%;
  --secondary-100: 0 0% 100%;
  --neutral-key: 0 0% 11%;
  --neutral-0: 0 0% 0%;
  --neutral-4: 180 15% 5%;
  --neutral-6: 192 14% 7%;
  --neutral-10: 195 7% 11%;
  --neutral-12: 195 6% 12%;
  --neutral-17: 180 5% 16%;
  --neutral-20: 195 4% 19%;
  --neutral-22: 195 4% 20%;
  --neutral-24: 180 4% 22%;
  --neutral-30: 195 3% 27%;
  --neutral-40: 180 2% 37%;
  --neutral-50: 180 2% 46%;
  --neutral-60: 195 2% 56%;
  --neutral-70: 180 2% 67%;
  --neutral-80: 180 3% 77%;
  --neutral-87: 200 4% 85%;
  --neutral-90: 180 3% 89%;
  --neutral-92: 200 6% 91%;
  --neutral-94: 200 9% 93%;
  --neutral-95: 180 7% 94%;
  --neutral-96: 180 8% 95%;
  --neutral-99: 180 43% 99%;
  --neutral-100: 0 0% 100%;
  --neutral-variant-0: 0 0% 0%;
  --neutral-variant-10: 249 11% 12%;
  --neutral-variant-20: 253 9% 20%;
  --neutral-variant-30: 260 6% 29%;
  --neutral-variant-40: 260 5% 38%;
  --neutral-variant-50: 264 4% 48%;
  --neutral-variant-60: 264 5% 58%;
  --neutral-variant-70: 262 7% 68%;
  --neutral-variant-80: 262 10% 79%;
  --neutral-variant-90: 265 24% 90%;
  --neutral-variant-95: 267 52% 96%;
  --neutral-variant-99: 300 100% 99%;
  --neutral-variant-100: 0 0% 100%;
  --success-10: 161 73% 19%;
  --success-20: 161 73% 25%;
  --success-30: 161 74% 32%;
  --success-40: 161 74% 41%;
  --success-50: 161 74% 45%;
  --success-60: 161 61% 56%;
  --success-70: 161 61% 63%;
  --success-80: 161 61% 75%;
  --success-90: 161 61% 83%;
  --success-100: 159 63% 95%;
  --danger-10: 348 59% 26%;
  --danger-20: 348 59% 35%;
  --danger-30: 348 59% 45%;
  --danger-40: 348 79% 57%;
  --danger-50: 348 100% 63%;
  --danger-60: 348 100% 70%;
  --danger-70: 348 100% 75%;
  --danger-80: 348 100% 83%;
  --danger-90: 348 100% 88%;
  --danger-100: 347 100% 96%;
  --warning-10: 43 57% 27%;
  --warning-20: 43 58% 35%;
  --warning-30: 43 58% 45%;
  --warning-40: 43 79% 58%;
  --warning-50: 43 100% 63%;
  --warning-60: 43 100% 71%;
  --warning-70: 43 100% 75%;
  --warning-80: 43 100% 83%;
  --warning-90: 43 100% 89%;
  --warning-100: 44 100% 96%;
  --info-10: 190 77% 17%;
  --info-20: 190 77% 22%;
  --info-30: 190 77% 28%;
  --info-40: 190 76% 36%;
  --info-50: 190 76% 40%;
  --info-60: 190 51% 52%;
  --info-70: 190 51% 60%;
  --info-80: 190 51% 73%;
  --info-90: 190 52% 81%;
  --info-100: 191 53% 94%;
  --black: 0 0% 0%;
  --white: 0 0% 100%;
  --primary: var(--primary-key);
  --on-primary: var(--primary-100);
  --primary-container: var(--primary-90);
  --on-primary-container: var(--primary-20);
  --primary-fixed: var(--primary-90);
  --on-primary-fixed: var(--primary-10);
  --primary-fixed-dim: var(--primary-80);
  --on-primary-fixed-variant: var(--primary-30);
  --inverse-primary: var(--primary-80);
  --secondary: var(--secondary-70);
  --on-secondary: var(--secondary-100);
  --secondary-container: var(--secondary-90);
  --on-secondary-container: var(--secondary-20);
  --secondary-fixed: var(--secondary-90);
  --on-secondary-fixed: var(--secondary-10);
  --secondary-fixed-dim: var(--secondary-80);
  --on-secondary-fixed-variant: var(--secondary-30);
  --background: var(--neutral-100);
  --on-background: var(--neutral-10);
  --surface: var(--neutral-99);
  --on-surface: var(--neutral-10);
  --surface-variant: var(--neutral-variant-90);
  --on-surface-variant: var(--neutral-variant-30);
  --inverse-surface: var(--neutral-key);
  --inverse-on-surface: var(--neutral-95);
  --surface-container-highest: var(--neutral-90);
  --surface-container-high: var(--neutral-92);
  --surface-container: var(--neutral-94);
  --surface-container-low: var(--neutral-96);
  --surface-container-lowest: var(--neutral-100);
  --surface-bright: 180 17% 98%;
  --surface-dim: var(--neutral-87);
  --outline: var(--neutral-variant-50);
  --outline-variant: var(--neutral-variant-80);
  --shadow: 210 13% 62%;
}
[data-bs-theme=dark] {
  --primary: var(--primary-80);
  --on-primary: var(--primary-20);
  --primary-container: var(--primary-30);
  --on-primary-container: var(--primary-90);
  --primary-fixed: var(--primary-90);
  --on-primary-fixed: var(--primary-10);
  --primary-fixed-dim: var(--primary-80);
  --on-primary-fixed-variant: var(--primary-30);
  --inverse-primary: var(--primary-key);
  --secondary: var(--secondary-80);
  --on-secondary: var(--secondary-20);
  --secondary-container: var(--secondary-30);
  --on-secondary-container: var(--secondary-90);
  --secondary-fixed: var(--secondary-90);
  --on-secondary-fixed: var(--secondary-10);
  --secondary-fixed-dim: var(--secondary-80);
  --on-secondary-fixed-variant: var(--secondary-30);
  --background: var(--neutral-10);
  --on-background: var(--neutral-90);
  --surface: var(--neutral-6);
  --on-surface: var(--neutral-80);
  --surface-variant: var(--neutral-variant-30);
  --on-surface-variant: var(--neutral-variant-80);
  --inverse-surface: var(--neutral-90);
  --inverse-on-surface: var(--neutral-10);
  --surface-container-highest: var(--neutral-22);
  --surface-container-high: var(--neutral-17);
  --surface-container: var(--neutral-12);
  --surface-container-low: var(--neutral-10);
  --surface-container-lowest: var(--neutral-4);
  --surface-bright: var(--neutral-24);
  --surface-dim: var(--neutral-6);
  --outline: var(--neutral-variant-60);
  --outline-variant: var(--neutral-variant-30);
  --shadow: var(--black);
}
html {
  font-size: 100%;
}
body {
  position: relative;
  background-color: hsl(var(--background));
  overflow-x: clip;
  font-family: var(--ff-3);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: hsl(var(--on-background));
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
form {
  margin: 0;
}
p {
  margin: 0 0 1rem;
  font-weight: 400;
}

.d2 {
  margin: 0 0 1rem;
  font-family: var(--ff-1);
  font-weight: 700;
  line-height: 1.2;
  color: hsl(var(--on-surface));
}
.d2 {
  font-size: var(--d2);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1rem;
  font-family: var(--ff-1);
  font-weight: 700;
  line-height: 1.2;
  color: hsl(var(--on-surface));
}
h1,
.h1 {
  font-size: var(--h1);
}
h2,
.h2 {
  font-size: var(--h2);
}
h3,
.h3 {
  font-size: var(--h3);
}
h4,
.h4 {
  font-size: var(--h4);
}
h5,
.h5 {
  font-size: var(--h5);
}
h6,
.h6 {
  font-size: var(--h6);
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.fw-extrabold {
  font-weight: 900;
}
.fs-10 {
  font-size: 0.625rem;
}
small,
.fs-14 {
  font-size: 0.875rem;
}
.fs-18 {
  font-size: 1.125rem;
}
.fs-24 {
  font-size: 1.5rem;
}
.max-text-40 {
  max-width: 40ch;
}
.logo {
  --logo-height: 3rem;
  height: var(--logo-height);
}
.menu {
  position: relative;
  isolation: isolate;
}
.menu-nav {
  display: flex;
  position: absolute;
  align-items: center;
  inset-inline: 0;
  inset-block-start: calc(100% - 0.5rem);
  background-color: hsl(var(--primary));
  box-shadow: 0 0.5rem 1rem hsl(var(--black)/0.05);
  transition: all 0.3s ease;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 992px) {
  .menu-nav {
    background-color: transparent;
    position: relative;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
    box-shadow: none;
  }
  .menu-nav ul+ul li+li {
    position: relative;
    isolation: isolate;
  }
  .menu-nav ul+ul li+li::before {
    content: "";
    width: 1px;
    height: 1.5rem;
    background-color: hsl(var(--outline)/0.25);
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: -0.75rem;
    transform: translateY(-50%);
  }
}
.menu-nav .has-sub {
  justify-content: space-between;
  gap: 0.25rem;
}
@media (min-width: 992px) {
  .menu-nav .has-sub {
    gap: 0.5rem;
  }
}
.menu-nav .has-sub::after {
  content: "\f282";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.menu-open .menu-nav {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  pointer-events: unset;
  inset-block-start: 100%;
}
@media (min-width: 992px) {
  .menu-list {
    position: relative;
    isolation: isolate;
  }
}
.menu-list+.menu-list .menu-link {
  border-top: 1px solid hsl(var(--outline)/0.15);
}
@media (min-width: 992px) {
  .menu-list+.menu-list .menu-link {
    border-top: none;
  }
}
@media (min-width: 992px) {
  .menu-list:hover .menu-link {
    color: hsl(var(--primary-2));
  }
}
.menu-list.current-page>.menu-link {
  color: hsl(var(--primary-container));
}
@media (min-width: 992px) {
  .menu-list.current-page>.menu-link {
    color: hsl(var(--primary-2));
  }
}
.menu-link {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  position: relative;
  isolation: isolate;
  font-size: 0.875rem;
  color: hsl(var(--white));
}
@media (min-width: 992px) {
  .menu-link {
    padding: 1.75rem 0.75rem;
    font-size: 1rem;
    color: hsl(var(--on-background));
  }
}
.menu-link.active {
  color: hsl(var(--primary-container));
}
.list {
  --direction: column;
  display: flex;
  flex-direction: var(--direction);
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-row {
  --direction: row;
}
@media (min-width: 992px) {
  .list-lg-row {
    --direction: row;
  }
}
.form--control {
  --padding-y: 0.5rem;
  --padding-x: 0.75rem;
  --font-size: 1rem;
  --placeholder-color: var(--on-background);
  --bs-border-radius: 2px;
  --bs-border-radius-sm: 2px;
  --bs-border-radius-lg: 0.25rem;
  --bs-border-color: hsl(var(--surface-dim));
  --bs-body-bg: hsl(var(--background));
  --bs-body-color: hsl(var(--on-background));
  padding: calc(var(--padding-y) - 1px) calc(var(--padding-x) - 1px);
  font-size: var(--font-size);
}
.form--control::-moz-placeholder {
  color: hsl(var(--placeholder-color)/0.7);
}
.form--control::placeholder {
  color: hsl(var(--placeholder-color)/0.7);
}
.input--group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  padding-right: 0.35rem;
  border-right: 0;
}
.input--group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  padding-left: 0.35rem;
  border-left: 0;
}
.input--group .input-group-text {
  --input-group-padding-y: 0.5rem;
  --input-group-padding-x: 0.75rem;
  --font-size: 22px;
  --bs-border-radius: 2px;
  --bs-border-radius-sm: 2px;
  --bs-border-radius-lg: 0.25rem;
  --bs-border-color: hsl(var(--surface-dim));
  --bs-tertiary-bg: hsl(var(--background));
  --bs-body-color: hsl(var(--on-background));
  padding: calc(var(--input-group-padding-y) - 1px) calc(var(--input-group-padding-x) - 1px);
  font-size: var(--font-size);
  line-height: 1;
}
.input--group-surface-bright .input-group-text {
  --bs-tertiary-bg: hsl(var(--surface-bright));
  --bs-body-color: hsl(var(--on-surface));
  --bs-border-color: hsl(var(--surface-bright));
}
.input--group-surface-bright .form--control {
  --bs-body-bg: hsl(var(--surface-bright));
  --bs-body-color: hsl(var(--on-surface));
  --placeholder-color: var(--on-surface);
  --bs-border-color: hsl(var(--surface-bright));
}
.code {
  display: inline-block;
  padding-inline: 0.5rem;
  border-radius: 2px;
  background-color: hsl(var(--surface-container));
  font-family: var(--ff-2);
  color: hsl(var(--on-surface));
}
.nav {
  --bs-nav-link-padding-x: 1.5rem;
  --bs-nav-link-color: hsl(var(--on-background));
  --bs-nav-link-hover-color: hsl(var(--primary));
}
.nav-link {
  font-weight: 700;
}
.alert {
  --bs-alert-margin-bottom: 0;
}
.avatar {
  display: flex;
  justify-content: center;
  align-items: center;
}
.avatar>* {
  display: grid;
  place-content: center;
}
.avatar--group>*+* {
  position: relative;
  transform: translateX(-25%);
  z-index: -1;
}
.avatar--group>*+*+* {
  transform: translateX(-50%);
  z-index: -2;
}
.avatar--group>*+*+*+* {
  transform: translateX(-75%);
  z-index: -3;
}
.avatar--group>*+*+*+*+* {
  transform: translateX(-100%);
  z-index: -4;
}
.avatar--group .avatar {
  outline: 0.25rem solid hsl(var(--background));
  filter: drop-shadow(0 0 0.25rem hsl(var(--shadow)/0.15));
}
.scroller-x {
  overflow: hidden;
}
.scroller-x[data-direction=right] {
  --_animation-direction: reverse;
}
.scroller-x[data-direction=left] {
  --_animation-direction: forwards;
}
.scroller-x[data-speed=slow] {
  --_animation-duration: 120s;
}
.scroller-x__list {
  width: -moz-max-content;
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite;
}
.scroller-x__list:hover {
  animation-play-state: paused;
}
.scroller-y {
  overflow: hidden;
}
.scroller-y[data-direction=bottom] {
  --_animation-direction: reverse;
}
.scroller-y[data-direction=top] {
  --_animation-direction: forwards;
}
.scroller-y[data-speed=slow] {
  --_animation-duration: 120s;
}
.scroller-y__list {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  flex-wrap: nowrap;
  animation: scrollY var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite;
}
.scroller-y__list:hover {
  animation-play-state: paused;
}
.circle-btn__text {
  position: absolute;
  inset: 0;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  animation: animateText 18s linear infinite;
}
.circle-btn__text::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(0deg, #6a41fb 0%, #6a41fb 100%);
  z-index: -1;
}
.circle-btn__text span {
  position: absolute;
  top: 0;
  text-transform: uppercase;
  display: inline-block;
  transform-origin: 0 75px;
}
.faq-1 .swiper-slide {
  height: auto;
  background-color: hsl(var(--neutral-6)/0.5);
  border-radius: 0.25rem;
}
.faq-1 .swiper-slide-active {
  background-color: hsl(var(--neutral-6));
}
@media (min-width: 1200px) {
  .faq-1 .swiper-slide-active {
    width: 60% !important;
  }
}
@media (min-width: 1200px) {
  .faq-1 .swiper-slide-next {
    width: calc(40% - 1.5rem) !important;
  }
}
.about-ai-slider {
  width: 100%;
  height: 350px;
}
@media (min-width: 768px) {
  .about-ai-slider {
    height: 450px;
  }
}
@media (min-width: 1200px) {
  .about-ai-slider {
    height: 460px;
  }
}
.about-ai-slider .swiper-scrollbar {
  --swiper-scrollbar-bg-color: hsl(var(--neutral-10));
  --swiper-scrollbar-sides-offset: 10%;
}
.about-ai-slider .swiper-scrollbar-drag {
  --swiper-scrollbar-drag-bg-color: hsl(var(--primary-key));
}
.border-dashed-x {
  background-image: linear-gradient(to right, hsl(var(--outline)) 33%, transparent 0%);
  background-position: bottom;
  background-size: 0.5rem 1px;
  background-repeat: repeat-x;
}
.custom-cursor {
  display: none;
}
@media (min-width: 992px) {
  .custom-cursor {
    display: block;
  }
}
.custom-cursor div {
  position: absolute;
  top: 18.75rem;
  left: 18.75rem;
  width: 2rem;
  height: 2rem;
  border: 1px solid hsl(var(--primary-key));
  border-radius: 50%;
  z-index: 9999;
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.custom-cursor div:nth-child(2) {
  position: absolute;
  top: 18.75rem;
  left: 18.75rem;
  width: 0.75rem;
  height: 0.75rem;
  background-color: hsl(var(--primary-key));
  border-radius: 50%;
  z-index: 9999;
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.custom-cursor div span {
  position: absolute;
  top: 2.75rem;
  left: 3.4375rem;
  width: 18.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  color: hsl(var(--white));
  opacity: 0;
  transition: opacity 0.5s;
  z-index: 1;
}
.custom-cursor div span.visible {
  opacity: 1;
}
.custom-cursor__img {
  position: absolute;
  top: 1.25rem;
  left: 2rem;
  opacity: 0;
  transition: opacity 0.5s;
}
.custom-cursor__img.visible {
  opacity: 1;
}
.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: center;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.cd-words-wrapper b.is-visible {
  position: relative;
  z-index: 999;
}
/* -------------------------------- 

xrotate-1 

-------------------------------- */
@keyframes cd-rotate-1-in {
  0% {
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: rotateX(180deg);
    opacity: 0;
  }
}
/* -------------------------------- 

xtype 

-------------------------------- */
.cd-headline.type .cd-words-wrapper {
  vertical-align: top;
  overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after {
  /* vertical bar */
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
  animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.selected::after {
  visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
  color: #0d0d0d;
}
.cd-headline.type b {
  visibility: hidden;
}
.cd-headline.type b.is-visible {
  visibility: visible;
}
.cd-headline.type i {
  position: absolute;
  visibility: hidden;
}
.cd-headline.type i.in {
  position: relative;
  visibility: visible;
}
@keyframes cd-pulse {
  0% {
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

xrotate-2 

-------------------------------- */
.cd-headline.rotate-2 .cd-words-wrapper {
  perspective: 300px;
}
.cd-headline.rotate-2 i,
.cd-headline.rotate-2 em {
  display: inline-block;
  backface-visibility: hidden;
}
.cd-headline.rotate-2 b {
  opacity: 0;
}
.cd-headline.rotate-2 i {
  transform-style: preserve-3d;
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0;
}
.is-visible .cd-headline.rotate-2 i {
  opacity: 1;
}
.cd-headline.rotate-2 i.in {
  animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
  animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
  transform: translateZ(20px);
}
.no-csstransitions .cd-headline.rotate-2 i {
  transform: rotateX(0deg);
  opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
  transform: scale(1);
}
.no-csstransitions .cd-headline.rotate-2 .is-visible i {
  opacity: 1;
}
@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    transform: translateZ(-20px) rotateX(0deg);
  }
}
@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    transform: translateZ(-20px) rotateX(-90deg);
  }
}
/* -------------------------------- 

xloading-bar 

-------------------------------- */
.cd-headline.loading-bar span {
  display: inline-block;
  padding: 0.2em 0;
}
.cd-headline.loading-bar .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.loading-bar .cd-words-wrapper::after {
  /* loading bar */
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #0096a7;
  z-index: 2;
  transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
  width: 100%;
  transition: width 3s;
}
.cd-headline.loading-bar b {
  top: 0.2em;
  opacity: 0;
  transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
  opacity: 1;
  top: 0;
}
/* -------------------------------- 

xslide 

-------------------------------- */
.cd-headline.slide span {
  display: inline-block;
  padding: 0.2em 0;
}
.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.slide b {
  opacity: 0;
  top: 0.2em;
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
  animation: slide-out 0.6s;
}
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
/* -------------------------------- 

xclip 

-------------------------------- */
.cd-headline.clip span {
  display: inline-block;
  padding: 0.2em 0;
}
.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after {
  /* line */
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #aebcb9;
}
.cd-headline.clip b {
  opacity: 0;
}
.cd-headline.clip b.is-visible {
  opacity: 1;
}
/* -------------------------------- 

xzoom 

-------------------------------- */
.cd-headline.zoom .cd-words-wrapper {
  perspective: 300px;
}
.cd-headline.zoom b {
  opacity: 0;
}
.cd-headline.zoom b.is-visible {
  opacity: 1;
  animation: zoom-in 0.8s;
}
.cd-headline.zoom b.is-hidden {
  animation: zoom-out 0.8s;
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes zoom-out {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    transform: translateZ(-100px);
  }
}
/* -------------------------------- 

xrotate-3 

-------------------------------- */
@keyframes cd-rotate-3-in {
  0% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes cd-rotate-3-out {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(-180deg);
  }
}
/* -------------------------------- 

xscale 

-------------------------------- */
.cd-headline.scale b {
  opacity: 0;
}
.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  transform: scale(0);
}
.is-visible .cd-headline.scale i {
  opacity: 1;
}
.cd-headline.scale i.in {
  animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
  animation: scale-down 0.6s forwards;
}
.no-csstransitions .cd-headline.scale i {
  transform: scale(1);
  opacity: 0;
}
.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1;
}
@keyframes scale-up {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-down {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  60% {
    transform: scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

xpush 

-------------------------------- */
.cd-headline.push b {
  opacity: 0;
}
.cd-headline.push b.is-visible {
  opacity: 1;
  animation: push-in 0.6s;
}
.cd-headline.push b.is-hidden {
  animation: push-out 0.6s;
}
@keyframes push-in {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@media (min-width: 1920px) {
  .testimonial-slider-3__is {
    margin-right: -18.75rem;
  }
}
.testimonial-slider-3__nav-prev {
  width: 3rem;
  height: 3rem;
  display: grid;
  place-content: center;
  border-radius: 50%;
  background-color: hsl(var(--white)/0.1);
  color: hsl(var(--white));
}
.testimonial-slider-3__nav-prev:hover {
  background: linear-gradient(270deg, #4d89f9 20%, #704ee7 40%, #e8428c 80%, #ed6d4b 100%);
}
.testimonial-slider-3__nav-next {
  width: 3rem;
  height: 3rem;
  display: grid;
  place-content: center;
  border-radius: 50%;
  background: linear-gradient(270deg, #4d89f9 20%, #704ee7 40%, #e8428c 80%, #ed6d4b 100%);
  background-size: 150%;
  transition: all 0.4s ease-in-out;
  background-position: left;
  color: hsl(var(--white));
}
.testimonial-slider-3__nav-next:hover {
  background-position: right;
  transition: all 0.4s ease-in-out;
}
html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
.header {
  z-index: 999;
  transition: all 0.3s ease;
}
.header--fixed {
  position: fixed;
  width: 100%;
}
@media (min-width: 992px) {
  .header--3 .menu-nav>.list {
    background-color: hsl(var(--white));
    outline: 0.5rem solid hsl(var(--primary-90));
  }
}
@media (min-width: 992px) {
  .header--3 .menu-nav>.list:last-child {
    outline: none;
  }
}
@media (min-width: 992px) {
  .header--3 .menu-link {
    padding: 0.5rem 1.5rem;
    color: hsl(var(--primary-30));
  }
  .header--3 .menu-link:hover {
    color: hsl(var(--primary-key));
  }
}
.header-crossed .header--fixed {
  top: 0;
}
.header-crossed .header--fixed::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
.header-crossed .header--3 {
  top: 0;
}
.header-crossed .header--3::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 4px 30px rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.section-space-xsm-y {
  padding-block-start: clamp(1rem, 1.68vw + 1rem, 2rem);
  padding-block-end: clamp(1rem, 1.68vw + 1rem, 2rem);
}
.section-space-sm-y {
  padding-block-start: clamp(2rem, 3.25vw + 1rem, 3.75rem);
  padding-block-end: clamp(2rem, 3.25vw + 1rem, 3.75rem);
}
.section-space-y {
  padding-block-start: clamp(3.75rem, 6.5vw + 1rem, 7.5rem);
  padding-block-end: clamp(3.75rem, 6.5vw + 1rem, 7.5rem);
}
.section-space-top {
  padding-block-start: clamp(3.75rem, 6.5vw + 1rem, 7.5rem);
}
.section-space-sm-top {
  padding-block-start: clamp(2rem, 3.25vw + 1rem, 3.75rem);
}
.section-space-bottom {
  padding-block-end: clamp(3.75rem, 6.5vw + 1rem, 7.5rem);
}
.section-space-sm-bottom {
  padding-block-end: clamp(2rem, 3.25vw + 1rem, 3.75rem);
}
.section-space-xsm-bottom {
  padding-block-end: clamp(1rem, 1.68vw + 1rem, 2rem);
}
.doc-sidebar {
  position: fixed;
  inset: 0;
  background-color: hsl(var(--neutral-key)/0.95);
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-100%);
  transition: all 0.5s ease;
}
@media (min-width: 992px) {
  .doc-sidebar {
    flex-shrink: 0;
    position: sticky;
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
    transform: translateX(0);
  }
}
.doc-sidebar.active {
  visibility: visible;
  opacity: 1;
  pointer-events: unset;
  transform: translateX(0);
}
.doc-sidebar__content {
  height: 100%;
  background-color: hsl(var(--neutral-key)/0.05);
}
.hero-1 {
  padding-block-start: clamp(6.25rem, 9.5vw + 1rem, 11.25rem);
  padding-block-end: clamp(2rem, 3.25vw + 1rem, 3.75rem);
  position: relative;
}
.hero-1-shapes__img--5 {
  display: none;
}
@media (min-width: 768px) {
  .hero-1-shapes__img--5 {
    display: block;
    inset-block-start: 30%;
    inset-inline-start: 2.5%;
  }
}
@media (min-width: 992px) {
  .hero-1-shapes__img--5 {
    inset-block-start: 40%;
    inset-inline-start: 10%;
  }
}
@media (min-width: 1920px) {
  .hero-1-shapes__img--5 {
    inset-inline-start: 17%;
  }
}
.hero-1-shapes__img--6 {
  display: none;
}
@media (min-width: 992px) {
  .hero-1-shapes__img--6 {
    display: block;
    inset-block-start: 40%;
    inset-inline-end: 2.5%;
  }
}
@media (min-width: 1200px) {
  .hero-1-shapes__img--6 {
    inset-inline-end: 5%;
  }
}
@media (min-width: 1920px) {
  .hero-1-shapes__img--6 {
    inset-inline-end: 15%;
  }
}
.hero-3 {
  position: relative;
  isolation: isolate;
  padding-block-start: 10rem;
  background-image: url(../img/hero-3-bg.png);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.hero-3__shape {
  display: none;
}
@media (min-width: 1200px) {
  .hero-3__shape {
    display: block;
    position: absolute;
    z-index: -1;
    pointer-events: none;
  }
  .hero-3__shape-1 {
    inset-block-start: 10%;
    inset-inline-start: 0;
  }
  .hero-3__shape-2 {
    inset-block-start: 0;
    inset-inline-end: 0;
  }
}
.footer-3 {
  background-image: url(../img/footer-3-bg.png);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
@media (min-width: 1200px) {
  .ai-solution-section::after {
    content: url(../img/ai-solution-shape.png);
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    transform: translateY(-20%);
    max-width: 100%;
    z-index: -1;
    pointer-events: none;
  }
}
@media (min-width: 1200px) {
  .integration-shape-1 {
    inset-inline-start: 0;
    inset-block-end: -130px;
    max-width: 50%;
  }
}
@media (min-width: 1400px) {
  .integration-shape-1 {
    inset-block-end: -150px;
  }
}
@media (min-width: 1200px) {
  .integration-shape-2 {
    inset-inline-end: 0;
    inset-block-end: -130px;
    max-width: 50%;
  }
}
@media (min-width: 1400px) {
  .integration-shape-2 {
    inset-block-end: -150px;
  }
}
@media (min-width: 1200px) {
  .integration-shape-3 {
    inset-block-start: 50%;
    inset-inline-start: 35%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1200px) {
  .integration-shape-4 {
    inset-block-start: 20%;
    inset-inline-start: 25%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1200px) {
  .integration-shape-5 {
    inset-block-end: 5%;
    inset-inline-start: 20%;
  }
}
@media (min-width: 1200px) {
  .integration-shape-6 {
    inset-block-start: 0;
    inset-inline-start: 10%;
  }
}
@media (min-width: 1200px) {
  .integration-shape-7 {
    inset-block-end: 0;
    inset-inline-start: 0;
  }
}
@media (min-width: 1200px) {
  .integration-shape-8 {
    inset-block-start: 50%;
    inset-inline-end: 35%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1200px) {
  .integration-shape-9 {
    inset-block-start: 20%;
    inset-inline-end: 25%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1200px) {
  .integration-shape-10 {
    inset-block-end: 5%;
    inset-inline-end: 20%;
  }
}
@media (min-width: 1200px) {
  .integration-shape-11 {
    inset-block-start: 0;
    inset-inline-end: 10%;
  }
}
@media (min-width: 1200px) {
  .integration-shape-12 {
    inset-block-end: 0;
    inset-inline-end: 0;
  }
}
.sales-growth-section {
  background-image: url(../img/sales-growth-section-shape.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.sales-growth-section__shape-1 {
  inset-inline-start: 0;
  inset-block-start: 5%;
}
.sales-growth-section__shape-2 {
  inset-inline-end: 0;
  inset-block-start: 10%;
}
@media (min-width: 1600px) {
  .sales-growth-section__shape-2 {
    transform: translateX(50%);
  }
}
.sales-growth-section__shape-3 {
  inset-inline-end: 0;
  inset-block-start: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1600px) {
  .sales-growth-section__shape-3 {
    transform: translate(50%, -50%);
  }
}
.client-section {
  position: relative;
  background-image: url(../img/client-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.text-anim div {
  display: inline-block;
}
#ai-template-card-wrapper {
  position: relative;
}
#ai-template-card-wrapper button#seeMore {
  position: relative;
  z-index: 1;
}
.hidden {
  display: none;
}
.listSlider .swiper-slide {
  display: flex;
  align-items: center;
  font-size: 1rem;
  opacity: 0.5;
}
@media (min-width: 1400px) {
  .listSlider .swiper-slide {
    font-size: 1.125rem;
  }
}
.listSlider .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.listSlider .swiper-slide.swiper-slide-active i {
  background-color: #5c2bff;
  color: #fff;
}
.listSlider .swiper-slide.swiper-slide-active span {
  color: #e1e3e3;
}
.listSlider .swiper-slide.swiper-slide-prev {
  opacity: 1;
}
.listSlider .swiper-slide.swiper-slide-next {
  opacity: 1;
}
.listSlider .swiper-slide.swiper-slide-next span {
  color: #c9c5d0;
}
.listSlider .swiper-slide.swiper-slide-next+.swiper-slide {
  opacity: 1;
}
.listSlider .swiper-slide.swiper-slide-next+.swiper-slide span {
  color: #c9c5d0;
}
.listSlider .swiper-slide i {
  width: 24px;
  height: 24px;
  border: 0.923px solid rgba(86, 26, 255, 0.24);
  background: rgba(86, 26, 255, 0.24);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #5c2bff;
  font-size: 1rem;
  margin-right: 0.9375rem;
}
.listSlider .swiper-slide span {
  color: #48454e;
  font-weight: 700;
}
.ff-1 {
  font-family: var(--ff-1);
}
.ff-3 {
  font-family: var(--ff-3);
}
.form-control:focus {
  box-shadow: none;
  border-color: var(--bs-border-color);
}
.link {
  text-decoration: none;
  transition: all 0.3s ease;
}
.inset-0 {
  inset: 0;
}
.pointer-none {
  pointer-events: none;
}
.pointer {
  cursor: pointer;
}
.transition {
  transition: all 0.3s ease;
}
.place-content-center {
  place-content: center;
}
.position-center-y {
  inset-block-start: 50%;
  transform: translateY(-50%);
}
.yearly-price {
  display: none;
}
.btn-outlined {
  outline: 4px solid #E5DEFF;
}
@keyframes pulse {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes imageBeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate360 {
  0% {
    transform: rotateZ(-80deg);
  }
  50% {
    transform: rotateZ(80deg);
  }
  100% {
    transform: rotateZ(-80deg);
  }
}
@keyframes borderRotate {
  100% {
    transform: rotate(1turn);
  }
}
@keyframes animateText {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}
@keyframes scrollY {
  to {
    transform: translateY(calc(-50% - 0.5rem));
  }
}
@keyframes animateGradientBg {
  0% {
    background-position: left;
  }
  50% {
    background-position: right;
  }
  100% {
    background-position: left;
  }
}
@keyframes leftToRight {
  0% {
    inset-inline-start: 0;
  }
  50% {
    inset-inline-start: 100%;
  }
  100% {
    inset-inline-start: 0;
  }
}
@keyframes topToBottom {
  0% {
    inset-block-start: 0;
  }
  50% {
    inset-block-start: 100%;
    transform: translateY(-100%);
  }
  100% {
    inset-block-start: 0;
  }
}
@keyframes gradientLeftRight {
  0% {
    inset-inline-start: 0;
  }
  25% {
    inset-inline-start: 20%;
  }
  50% {
    inset-inline-start: 50%;
  }
  75% {
    inset-inline-start: 20%;
  }
  100% {
    inset-inline-start: 0%;
  }
}
@keyframes gradientRightLeft {
  0% {
    inset-inline-end: 0;
  }
  25% {
    inset-inline-end: 20%;
  }
  50% {
    inset-inline-end: 50%;
  }
  75% {
    inset-inline-end: 20%;
  }
  100% {
    inset-inline-end: 0;
  }
}
@keyframes radar {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bgAnimeOne {
  0% {
    inset-block-end: 5%;
    inset-inline-start: 0;
  }
  15% {
    inset-block-end: 5%;
    inset-inline-start: 4%;
  }
  30% {
    inset-block-end: 3%;
    inset-inline-start: 10%;
  }
  45% {
    inset-block-end: 3%;
    inset-inline-start: 12%;
  }
  60% {
    inset-block-end: 3%;
    inset-inline-start: 10%;
  }
  85% {
    inset-block-end: 5%;
    inset-inline-start: 4%;
  }
  100% {
    inset-block-end: 5%;
    inset-inline-start: 0;
  }
}
@keyframes bgAnimeTwo {
  0% {
    inset-block-end: 5%;
    inset-inline-end: 0;
  }
  15% {
    inset-block-end: 5%;
    inset-inline-end: 4%;
  }
  30% {
    inset-block-end: 3%;
    inset-inline-end: 10%;
  }
  45% {
    inset-block-end: 3%;
    inset-inline-end: 12%;
  }
  60% {
    inset-block-end: 3%;
    inset-inline-end: 10%;
  }
  85% {
    inset-block-end: 5%;
    inset-inline-end: 4%;
  }
  100% {
    inset-block-end: 5%;
    inset-inline-end: 0;
  }
}
@keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toBottomFromTop {
  49% {
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toRightFromLeft {
  49% {
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    transform: translateX(-100%);
  }
  51% {
    opacity: 1;
  }
}
.bg-primary-key {
  --bg-opacity: 1;
  background-color: hsl(var(--primary-key)/var(--bg-opacity));
}
.bg-primary-30 {
  --bg-opacity: 1;
  background-color: hsl(var(--primary-30)/var(--bg-opacity));
}
.bg-primary-40 {
  --bg-opacity: 1;
  background-color: hsl(var(--primary-40)/var(--bg-opacity));
}
.bg-primary-50 {
  --bg-opacity: 1;
  background-color: hsl(var(--primary-50)/var(--bg-opacity));
}
.bg-primary-90 {
  --bg-opacity: 1;
  background-color: hsl(var(--primary-90)/var(--bg-opacity));
}
.bg-primary-99 {
  --bg-opacity: 1;
  background-color: hsl(var(--primary-99)/var(--bg-opacity));
}
.bg-primary-100 {
  --bg-opacity: 1;
  background-color: hsl(var(--primary-100)/var(--bg-opacity));
}
.bgc-light {
  background-color: #f3f3f8;
}
.bg-white {
  --bg-opacity: 1;
  background-color: hsl(var(--white)/var(--bg-opacity));
}
.primary-container {
  --bg-opacity: 1;
  background-color: hsl(var(--primary-container)/var(--bg-opacity));
}
.background {
  --bg-opacity: 1;
  background-color: hsl(var(--background)/var(--bg-opacity));
}
.surface-bright {
  --bg-opacity: 1;
  background-color: hsl(var(--surface-bright)/var(--bg-opacity));
}
.clr-primary-key {
  --clr-opacity: 1;
  color: hsl(var(--primary-key)/var(--clr-opacity));
}
.clr-primary-10 {
  --clr-opacity: 1;
  color: hsl(var(--primary-10)/var(--clr-opacity));
}
.clr-neutral-10 {
  --clr-opacity: 1;
  color: hsl(var(--neutral-10)/var(--clr-opacity));
}
.clr-neutral-100 {
  --clr-opacity: 1;
  color: hsl(var(--neutral-100)/var(--clr-opacity));
}
.clr-neutral-variant-50 {
  --clr-opacity: 1;
  color: hsl(var(--neutral-variant-50)/var(--clr-opacity));
}
/*
Design Specific Custom Color 
*/
.clr-grad-4 {
  background: linear-gradient(270deg, #4D89F9 1.21%, #704EE7 21.78%, #E8428C 71.65%, #ED6D4B 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/*
Design System Custom Color 
*/
.clr-white {
  --clr-opacity: 1;
  color: hsl(var(--white)/var(--clr-opacity));
}
.on-primary-container {
  --clr-opacity: 1;
  color: hsl(var(--on-primary-container)/var(--clr-opacity));
}
.on-surface-variant {
  --clr-opacity: 1;
  color: hsl(var(--on-surface-variant)/var(--clr-opacity));
}
.border-primary-key {
  --border-opacity: 1;
  --bs-border-color: hsl(var(--primary-key) / var(--border-opacity));
}
.border-primary-30 {
  --border-opacity: 1;
  --bs-border-color: hsl(var(--primary-30) / var(--border-opacity));
}
.h-1 {
  height: 0.25rem;
}
.w-9 {
  width: 2.25rem;
}
.h-9 {
  height: 2.25rem;
}
.w-10 {
  width: 2.5rem;
}
.h-10 {
  height: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.h-11 {
  height: 2.75rem;
}
.w-13 {
  width: 3.25rem;
}
.w-14 {
  width: 3.5rem;
}
.h-14 {
  height: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.h-16 {
  height: 4rem;
}
.h-2px {
  height: 2px;
}