/*!* Bootstrap v5.2.1 (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,
      hsla(0, 0%, 100%, 0.15),
      hsla(0, 0%, 100%, 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;
  }
  
  *,
  :after,
  :before {
    box-sizing: border-box;
  }
  
  @media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }
  
  body {
    margin: 0;
    font-family: 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;
    font-family: var(--bs-body-font-family);
    font-size: 1rem;
    font-size: var(--bs-body-font-size);
    font-weight: 400;
    font-weight: var(--bs-body-font-weight);
    line-height: 1.5;
    line-height: var(--bs-body-line-height);
    color: #212529;
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: #fff;
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
  }
  
  hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: 0.25;
  }
  
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    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;
  }
  
  dl,
  ol,
  ul {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  ol ol,
  ol ul,
  ul ol,
  ul ul {
    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: #fff3cd;
    background-color: var(--bs-highlight-bg);
  }
  
  sub,
  sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: initial;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  a {
    color: #0d6efd;
    color: var(--bs-link-color);
    text-decoration: underline;
  }
  
  a:hover {
    color: #0a58ca;
    color: var(--bs-link-hover-color);
  }
  
  a:not([href]):not([class]),
  a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
  }
  
  code,
  kbd,
  pre,
  samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
      Courier New, monospace;
    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: #d63384;
    color: var(--bs-code-color);
    word-wrap: break-word;
  }
  
  a > code {
    color: inherit;
  }
  
  kbd {
    padding: 0.1875rem 0.375rem;
    font-size: 0.875em;
    color: #fff;
    color: var(--bs-body-bg);
    background-color: #212529;
    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;
  }
  
  tbody,
  td,
  tfoot,
  th,
  thead,
  tr {
    border: 0 solid;
    border-color: inherit;
  }
  
  label {
    display: inline-block;
  }
  
  button {
    border-radius: 0;
  }
  
  button:focus:not(:focus-visible) {
    outline: 0;
  }
  
  button,
  input,
  optgroup,
  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;
  }
  
  [type="button"],
  [type="reset"],
  [type="submit"],
  button {
    -webkit-appearance: button;
  }
  
  [type="button"]:not(:disabled),
  [type="reset"]:not(:disabled),
  [type="submit"]:not(:disabled),
  button: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-day-field,
  ::-webkit-datetime-edit-fields-wrapper,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-text,
  ::-webkit-datetime-edit-year-field {
    padding: 0;
  }
  
  ::-webkit-inner-spin-button {
    height: auto;
  }
  
  [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
  }
  
  ::-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: initial;
  }
  
  [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-inline,
  .list-unstyled {
    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: "\2014\A0";
  }
  
  .img-fluid,
  .img-thumbnail {
    max-width: 100%;
    height: auto;
  }
  
  .img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
  }
  
  .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-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    --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,
    .container-sm {
      max-width: 540px;
    }
  }
  
  @media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
      max-width: 720px;
    }
  }
  
  @media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
      max-width: 960px;
    }
  }
  
  @media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
      max-width: 1140px;
    }
  }
  
  @media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      max-width: 1320px;
    }
  }
  
  .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
  }
  
  .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;
  }
  
  .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;
    }
  
    .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;
    }
  
    .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;
    }
  
    .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;
    }
  
    .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;
    }
  
    .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;
    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;
  }
  
  .caption-top {
    caption-side: top;
  }
  
  .table-sm > :not(caption) > * > * {
    padding: 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-columns > :not(caption) > tr > :nth-child(2n),
  .table-striped > tbody > tr:nth-of-type(odd) > * {
    --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;
  }
  
  .table-primary,
  .table-secondary {
    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;
  }
  
  .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;
  }
  
  .table-info,
  .table-success {
    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;
  }
  
  .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;
  }
  
  .table-danger,
  .table-warning {
    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;
  }
  
  .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;
  }
  
  .table-dark,
  .table-light {
    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;
  }
  
  .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;
    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::-webkit-input-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: 0 solid;
    border-color: inherit;
    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: 0 solid;
    border-color: inherit;
    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: initial;
    border: solid transparent;
    border-width: 1px 0;
  }
  
  .form-control-plaintext:focus {
    outline: 0;
  }
  
  .form-control-plaintext.form-control-lg,
  .form-control-plaintext.form-control-sm {
    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;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjMzQzYTQwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgZD0nTTIgNWw2IDYgNi02Jy8+PC9zdmc+);
    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;
    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: 50%;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-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 {
    -webkit-filter: brightness(90%);
    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;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjZmZmJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMycgZD0nTTYgMTBsMyAzIDYtNicvPjwvc3ZnPg==);
  }
  
  .form-check-input:checked[type="radio"] {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPScyJyBmaWxsPScjZmZmJy8+PC9zdmc+);
  }
  
  .form-check-input[type="checkbox"]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjZmZmJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMycgZD0nTTYgMTBoOCcvPjwvc3ZnPg==);
  }
  
  .form-check-input:disabled {
    pointer-events: none;
    -webkit-filter: 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;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPSdyZ2JhKDAsIDAsIDAsIDAuMjUpJy8+PC9zdmc+);
    background-position: 0;
    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;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjODZiN2ZlJy8+PC9zdmc+);
  }
  
  .form-switch .form-check-input:checked {
    background-position: 100%;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+);
  }
  
  .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;
    -webkit-filter: none;
    filter: none;
    opacity: 0.65;
  }
  
  .form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: initial;
    -webkit-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;
    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;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out,
      -webkit-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-plaintext::-webkit-input-placeholder,
  .form-floating > .form-control::-webkit-input-placeholder {
    color: transparent;
  }
  
  .form-floating > .form-control-plaintext::placeholder,
  .form-floating > .form-control::placeholder {
    color: transparent;
  }
  
  .form-floating > .form-control-plaintext:focus,
  .form-floating > .form-control-plaintext:not(:placeholder-shown),
  .form-floating > .form-control:focus,
  .form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
  }
  
  .form-floating > .form-control-plaintext:-webkit-autofill,
  .form-floating > .form-control:-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-plaintext ~ label,
  .form-floating > .form-control:focus ~ label,
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
  .form-floating > .form-select ~ label {
    opacity: 0.65;
    -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  }
  
  .form-floating > .form-control:-webkit-autofill ~ label {
    opacity: 0.65;
    -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    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-floating,
  .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
  }
  
  .input-group > .form-control:focus,
  .input-group > .form-floating:focus-within,
  .input-group > .form-select:focus {
    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 > .btn,
  .input-group-lg > .form-control,
  .input-group-lg > .form-select,
  .input-group-lg > .input-group-text {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
  }
  
  .input-group-sm > .btn,
  .input-group-sm > .form-control,
  .input-group-sm > .form-select,
  .input-group-sm > .input-group-text {
    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.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,
  .input-group.has-validation
    > :nth-last-child(n + 3):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,
  .input-group:not(.has-validation)
    > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(
      .form-floating
    ) {
    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;
  }
  
  .is-valid ~ .valid-feedback,
  .is-valid ~ .valid-tooltip,
  .was-validated :valid ~ .valid-feedback,
  .was-validated :valid ~ .valid-tooltip {
    display: block;
  }
  
  .form-control.is-valid,
  .was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMxOTg3NTQnIGQ9J00yLjMgNi43M0wuNiA0LjUzYy0uNC0xLjA0LjQ2LTEuNCAxLjEtLjhsMS4xIDEuNCAzLjQtMy44Yy42LS42MyAxLjYtLjI3IDEuMi43bC00IDQuNmMtLjQzLjUtLjguNC0xLjEuMXonLz48L3N2Zz4=);
    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);
  }
  
  .form-control.is-valid:focus,
  .was-validated .form-control: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);
  }
  
  .form-select.is-valid,
  .was-validated .form-select:valid {
    border-color: #198754;
  }
  
  .form-select.is-valid:not([multiple]):not([size]),
  .form-select.is-valid:not([multiple])[size="1"],
  .was-validated .form-select:valid:not([multiple]):not([size]),
  .was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjMzQzYTQwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgZD0nTTIgNWw2IDYgNi02Jy8+PC9zdmc+),
      url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMxOTg3NTQnIGQ9J00yLjMgNi43M0wuNiA0LjUzYy0uNC0xLjA0LjQ2LTEuNCAxLjEtLjhsMS4xIDEuNCAzLjQtMy44Yy42LS42MyAxLjYtLjI3IDEuMi43bC00IDQuNmMtLjQzLjUtLjguNC0xLjEuMXonLz48L3N2Zz4=);
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }
  
  .form-select.is-valid:focus,
  .was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
  }
  
  .form-control-color.is-valid,
  .was-validated .form-control-color:valid {
    width: calc(3.75rem + 1.5em);
  }
  
  .form-check-input.is-valid,
  .was-validated .form-check-input:valid {
    border-color: #198754;
  }
  
  .form-check-input.is-valid:checked,
  .was-validated .form-check-input:valid:checked {
    background-color: #198754;
  }
  
  .form-check-input.is-valid:focus,
  .was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
  }
  
  .form-check-input.is-valid ~ .form-check-label,
  .was-validated .form-check-input:valid ~ .form-check-label {
    color: #198754;
  }
  
  .form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: 0.5em;
  }
  
  .input-group > .form-control:not(:focus).is-valid,
  .input-group > .form-floating:not(:focus-within).is-valid,
  .input-group > .form-select:not(:focus).is-valid,
  .was-validated .input-group > .form-control:not(:focus):valid,
  .was-validated .input-group > .form-floating:not(:focus-within):valid,
  .was-validated .input-group > .form-select:not(:focus):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;
  }
  
  .is-invalid ~ .invalid-feedback,
  .is-invalid ~ .invalid-tooltip,
  .was-validated :invalid ~ .invalid-feedback,
  .was-validated :invalid ~ .invalid-tooltip {
    display: block;
  }
  
  .form-control.is-invalid,
  .was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjZGMzNTQ1Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNkYzM1NDUnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);
    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);
  }
  
  .form-control.is-invalid:focus,
  .was-validated .form-control: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);
  }
  
  .form-select.is-invalid,
  .was-validated .form-select:invalid {
    border-color: #dc3545;
  }
  
  .form-select.is-invalid:not([multiple]):not([size]),
  .form-select.is-invalid:not([multiple])[size="1"],
  .was-validated .form-select:invalid:not([multiple]):not([size]),
  .was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjMzQzYTQwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgZD0nTTIgNWw2IDYgNi02Jy8+PC9zdmc+),
      url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjZGMzNTQ1Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNkYzM1NDUnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  }
  
  .form-select.is-invalid:focus,
  .was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
  }
  
  .form-control-color.is-invalid,
  .was-validated .form-control-color:invalid {
    width: calc(3.75rem + 1.5em);
  }
  
  .form-check-input.is-invalid,
  .was-validated .form-check-input:invalid {
    border-color: #dc3545;
  }
  
  .form-check-input.is-invalid:checked,
  .was-validated .form-check-input:invalid:checked {
    background-color: #dc3545;
  }
  
  .form-check-input.is-invalid:focus,
  .was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
  }
  
  .form-check-input.is-invalid ~ .form-check-label,
  .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545;
  }
  
  .form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: 0.5em;
  }
  
  .input-group > .form-control:not(:focus).is-invalid,
  .input-group > .form-floating:not(:focus-within).is-invalid,
  .input-group > .form-select:not(:focus).is-invalid,
  .was-validated .input-group > .form-control:not(:focus):invalid,
  .was-validated .input-group > .form-floating:not(:focus-within):invalid,
  .was-validated .input-group > .form-select:not(:focus):invalid {
    z-index: 4;
  }
  
  .btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --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 hsla(0, 0%, 100%, 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), 0.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;
    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:first-child:hover,
  .btn:focus-visible,
  :not(.btn-check) + .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:focus-visible + .btn,
  .btn:focus-visible {
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
  }
  
  .btn-check:focus-visible + .btn {
    border-color: var(--bs-btn-hover-border-color);
  }
  
  .btn-check:checked + .btn,
  .btn.active,
  .btn.show,
  .btn:first-child:active,
  :not(.btn-check) + .btn:active {
    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,
  .btn.active:focus-visible,
  .btn.show:focus-visible,
  .btn:first-child:active:focus-visible,
  :not(.btn-check) + .btn:active: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-group-lg > .btn,
  .btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 0.5rem;
  }
  
  .btn-group-sm > .btn,
  .btn-sm {
    --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;
    }
  }
  
  .dropdown,
  .dropdown-center,
  .dropend,
  .dropstart,
  .dropup,
  .dropup-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: "";
    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: initial;
    border: 0;
  }
  
  .dropdown-item:focus,
  .dropdown-item:hover {
    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: initial;
  }
  
  .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-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, 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-vertical > .btn,
  .btn-group > .btn {
    position: relative;
    flex: 1 1 auto;
  }
  
  .btn-group-vertical > .btn-check:checked + .btn,
  .btn-group-vertical > .btn-check:focus + .btn,
  .btn-group-vertical > .btn.active,
  .btn-group-vertical > .btn:active,
  .btn-group-vertical > .btn:focus,
  .btn-group-vertical > .btn:hover,
  .btn-group > .btn-check:checked + .btn,
  .btn-group > .btn-check:focus + .btn,
  .btn-group > .btn.active,
  .btn-group > .btn:active,
  .btn-group > .btn:focus,
  .btn-group > .btn:hover {
    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 > .btn-group:not(:first-child),
  .btn-group > :not(.btn-check:first-child) + .btn {
    margin-left: -1px;
  }
  
  .btn-group > .btn-group:not(:last-child) > .btn,
  .btn-group > .btn.dropdown-toggle-split:first-child,
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  .btn-group > .btn-group:not(:first-child) > .btn,
  .btn-group > .btn:nth-child(n + 3),
  .btn-group > :not(.btn-check) + .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,
  .dropend .dropdown-toggle-split:after,
  .dropup .dropdown-toggle-split:after {
    margin-left: 0;
  }
  
  .dropstart .dropdown-toggle-split:before {
    margin-right: 0;
  }
  
  .btn-group-sm > .btn + .dropdown-toggle-split,
  .btn-sm + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
  }
  
  .btn-group-lg > .btn + .dropdown-toggle-split,
  .btn-lg + .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-group:not(:first-child),
  .btn-group-vertical > .btn:not(:first-child) {
    margin-top: -1px;
  }
  
  .btn-group-vertical > .btn-group:not(:last-child) > .btn,
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  .btn-group-vertical > .btn-group:not(:first-child) > .btn,
  .btn-group-vertical > .btn ~ .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-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:focus,
  .nav-link:hover {
    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(var(--bs-nav-tabs-border-width) * -1);
    background: 0 0;
    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:focus,
  .nav-tabs .nav-link:hover {
    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: initial;
    border-color: transparent;
  }
  
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    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(var(--bs-nav-tabs-border-width) * -1);
    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: 0 0;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
  }
  
  .nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: initial;
    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-item,
  .nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center;
  }
  
  .nav-justified .nav-item,
  .nav-justified > .nav-link {
    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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' 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-lg,
  .navbar > .container-md,
  .navbar > .container-sm,
  .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:focus,
  .navbar-brand:hover {
    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-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 .show > .nav-link {
    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:focus,
  .navbar-text a:hover {
    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: initial;
    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: 50%;
    background-size: 100%;
  }
  
  .navbar-nav-scroll {
    max-height: 75vh;
    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: initial !important;
      border: 0 !important;
      -webkit-transform: none !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: initial !important;
      border: 0 !important;
      -webkit-transform: none !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: initial !important;
      border: 0 !important;
      -webkit-transform: none !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: initial !important;
      border: 0 !important;
      -webkit-transform: none !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: initial !important;
      border: 0 !important;
      -webkit-transform: none !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: initial !important;
    border: 0 !important;
    -webkit-transform: none !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: hsla(0, 0%, 100%, 0.55);
    --bs-navbar-hover-color: hsla(0, 0%, 100%, 0.75);
    --bs-navbar-disabled-color: hsla(0, 0%, 100%, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' 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-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-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: initial;
    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(var(--bs-card-title-spacer-y) * -0.5);
  }
  
  .card-subtitle,
  .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(var(--bs-card-cap-padding-x) * -0.5);
    margin-bottom: calc(var(--bs-card-cap-padding-y) * -1);
    margin-left: calc(var(--bs-card-cap-padding-x) * -0.5);
    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(var(--bs-card-cap-padding-x) * -0.5);
    margin-left: calc(var(--bs-card-cap-padding-x) * -0.5);
  }
  
  .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-bottom,
  .card-img-top {
    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;
      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-header,
    .card-group > .card:not(:last-child) .card-img-top {
      border-top-right-radius: 0;
    }
  
    .card-group > .card:not(:last-child) .card-footer,
    .card-group > .card:not(:last-child) .card-img-bottom {
      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-header,
    .card-group > .card:not(:first-child) .card-img-top {
      border-top-left-radius: 0;
    }
  
    .card-group > .card:not(:first-child) .card-footer,
    .card-group > .card:not(:first-child) .card-img-bottom {
      border-bottom-left-radius: 0;
    }
  }
  
  .accordion {
    --bs-accordion-color: var(--bs-body-color);
    --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: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--bs-body-color)'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.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;charset=utf-8,%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 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.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(var(--bs-accordion-border-width) * -1) 0
      var(--bs-accordion-border-color);
  }
  
  .accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    -webkit-transform: var(--bs-accordion-btn-icon-transform);
    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-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: "/";
    content: var(--bs-breadcrumb-divider, "../index-2.html");
  }
  
  .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);
  }
  
  .active > .page-link,
  .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
  }
  
  .disabled > .page-link,
  .page-link.disabled {
    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: initial;
    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;
  }
  
  @-webkit-keyframes progress-bar-stripes {
    0% {
      background-position-x: 1rem;
    }
  }
  
  @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;
    height: var(--bs-progress-height);
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
  }
  
  .progress,
  .progress-bar {
    display: flex;
    overflow: hidden;
  }
  
  .progress-bar {
    flex-direction: column;
    justify-content: center;
    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,
      hsla(0, 0%, 100%, 0.15) 25%,
      transparent 0,
      transparent 50%,
      hsla(0, 0%, 100%, 0.15) 0,
      hsla(0, 0%, 100%, 0.15) 75%,
      transparent 0,
      transparent
    );
    background-size: var(--bs-progress-height) var(--bs-progress-height);
  }
  
  .progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      -webkit-animation: none;
      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:focus,
  .list-group-item-action:hover {
    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(var(--bs-list-group-border-width) * -1);
    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(var(--bs-list-group-border-width) * -1);
    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(var(--bs-list-group-border-width) * -1);
      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(var(--bs-list-group-border-width) * -1);
      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(var(--bs-list-group-border-width) * -1);
      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(var(--bs-list-group-border-width) * -1);
      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(var(--bs-list-group-border-width) * -1);
      border-left-width: var(--bs-list-group-border-width);
    }
  }
  
  .list-group-flush {
    border-radius: 0;
  }
  
  .list-group-flush > .list-group-item {
    border-left-width: 0;
    border-bottom-width: var(--bs-list-group-border-width);
    border-right-width: 0;
    border-top-width: 0;
  }
  
  .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:focus,
  .list-group-item-primary.list-group-item-action:hover {
    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:focus,
  .list-group-item-secondary.list-group-item-action:hover {
    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:focus,
  .list-group-item-success.list-group-item-action:hover {
    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:focus,
  .list-group-item-info.list-group-item-action:hover {
    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:focus,
  .list-group-item-warning.list-group-item-action:hover {
    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:focus,
  .list-group-item-danger.list-group-item-action:hover {
    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:focus,
  .list-group-item-light.list-group-item-action:hover {
    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:focus,
  .list-group-item-dark.list-group-item-action:hover {
    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: initial;
    width: 1em;
    height: 1em;
    padding: 0.25em;
    color: #000;
    background: transparent
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%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%/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;
    user-select: none;
    opacity: 0.25;
  }
  
  .btn-close-white {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    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-bg: hsla(0, 0%, 100%, 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: hsla(0, 0%, 100%, 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 {
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: -webkit-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(var(--bs-toast-padding-x) * -0.5);
    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-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-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: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  
  @media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
      transition: none;
    }
  }
  
  .modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
  }
  
  .modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    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(var(--bs-modal-header-padding-y) * -0.5)
      calc(var(--bs-modal-header-padding-x) * -0.5)
      calc(var(--bs-modal-header-padding-y) * -0.5) 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-footer,
  .modal-fullscreen .modal-header {
    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-footer,
    .modal-fullscreen-sm-down .modal-header {
      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-footer,
    .modal-fullscreen-md-down .modal-header {
      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-footer,
    .modal-fullscreen-lg-down .modal-header {
      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-footer,
    .modal-fullscreen-xl-down .modal-header {
      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-footer,
    .modal-fullscreen-xxl-down .modal-header {
      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-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: 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;
    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-auto[data-popper-placement^="top"] .tooltip-arrow,
  .bs-tooltip-top .tooltip-arrow {
    bottom: 0;
  }
  
  .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before,
  .bs-tooltip-top .tooltip-arrow:before {
    top: -1px;
    border-left-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
    border-bottom-width: 0;
    border-right-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
    border-top-width: var(--bs-tooltip-arrow-height);
    border-top-color: var(--bs-tooltip-bg);
  }
  
  .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
  .bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
  }
  
  .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before,
  .bs-tooltip-end .tooltip-arrow:before {
    right: -1px;
    border-left-width: 0;
    border-bottom-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
    border-right-width: var(--bs-tooltip-arrow-height);
    border-top-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
    border-right-color: var(--bs-tooltip-bg);
  }
  
  .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
  .bs-tooltip-bottom .tooltip-arrow {
    top: 0;
  }
  
  .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before,
  .bs-tooltip-bottom .tooltip-arrow:before {
    bottom: -1px;
    border-left-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
    border-bottom-width: var(--bs-tooltip-arrow-height);
    border-right-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
    border-top-width: 0;
    border-bottom-color: var(--bs-tooltip-bg);
  }
  
  .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
  .bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
  }
  
  .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before,
  .bs-tooltip-start .tooltip-arrow:before {
    left: -1px;
    border-left-width: var(--bs-tooltip-arrow-height);
    border-bottom-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
    border-right-width: 0;
    border-top-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
    border-left-color: var(--bs-tooltip-bg);
  }
  
  .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-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: 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;
    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:after,
  .popover .popover-arrow:before {
    position: absolute;
    display: block;
    content: "";
    border: 0 solid transparent;
  }
  
  .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow,
  .bs-popover-top > .popover-arrow {
    bottom: calc(
      var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)
    );
  }
  
  .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after,
  .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before,
  .bs-popover-top > .popover-arrow:after,
  .bs-popover-top > .popover-arrow:before {
    border-left-width: calc(var(--bs-popover-arrow-width) * 0.5);
    border-bottom-width: 0;
    border-right-width: calc(var(--bs-popover-arrow-width) * 0.5);
    border-top-width: var(--bs-popover-arrow-height);
  }
  
  .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before,
  .bs-popover-top > .popover-arrow:before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border);
  }
  
  .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after,
  .bs-popover-top > .popover-arrow:after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg);
  }
  
  .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow,
  .bs-popover-end > .popover-arrow {
    left: calc(
      var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)
    );
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width);
  }
  
  .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after,
  .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before,
  .bs-popover-end > .popover-arrow:after,
  .bs-popover-end > .popover-arrow:before {
    border-left-width: 0;
    border-bottom-width: calc(var(--bs-popover-arrow-width) * 0.5);
    border-right-width: var(--bs-popover-arrow-height);
    border-top-width: calc(var(--bs-popover-arrow-width) * 0.5);
  }
  
  .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before,
  .bs-popover-end > .popover-arrow:before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border);
  }
  
  .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after,
  .bs-popover-end > .popover-arrow:after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg);
  }
  
  .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow,
  .bs-popover-bottom > .popover-arrow {
    top: calc(
      var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)
    );
  }
  
  .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after,
  .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before,
  .bs-popover-bottom > .popover-arrow:after,
  .bs-popover-bottom > .popover-arrow:before {
    border-left-width: calc(var(--bs-popover-arrow-width) * 0.5);
    border-bottom-width: var(--bs-popover-arrow-height);
    border-right-width: calc(var(--bs-popover-arrow-width) * 0.5);
    border-top-width: 0;
  }
  
  .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before,
  .bs-popover-bottom > .popover-arrow:before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border);
  }
  
  .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after,
  .bs-popover-bottom > .popover-arrow:after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg);
  }
  
  .bs-popover-auto[data-popper-placement^="bottom"] .popover-header:before,
  .bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(var(--bs-popover-arrow-width) * -0.5);
    content: "";
    border-bottom: var(--bs-popover-border-width) solid
      var(--bs-popover-header-bg);
  }
  
  .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow,
  .bs-popover-start > .popover-arrow {
    right: calc(
      var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)
    );
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width);
  }
  
  .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after,
  .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before,
  .bs-popover-start > .popover-arrow:after,
  .bs-popover-start > .popover-arrow:before {
    border-left-width: var(--bs-popover-arrow-height);
    border-bottom-width: calc(var(--bs-popover-arrow-width) * 0.5);
    border-right-width: 0;
    border-top-width: calc(var(--bs-popover-arrow-width) * 0.5);
  }
  
  .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before,
  .bs-popover-start > .popover-arrow:before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border);
  }
  
  .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after,
  .bs-popover-start > .popover-arrow:after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg);
  }
  
  .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: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none;
    }
  }
  
  .carousel-item-next,
  .carousel-item-prev,
  .carousel-item.active {
    display: block;
  }
  
  .active.carousel-item-end,
  .carousel-item-next:not(.carousel-item-start) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  
  .active.carousel-item-start,
  .carousel-item-prev:not(.carousel-item-end) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  
  .carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none;
  }
  
  .carousel-fade .carousel-item-next.carousel-item-start,
  .carousel-fade .carousel-item-prev.carousel-item-end,
  .carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1;
  }
  
  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
      transition: none;
    }
  }
  
  .carousel-control-next,
  .carousel-control-prev {
    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: 0 0;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .carousel-control-next,
    .carousel-control-prev {
      transition: none;
    }
  }
  
  .carousel-control-next:focus,
  .carousel-control-next:hover,
  .carousel-control-prev:focus,
  .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
  }
  
  .carousel-control-prev {
    left: 0;
  }
  
  .carousel-control-next {
    right: 0;
  }
  
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
  }
  
  .carousel-control-prev-icon {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI2ZmZic+PHBhdGggZD0nTTExLjM1NCAxLjY0NmEuNS41IDAgMDEwIC43MDhMNS43MDcgOGw1LjY0NyA1LjY0NmEuNS41IDAgMDEtLjcwOC43MDhsLTYtNmEuNS41IDAgMDEwLS43MDhsNi02YS41LjUgMCAwMS43MDggMHonLz48L3N2Zz4=);
  }
  
  .carousel-control-next-icon {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI2ZmZic+PHBhdGggZD0nTTQuNjQ2IDEuNjQ2YS41LjUgMCAwMS43MDggMGw2IDZhLjUuNSAwIDAxMCAuNzA4bC02IDZhLjUuNSAwIDAxLS43MDgtLjcwOEwxMC4yOTMgOCA0LjY0NiAyLjM1NGEuNS41IDAgMDEwLS43MDh6Jy8+PC9zdmc+);
  }
  
  .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: initial;
    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-next-icon,
  .carousel-dark .carousel-control-prev-icon {
    -webkit-filter: invert(1) grayscale(100);
    filter: invert(1) grayscale(100);
  }
  
  .carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000;
  }
  
  .carousel-dark .carousel-caption {
    color: #000;
  }
  
  .spinner-border,
  .spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    -webkit-animation: var(--bs-spinner-animation-speed) linear infinite
      var(--bs-spinner-animation-name);
    animation: var(--bs-spinner-animation-speed) linear infinite
      var(--bs-spinner-animation-name);
  }
  
  @-webkit-keyframes spinner-border {
    to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
    }
  }
  
  @keyframes spinner-border {
    to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
    }
  }
  
  .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;
    border-right-color: transparent;
  }
  
  .spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em;
  }
  
  @-webkit-keyframes spinner-grow {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
  
    50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes spinner-grow {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
  
    50% {
      opacity: 1;
      -webkit-transform: none;
      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-lg,
  .offcanvas-md,
  .offcanvas-sm,
  .offcanvas-xl,
  .offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --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: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-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);
      -webkit-transform: translateX(-100%);
      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);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
  }
  
  @media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-top {
      top: 0;
      border-bottom: var(--bs-offcanvas-border-width) solid
        var(--bs-offcanvas-border-color);
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
  }
  
  @media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-bottom,
    .offcanvas-sm.offcanvas-top {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
    }
  
    .offcanvas-sm.offcanvas-bottom {
      border-top: var(--bs-offcanvas-border-width) solid
        var(--bs-offcanvas-border-color);
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }
  }
  
  @media (max-width: 575.98px) {
    .offcanvas-sm.show:not(.hiding),
    .offcanvas-sm.showing {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @media (max-width: 575.98px) {
    .offcanvas-sm.hiding,
    .offcanvas-sm.show,
    .offcanvas-sm.showing {
      visibility: visible;
    }
  }
  
  @media (min-width: 576px) {
    .offcanvas-sm {
      --bs-offcanvas-height: auto;
      --bs-offcanvas-border-width: 0;
      background-color: initial !important;
    }
  
    .offcanvas-sm .offcanvas-header {
      display: none;
    }
  
    .offcanvas-sm .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: initial !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: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-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);
      -webkit-transform: translateX(-100%);
      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);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
  }
  
  @media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-top {
      top: 0;
      border-bottom: var(--bs-offcanvas-border-width) solid
        var(--bs-offcanvas-border-color);
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
  }
  
  @media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-bottom,
    .offcanvas-md.offcanvas-top {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
    }
  
    .offcanvas-md.offcanvas-bottom {
      border-top: var(--bs-offcanvas-border-width) solid
        var(--bs-offcanvas-border-color);
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }
  }
  
  @media (max-width: 767.98px) {
    .offcanvas-md.show:not(.hiding),
    .offcanvas-md.showing {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @media (max-width: 767.98px) {
    .offcanvas-md.hiding,
    .offcanvas-md.show,
    .offcanvas-md.showing {
      visibility: visible;
    }
  }
  
  @media (min-width: 768px) {
    .offcanvas-md {
      --bs-offcanvas-height: auto;
      --bs-offcanvas-border-width: 0;
      background-color: initial !important;
    }
  
    .offcanvas-md .offcanvas-header {
      display: none;
    }
  
    .offcanvas-md .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: initial !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: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-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);
      -webkit-transform: translateX(-100%);
      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);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
  }
  
  @media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-top {
      top: 0;
      border-bottom: var(--bs-offcanvas-border-width) solid
        var(--bs-offcanvas-border-color);
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
  }
  
  @media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-bottom,
    .offcanvas-lg.offcanvas-top {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
    }
  
    .offcanvas-lg.offcanvas-bottom {
      border-top: var(--bs-offcanvas-border-width) solid
        var(--bs-offcanvas-border-color);
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }
  }
  
  @media (max-width: 991.98px) {
    .offcanvas-lg.show:not(.hiding),
    .offcanvas-lg.showing {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @media (max-width: 991.98px) {
    .offcanvas-lg.hiding,
    .offcanvas-lg.show,
    .offcanvas-lg.showing {
      visibility: visible;
    }
  }
  
  @media (min-width: 992px) {
    .offcanvas-lg {
      --bs-offcanvas-height: auto;
      --bs-offcanvas-border-width: 0;
      background-color: initial !important;
    }
  
    .offcanvas-lg .offcanvas-header {
      display: none;
    }
  
    .offcanvas-lg .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: initial !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: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-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);
      -webkit-transform: translateX(-100%);
      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);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
  }
  
  @media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-top {
      top: 0;
      border-bottom: var(--bs-offcanvas-border-width) solid
        var(--bs-offcanvas-border-color);
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
  }
  
  @media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-bottom,
    .offcanvas-xl.offcanvas-top {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
    }
  
    .offcanvas-xl.offcanvas-bottom {
      border-top: var(--bs-offcanvas-border-width) solid
        var(--bs-offcanvas-border-color);
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }
  }
  
  @media (max-width: 1199.98px) {
    .offcanvas-xl.show:not(.hiding),
    .offcanvas-xl.showing {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @media (max-width: 1199.98px) {
    .offcanvas-xl.hiding,
    .offcanvas-xl.show,
    .offcanvas-xl.showing {
      visibility: visible;
    }
  }
  
  @media (min-width: 1200px) {
    .offcanvas-xl {
      --bs-offcanvas-height: auto;
      --bs-offcanvas-border-width: 0;
      background-color: initial !important;
    }
  
    .offcanvas-xl .offcanvas-header {
      display: none;
    }
  
    .offcanvas-xl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: initial !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: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-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);
      -webkit-transform: translateX(-100%);
      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);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
  }
  
  @media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-top {
      top: 0;
      border-bottom: var(--bs-offcanvas-border-width) solid
        var(--bs-offcanvas-border-color);
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
  }
  
  @media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-bottom,
    .offcanvas-xxl.offcanvas-top {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
    }
  
    .offcanvas-xxl.offcanvas-bottom {
      border-top: var(--bs-offcanvas-border-width) solid
        var(--bs-offcanvas-border-color);
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }
  }
  
  @media (max-width: 1399.98px) {
    .offcanvas-xxl.show:not(.hiding),
    .offcanvas-xxl.showing {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @media (max-width: 1399.98px) {
    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show,
    .offcanvas-xxl.showing {
      visibility: visible;
    }
  }
  
  @media (min-width: 1400px) {
    .offcanvas-xxl {
      --bs-offcanvas-height: auto;
      --bs-offcanvas-border-width: 0;
      background-color: initial !important;
    }
  
    .offcanvas-xxl .offcanvas-header {
      display: none;
    }
  
    .offcanvas-xxl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: initial !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: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-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);
    -webkit-transform: translateX(-100%);
    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);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  
  .offcanvas.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  
  .offcanvas.offcanvas-bottom,
  .offcanvas.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
  }
  
  .offcanvas.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  
  .offcanvas.show:not(.hiding),
  .offcanvas.showing {
    -webkit-transform: none;
    transform: none;
  }
  
  .offcanvas.hiding,
  .offcanvas.show,
  .offcanvas.showing {
    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(var(--bs-offcanvas-padding-y) * -0.5);
    margin-right: calc(var(--bs-offcanvas-padding-x) * -0.5);
    margin-bottom: calc(var(--bs-offcanvas-padding-y) * -0.5);
  }
  
  .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 {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite;
  }
  
  @-webkit-keyframes placeholder-glow {
    50% {
      opacity: 0.2;
    }
  }
  
  @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%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite;
  }
  
  @-webkit-keyframes placeholder-wave {
    to {
      -webkit-mask-position: -200% 0;
      mask-position: -200% 0;
    }
  }
  
  @keyframes placeholder-wave {
    to {
      -webkit-mask-position: -200% 0;
      mask-position: -200% 0;
    }
  }
  
  .clearfix:after {
    display: block;
    clear: both;
    content: "";
  }
  
  .text-bg-primary {
    color: #fff !important;
    background-color: #0d6efd !important;
    background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
  }
  
  .text-bg-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
    background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
  }
  
  .text-bg-success {
    color: #fff !important;
    background-color: #198754 !important;
    background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
  }
  
  .text-bg-info {
    color: #000 !important;
    background-color: #0dcaf0 !important;
    background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
  }
  
  .text-bg-warning {
    color: #000 !important;
    background-color: #ffc107 !important;
    background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
  }
  
  .text-bg-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
  }
  
  .text-bg-light {
    color: #000 !important;
    background-color: #f8f9fa !important;
    background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
  }
  
  .text-bg-dark {
    color: #fff !important;
    background-color: #212529 !important;
    background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
  }
  
  .link-primary {
    color: #0d6efd !important;
  }
  
  .link-primary:focus,
  .link-primary:hover {
    color: #0a58ca !important;
  }
  
  .link-secondary {
    color: #6c757d !important;
  }
  
  .link-secondary:focus,
  .link-secondary:hover {
    color: #565e64 !important;
  }
  
  .link-success {
    color: #198754 !important;
  }
  
  .link-success:focus,
  .link-success:hover {
    color: #146c43 !important;
  }
  
  .link-info {
    color: #0dcaf0 !important;
  }
  
  .link-info:focus,
  .link-info:hover {
    color: #3dd5f3 !important;
  }
  
  .link-warning {
    color: #ffc107 !important;
  }
  
  .link-warning:focus,
  .link-warning:hover {
    color: #ffcd39 !important;
  }
  
  .link-danger {
    color: #dc3545 !important;
  }
  
  .link-danger:focus,
  .link-danger:hover {
    color: #b02a37 !important;
  }
  
  .link-light {
    color: #f8f9fa !important;
  }
  
  .link-light:focus,
  .link-light:hover {
    color: #f9fafb !important;
  }
  
  .link-dark {
    color: #212529 !important;
  }
  
  .link-dark:focus,
  .link-dark:hover {
    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 {
    top: 0;
  }
  
  .fixed-bottom,
  .fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  
  .fixed-bottom {
    bottom: 0;
  }
  
  .sticky-top {
    top: 0;
  }
  
  .sticky-bottom,
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020;
  }
  
  .sticky-bottom {
    bottom: 0;
  }
  
  @media (min-width: 576px) {
    .sticky-sm-top {
      top: 0;
    }
  
    .sticky-sm-bottom,
    .sticky-sm-top {
      position: -webkit-sticky;
      position: sticky;
      z-index: 1020;
    }
  
    .sticky-sm-bottom {
      bottom: 0;
    }
  }
  
  @media (min-width: 768px) {
    .sticky-md-top {
      top: 0;
    }
  
    .sticky-md-bottom,
    .sticky-md-top {
      position: -webkit-sticky;
      position: sticky;
      z-index: 1020;
    }
  
    .sticky-md-bottom {
      bottom: 0;
    }
  }
  
  @media (min-width: 992px) {
    .sticky-lg-top {
      top: 0;
    }
  
    .sticky-lg-bottom,
    .sticky-lg-top {
      position: -webkit-sticky;
      position: sticky;
      z-index: 1020;
    }
  
    .sticky-lg-bottom {
      bottom: 0;
    }
  }
  
  @media (min-width: 1200px) {
    .sticky-xl-top {
      top: 0;
    }
  
    .sticky-xl-bottom,
    .sticky-xl-top {
      position: -webkit-sticky;
      position: sticky;
      z-index: 1020;
    }
  
    .sticky-xl-bottom {
      bottom: 0;
    }
  }
  
  @media (min-width: 1400px) {
    .sticky-xxl-top {
      top: 0;
    }
  
    .sticky-xxl-bottom,
    .sticky-xxl-top {
      position: -webkit-sticky;
      position: sticky;
      z-index: 1020;
    }
  
    .sticky-xxl-bottom {
      bottom: 0;
    }
  }
  
  .hstack {
    flex-direction: row;
    align-items: center;
  }
  
  .hstack,
  .vstack {
    display: flex;
    align-self: stretch;
  }
  
  .vstack {
    flex: 1 1 auto;
    flex-direction: column;
  }
  
  .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: initial !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 {
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
  }
  
  .translate-middle-x {
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
  }
  
  .translate-middle-y {
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
  }
  
  .border {
    border: 1px solid #dee2e6 !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
  
  .border-0 {
    border: 0 !important;
  }
  
  .border-top {
    border-top: 1px solid #dee2e6 !important;
    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: 1px solid #dee2e6 !important;
    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: 1px solid #dee2e6 !important;
    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: 1px solid #dee2e6 !important;
    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 {
    grid-gap: 0 !important;
    gap: 0 !important;
  }
  
  .gap-1 {
    grid-gap: 0.25rem !important;
    gap: 0.25rem !important;
  }
  
  .gap-2 {
    grid-gap: 0.5rem !important;
    gap: 0.5rem !important;
  }
  
  .gap-3 {
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }
  
  .gap-4 {
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important;
  }
  
  .gap-5 {
    grid-gap: 3rem !important;
    gap: 3rem !important;
  }
  
  .font-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
      Courier New, monospace !important;
    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;
  }
  
  .text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }
  
  .text-primary {
    --bs-text-opacity: 1;
    color: rgba(13, 110, 253, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
  }
  
  .text-secondary {
    --bs-text-opacity: 1;
    color: rgba(108, 117, 125, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
  }
  
  .text-success {
    --bs-text-opacity: 1;
    color: rgba(25, 135, 84, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
  }
  
  .text-info {
    --bs-text-opacity: 1;
    color: rgba(13, 202, 240, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
  }
  
  .text-warning {
    --bs-text-opacity: 1;
    color: rgba(255, 193, 7, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
  }
  
  .text-danger {
    --bs-text-opacity: 1;
    color: rgba(220, 53, 69, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
  }
  
  .text-light {
    --bs-text-opacity: 1;
    color: rgba(248, 249, 250, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
  }
  
  .text-dark {
    --bs-text-opacity: 1;
    color: rgba(33, 37, 41, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
  }
  
  .text-black {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
  }
  
  .text-white {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, var(--bs-text-opacity)) !important;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
  }
  
  .text-body {
    --bs-text-opacity: 1;
    color: rgba(33, 37, 41, var(--bs-text-opacity)) !important;
    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: hsla(0, 0%, 100%, 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(13, 110, 253, var(--bs-bg-opacity)) !important;
    background-color: rgba(
      var(--bs-primary-rgb),
      var(--bs-bg-opacity)
    ) !important;
  }
  
  .bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(108, 117, 125, var(--bs-bg-opacity)) !important;
    background-color: rgba(
      var(--bs-secondary-rgb),
      var(--bs-bg-opacity)
    ) !important;
  }
  
  .bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(25, 135, 84, var(--bs-bg-opacity)) !important;
    background-color: rgba(
      var(--bs-success-rgb),
      var(--bs-bg-opacity)
    ) !important;
  }
  
  .bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(13, 202, 240, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
  }
  
  .bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(255, 193, 7, var(--bs-bg-opacity)) !important;
    background-color: rgba(
      var(--bs-warning-rgb),
      var(--bs-bg-opacity)
    ) !important;
  }
  
  .bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(220, 53, 69, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
  }
  
  .bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(248, 249, 250, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
  }
  
  .bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(33, 37, 41, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
  }
  
  .bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
  }
  
  .bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
  }
  
  .bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
    background-color: rgba(
      var(--bs-body-bg-rgb),
      var(--bs-bg-opacity)
    ) !important;
  }
  
  .bg-transparent {
    --bs-bg-opacity: 1;
    background-color: initial !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: linear-gradient(
      180deg,
      hsla(0, 0%, 100%, 0.15),
      hsla(0, 0%, 100%, 0)
    ) !important;
    background-image: var(--bs-gradient) !important;
  }
  
  .user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important;
  }
  
  .user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important;
  }
  
  .user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important;
  }
  
  .pe-none {
    pointer-events: none !important;
  }
  
  .pe-auto {
    pointer-events: auto !important;
  }
  
  .rounded {
    border-radius: 0.375rem !important;
    border-radius: var(--bs-border-radius) !important;
  }
  
  .rounded-0 {
    border-radius: 0 !important;
  }
  
  .rounded-1 {
    border-radius: 0.25rem !important;
    border-radius: var(--bs-border-radius-sm) !important;
  }
  
  .rounded-2 {
    border-radius: 0.375rem !important;
    border-radius: var(--bs-border-radius) !important;
  }
  
  .rounded-3 {
    border-radius: 0.5rem !important;
    border-radius: var(--bs-border-radius-lg) !important;
  }
  
  .rounded-4 {
    border-radius: 1rem !important;
    border-radius: var(--bs-border-radius-xl) !important;
  }
  
  .rounded-5 {
    border-radius: 2rem !important;
    border-radius: var(--bs-border-radius-2xl) !important;
  }
  
  .rounded-circle {
    border-radius: 50% !important;
  }
  
  .rounded-pill {
    border-radius: 50rem !important;
    border-radius: var(--bs-border-radius-pill) !important;
  }
  
  .rounded-top {
    border-top-left-radius: 0.375rem !important;
    border-top-left-radius: var(--bs-border-radius) !important;
  }
  
  .rounded-end,
  .rounded-top {
    border-top-right-radius: 0.375rem !important;
    border-top-right-radius: var(--bs-border-radius) !important;
  }
  
  .rounded-bottom,
  .rounded-end {
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
  }
  
  .rounded-bottom,
  .rounded-start {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
  }
  
  .rounded-start {
    border-top-left-radius: 0.375rem !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 {
      grid-gap: 0 !important;
      gap: 0 !important;
    }
  
    .gap-sm-1 {
      grid-gap: 0.25rem !important;
      gap: 0.25rem !important;
    }
  
    .gap-sm-2 {
      grid-gap: 0.5rem !important;
      gap: 0.5rem !important;
    }
  
    .gap-sm-3 {
      grid-gap: 1rem !important;
      gap: 1rem !important;
    }
  
    .gap-sm-4 {
      grid-gap: 1.5rem !important;
      gap: 1.5rem !important;
    }
  
    .gap-sm-5 {
      grid-gap: 3rem !important;
      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 {
      grid-gap: 0 !important;
      gap: 0 !important;
    }
  
    .gap-md-1 {
      grid-gap: 0.25rem !important;
      gap: 0.25rem !important;
    }
  
    .gap-md-2 {
      grid-gap: 0.5rem !important;
      gap: 0.5rem !important;
    }
  
    .gap-md-3 {
      grid-gap: 1rem !important;
      gap: 1rem !important;
    }
  
    .gap-md-4 {
      grid-gap: 1.5rem !important;
      gap: 1.5rem !important;
    }
  
    .gap-md-5 {
      grid-gap: 3rem !important;
      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 {
      grid-gap: 0 !important;
      gap: 0 !important;
    }
  
    .gap-lg-1 {
      grid-gap: 0.25rem !important;
      gap: 0.25rem !important;
    }
  
    .gap-lg-2 {
      grid-gap: 0.5rem !important;
      gap: 0.5rem !important;
    }
  
    .gap-lg-3 {
      grid-gap: 1rem !important;
      gap: 1rem !important;
    }
  
    .gap-lg-4 {
      grid-gap: 1.5rem !important;
      gap: 1.5rem !important;
    }
  
    .gap-lg-5 {
      grid-gap: 3rem !important;
      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 {
      grid-gap: 0 !important;
      gap: 0 !important;
    }
  
    .gap-xl-1 {
      grid-gap: 0.25rem !important;
      gap: 0.25rem !important;
    }
  
    .gap-xl-2 {
      grid-gap: 0.5rem !important;
      gap: 0.5rem !important;
    }
  
    .gap-xl-3 {
      grid-gap: 1rem !important;
      gap: 1rem !important;
    }
  
    .gap-xl-4 {
      grid-gap: 1.5rem !important;
      gap: 1.5rem !important;
    }
  
    .gap-xl-5 {
      grid-gap: 3rem !important;
      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 {
      grid-gap: 0 !important;
      gap: 0 !important;
    }
  
    .gap-xxl-1 {
      grid-gap: 0.25rem !important;
      gap: 0.25rem !important;
    }
  
    .gap-xxl-2 {
      grid-gap: 0.5rem !important;
      gap: 0.5rem !important;
    }
  
    .gap-xxl-3 {
      grid-gap: 1rem !important;
      gap: 1rem !important;
    }
  
    .gap-xxl-4 {
      grid-gap: 1.5rem !important;
      gap: 1.5rem !important;
    }
  
    .gap-xxl-5 {
      grid-gap: 3rem !important;
      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;
    }
  }
  
  .toast-title {
    font-weight: 700;
  }
  
  .toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
  }
  
  .toast-message a,
  .toast-message label {
    color: #fff;
  }
  
  .toast-message a:hover {
    color: #ccc;
    text-decoration: none;
  }
  
  .toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
  }
  
  .toast-close-button:focus,
  .toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
  }
  
  .rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
  }
  
  button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
  }
  
  .toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
  }
  
  .toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  
  .toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
  }
  
  .toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  
  .toast-top-left {
    top: 12px;
    left: 12px;
  }
  
  .toast-top-right {
    top: 12px;
    right: 12px;
  }
  
  .toast-bottom-right {
    right: 12px;
    bottom: 12px;
  }
  
  .toast-bottom-left {
    bottom: 12px;
    left: 12px;
  }
  
  #toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
  }
  
  #toast-container * {
    box-sizing: border-box;
  }
  
  #toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
  }
  
  #toast-container > div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
  }
  
  #toast-container > div:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
  }
  
  #toast-container > .toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
  }
  
  #toast-container > .toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
  }
  
  #toast-container > .toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
  }
  
  #toast-container > .toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
  }
  
  #toast-container.toast-bottom-center > div,
  #toast-container.toast-top-center > div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  
  #toast-container.toast-bottom-full-width > div,
  #toast-container.toast-top-full-width > div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .toast {
    background-color: #030303;
  }
  
  .toast-success {
    background-color: #51a351;
  }
  
  .toast-error {
    background-color: #bd362f;
  }
  
  .toast-info {
    background-color: #2f96b4;
  }
  
  .toast-warning {
    background-color: #f89406;
  }
  
  .toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
  }
  
  @media (max-width: 240px) {
    #toast-container > div {
      padding: 8px 8px 8px 50px;
      width: 11em;
    }
  
    #toast-container > div.rtl {
      padding: 8px 50px 8px 8px;
    }
  
    #toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em;
    }
  
    #toast-container .rtl .toast-close-button {
      left: -0.2em;
      right: 0.2em;
    }
  }
  
  @media (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
      padding: 8px 8px 8px 50px;
      width: 18em;
    }
  
    #toast-container > div.rtl {
      padding: 8px 50px 8px 8px;
    }
  
    #toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em;
    }
  
    #toast-container .rtl .toast-close-button {
      left: -0.2em;
      right: 0.2em;
    }
  }
  
  @media (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
      padding: 15px 15px 15px 50px;
      width: 25em;
    }
  
    #toast-container > div.rtl {
      padding: 15px 50px 15px 15px;
    }
  }
  
  [data-aos][data-aos][data-aos-duration="50"],
  body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
  }
  
  [data-aos][data-aos][data-aos-delay="50"],
  body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="50"].aos-animate,
  body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms;
  }
  
  [data-aos][data-aos][data-aos-duration="100"],
  body[data-aos-duration="100"] [data-aos] {
    transition-duration: 0.1s;
  }
  
  [data-aos][data-aos][data-aos-delay="100"],
  body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="100"].aos-animate,
  body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: 0.1s;
  }
  
  [data-aos][data-aos][data-aos-duration="150"],
  body[data-aos-duration="150"] [data-aos] {
    transition-duration: 0.15s;
  }
  
  [data-aos][data-aos][data-aos-delay="150"],
  body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="150"].aos-animate,
  body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: 0.15s;
  }
  
  [data-aos][data-aos][data-aos-duration="200"],
  body[data-aos-duration="200"] [data-aos] {
    transition-duration: 0.2s;
  }
  
  [data-aos][data-aos][data-aos-delay="200"],
  body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="200"].aos-animate,
  body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: 0.2s;
  }
  
  [data-aos][data-aos][data-aos-duration="250"],
  body[data-aos-duration="250"] [data-aos] {
    transition-duration: 0.25s;
  }
  
  [data-aos][data-aos][data-aos-delay="250"],
  body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="250"].aos-animate,
  body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: 0.25s;
  }
  
  [data-aos][data-aos][data-aos-duration="300"],
  body[data-aos-duration="300"] [data-aos] {
    transition-duration: 0.3s;
  }
  
  [data-aos][data-aos][data-aos-delay="300"],
  body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="300"].aos-animate,
  body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0.3s;
  }
  
  [data-aos][data-aos][data-aos-duration="350"],
  body[data-aos-duration="350"] [data-aos] {
    transition-duration: 0.35s;
  }
  
  [data-aos][data-aos][data-aos-delay="350"],
  body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="350"].aos-animate,
  body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: 0.35s;
  }
  
  [data-aos][data-aos][data-aos-duration="400"],
  body[data-aos-duration="400"] [data-aos] {
    transition-duration: 0.4s;
  }
  
  [data-aos][data-aos][data-aos-delay="400"],
  body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="400"].aos-animate,
  body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: 0.4s;
  }
  
  [data-aos][data-aos][data-aos-duration="450"],
  body[data-aos-duration="450"] [data-aos] {
    transition-duration: 0.45s;
  }
  
  [data-aos][data-aos][data-aos-delay="450"],
  body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="450"].aos-animate,
  body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: 0.45s;
  }
  
  [data-aos][data-aos][data-aos-duration="500"],
  body[data-aos-duration="500"] [data-aos] {
    transition-duration: 0.5s;
  }
  
  [data-aos][data-aos][data-aos-delay="500"],
  body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="500"].aos-animate,
  body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: 0.5s;
  }
  
  [data-aos][data-aos][data-aos-duration="550"],
  body[data-aos-duration="550"] [data-aos] {
    transition-duration: 0.55s;
  }
  
  [data-aos][data-aos][data-aos-delay="550"],
  body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="550"].aos-animate,
  body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: 0.55s;
  }
  
  [data-aos][data-aos][data-aos-duration="600"],
  body[data-aos-duration="600"] [data-aos] {
    transition-duration: 0.6s;
  }
  
  [data-aos][data-aos][data-aos-delay="600"],
  body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="600"].aos-animate,
  body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: 0.6s;
  }
  
  [data-aos][data-aos][data-aos-duration="650"],
  body[data-aos-duration="650"] [data-aos] {
    transition-duration: 0.65s;
  }
  
  [data-aos][data-aos][data-aos-delay="650"],
  body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="650"].aos-animate,
  body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: 0.65s;
  }
  
  [data-aos][data-aos][data-aos-duration="700"],
  body[data-aos-duration="700"] [data-aos] {
    transition-duration: 0.7s;
  }
  
  [data-aos][data-aos][data-aos-delay="700"],
  body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="700"].aos-animate,
  body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: 0.7s;
  }
  
  [data-aos][data-aos][data-aos-duration="750"],
  body[data-aos-duration="750"] [data-aos] {
    transition-duration: 0.75s;
  }
  
  [data-aos][data-aos][data-aos-delay="750"],
  body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="750"].aos-animate,
  body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: 0.75s;
  }
  
  [data-aos][data-aos][data-aos-duration="800"],
  body[data-aos-duration="800"] [data-aos] {
    transition-duration: 0.8s;
  }
  
  [data-aos][data-aos][data-aos-delay="800"],
  body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="800"].aos-animate,
  body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: 0.8s;
  }
  
  [data-aos][data-aos][data-aos-duration="850"],
  body[data-aos-duration="850"] [data-aos] {
    transition-duration: 0.85s;
  }
  
  [data-aos][data-aos][data-aos-delay="850"],
  body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="850"].aos-animate,
  body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: 0.85s;
  }
  
  [data-aos][data-aos][data-aos-duration="900"],
  body[data-aos-duration="900"] [data-aos] {
    transition-duration: 0.9s;
  }
  
  [data-aos][data-aos][data-aos-delay="900"],
  body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="900"].aos-animate,
  body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: 0.9s;
  }
  
  [data-aos][data-aos][data-aos-duration="950"],
  body[data-aos-duration="950"] [data-aos] {
    transition-duration: 0.95s;
  }
  
  [data-aos][data-aos][data-aos-delay="950"],
  body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="950"].aos-animate,
  body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: 0.95s;
  }
  
  [data-aos][data-aos][data-aos-duration="1000"],
  body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
  }
  
  [data-aos][data-aos][data-aos-delay="1000"],
  body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
  body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s;
  }
  
  [data-aos][data-aos][data-aos-duration="1050"],
  body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
  }
  
  [data-aos][data-aos][data-aos-delay="1050"],
  body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
  body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s;
  }
  
  [data-aos][data-aos][data-aos-duration="1100"],
  body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
  }
  
  [data-aos][data-aos][data-aos-delay="1100"],
  body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
  body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s;
  }
  
  [data-aos][data-aos][data-aos-duration="1150"],
  body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
  }
  
  [data-aos][data-aos][data-aos-delay="1150"],
  body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
  body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s;
  }
  
  [data-aos][data-aos][data-aos-duration="1200"],
  body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
  }
  
  [data-aos][data-aos][data-aos-delay="1200"],
  body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
  body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s;
  }
  
  [data-aos][data-aos][data-aos-duration="1250"],
  body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
  }
  
  [data-aos][data-aos][data-aos-delay="1250"],
  body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
  body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s;
  }
  
  [data-aos][data-aos][data-aos-duration="1300"],
  body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
  }
  
  [data-aos][data-aos][data-aos-delay="1300"],
  body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
  body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s;
  }
  
  [data-aos][data-aos][data-aos-duration="1350"],
  body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
  }
  
  [data-aos][data-aos][data-aos-delay="1350"],
  body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
  body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s;
  }
  
  [data-aos][data-aos][data-aos-duration="1400"],
  body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
  }
  
  [data-aos][data-aos][data-aos-delay="1400"],
  body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
  body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s;
  }
  
  [data-aos][data-aos][data-aos-duration="1450"],
  body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
  }
  
  [data-aos][data-aos][data-aos-delay="1450"],
  body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
  body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s;
  }
  
  [data-aos][data-aos][data-aos-duration="1500"],
  body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
  }
  
  [data-aos][data-aos][data-aos-delay="1500"],
  body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
  body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s;
  }
  
  [data-aos][data-aos][data-aos-duration="1550"],
  body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
  }
  
  [data-aos][data-aos][data-aos-delay="1550"],
  body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
  body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s;
  }
  
  [data-aos][data-aos][data-aos-duration="1600"],
  body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
  }
  
  [data-aos][data-aos][data-aos-delay="1600"],
  body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
  body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s;
  }
  
  [data-aos][data-aos][data-aos-duration="1650"],
  body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
  }
  
  [data-aos][data-aos][data-aos-delay="1650"],
  body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
  body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s;
  }
  
  [data-aos][data-aos][data-aos-duration="1700"],
  body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
  }
  
  [data-aos][data-aos][data-aos-delay="1700"],
  body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
  body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s;
  }
  
  [data-aos][data-aos][data-aos-duration="1750"],
  body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
  }
  
  [data-aos][data-aos][data-aos-delay="1750"],
  body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
  body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s;
  }
  
  [data-aos][data-aos][data-aos-duration="1800"],
  body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
  }
  
  [data-aos][data-aos][data-aos-delay="1800"],
  body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
  body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s;
  }
  
  [data-aos][data-aos][data-aos-duration="1850"],
  body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
  }
  
  [data-aos][data-aos][data-aos-delay="1850"],
  body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
  body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s;
  }
  
  [data-aos][data-aos][data-aos-duration="1900"],
  body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
  }
  
  [data-aos][data-aos][data-aos-delay="1900"],
  body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
  body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s;
  }
  
  [data-aos][data-aos][data-aos-duration="1950"],
  body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
  }
  
  [data-aos][data-aos][data-aos-delay="1950"],
  body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
  body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s;
  }
  
  [data-aos][data-aos][data-aos-duration="2000"],
  body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
  }
  
  [data-aos][data-aos][data-aos-delay="2000"],
  body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
  body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s;
  }
  
  [data-aos][data-aos][data-aos-duration="2050"],
  body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
  }
  
  [data-aos][data-aos][data-aos-delay="2050"],
  body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
  body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s;
  }
  
  [data-aos][data-aos][data-aos-duration="2100"],
  body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
  }
  
  [data-aos][data-aos][data-aos-delay="2100"],
  body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
  body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s;
  }
  
  [data-aos][data-aos][data-aos-duration="2150"],
  body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
  }
  
  [data-aos][data-aos][data-aos-delay="2150"],
  body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
  body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s;
  }
  
  [data-aos][data-aos][data-aos-duration="2200"],
  body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
  }
  
  [data-aos][data-aos][data-aos-delay="2200"],
  body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
  body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s;
  }
  
  [data-aos][data-aos][data-aos-duration="2250"],
  body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
  }
  
  [data-aos][data-aos][data-aos-delay="2250"],
  body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
  body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s;
  }
  
  [data-aos][data-aos][data-aos-duration="2300"],
  body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
  }
  
  [data-aos][data-aos][data-aos-delay="2300"],
  body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
  body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s;
  }
  
  [data-aos][data-aos][data-aos-duration="2350"],
  body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
  }
  
  [data-aos][data-aos][data-aos-delay="2350"],
  body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
  body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s;
  }
  
  [data-aos][data-aos][data-aos-duration="2400"],
  body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
  }
  
  [data-aos][data-aos][data-aos-delay="2400"],
  body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
  body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s;
  }
  
  [data-aos][data-aos][data-aos-duration="2450"],
  body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
  }
  
  [data-aos][data-aos][data-aos-delay="2450"],
  body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
  body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s;
  }
  
  [data-aos][data-aos][data-aos-duration="2500"],
  body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
  }
  
  [data-aos][data-aos][data-aos-delay="2500"],
  body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
  body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s;
  }
  
  [data-aos][data-aos][data-aos-duration="2550"],
  body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
  }
  
  [data-aos][data-aos][data-aos-delay="2550"],
  body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
  body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s;
  }
  
  [data-aos][data-aos][data-aos-duration="2600"],
  body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
  }
  
  [data-aos][data-aos][data-aos-delay="2600"],
  body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
  body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s;
  }
  
  [data-aos][data-aos][data-aos-duration="2650"],
  body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
  }
  
  [data-aos][data-aos][data-aos-delay="2650"],
  body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
  body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s;
  }
  
  [data-aos][data-aos][data-aos-duration="2700"],
  body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
  }
  
  [data-aos][data-aos][data-aos-delay="2700"],
  body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
  body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s;
  }
  
  [data-aos][data-aos][data-aos-duration="2750"],
  body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
  }
  
  [data-aos][data-aos][data-aos-delay="2750"],
  body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
  body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s;
  }
  
  [data-aos][data-aos][data-aos-duration="2800"],
  body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
  }
  
  [data-aos][data-aos][data-aos-delay="2800"],
  body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
  body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s;
  }
  
  [data-aos][data-aos][data-aos-duration="2850"],
  body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
  }
  
  [data-aos][data-aos][data-aos-delay="2850"],
  body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
  body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s;
  }
  
  [data-aos][data-aos][data-aos-duration="2900"],
  body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
  }
  
  [data-aos][data-aos][data-aos-delay="2900"],
  body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
  body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s;
  }
  
  [data-aos][data-aos][data-aos-duration="2950"],
  body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
  }
  
  [data-aos][data-aos][data-aos-delay="2950"],
  body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
  body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s;
  }
  
  [data-aos][data-aos][data-aos-duration="3000"],
  body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
  }
  
  [data-aos][data-aos][data-aos-delay="3000"],
  body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s;
  }
  
  [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
  body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s;
  }
  
  [data-aos] {
    pointer-events: none;
  }
  
  [data-aos].aos-animate {
    pointer-events: auto;
  }
  
  [data-aos][data-aos][data-aos-easing="linear"],
  body[data-aos-easing="linear"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  
  [data-aos][data-aos][data-aos-easing="ease"],
  body[data-aos-easing="ease"] [data-aos] {
    transition-timing-function: ease;
  }
  
  [data-aos][data-aos][data-aos-easing="ease-in"],
  body[data-aos-easing="ease-in"] [data-aos] {
    transition-timing-function: ease-in;
  }
  
  [data-aos][data-aos][data-aos-easing="ease-out"],
  body[data-aos-easing="ease-out"] [data-aos] {
    transition-timing-function: ease-out;
  }
  
  [data-aos][data-aos][data-aos-easing="ease-in-out"],
  body[data-aos-easing="ease-in-out"] [data-aos] {
    transition-timing-function: ease-in-out;
  }
  
  [data-aos][data-aos][data-aos-easing="ease-in-back"],
  body[data-aos-easing="ease-in-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-out-back"],
  body[data-aos-easing="ease-out-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-in-out-back"],
  body[data-aos-easing="ease-in-out-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-in-sine"],
  body[data-aos-easing="ease-in-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-out-sine"],
  body[data-aos-easing="ease-out-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
  body[data-aos-easing="ease-in-out-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-in-quad"],
  body[data-aos-easing="ease-in-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-out-quad"],
  body[data-aos-easing="ease-out-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
  body[data-aos-easing="ease-in-out-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-in-cubic"],
  body[data-aos-easing="ease-in-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-out-cubic"],
  body[data-aos-easing="ease-out-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
  body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-in-quart"],
  body[data-aos-easing="ease-in-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-out-quart"],
  body[data-aos-easing="ease-out-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  
  [data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
  body[data-aos-easing="ease-in-out-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  
  @media screen {
    html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] {
      opacity: 0;
      transition-property: opacity, -webkit-transform;
      transition-property: opacity, transform;
      transition-property: opacity, transform, -webkit-transform;
    }
  
    html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  
    html:not(.no-js) [data-aos="fade-up"] {
      -webkit-transform: translate3d(0, 100px, 0);
      transform: translate3d(0, 100px, 0);
    }
  
    html:not(.no-js) [data-aos="fade-down"] {
      -webkit-transform: translate3d(0, -100px, 0);
      transform: translate3d(0, -100px, 0);
    }
  
    html:not(.no-js) [data-aos="fade-right"] {
      -webkit-transform: translate3d(-100px, 0, 0);
      transform: translate3d(-100px, 0, 0);
    }
  
    html:not(.no-js) [data-aos="fade-left"] {
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0);
    }
  
    html:not(.no-js) [data-aos="fade-up-right"] {
      -webkit-transform: translate3d(-100px, 100px, 0);
      transform: translate3d(-100px, 100px, 0);
    }
  
    html:not(.no-js) [data-aos="fade-up-left"] {
      -webkit-transform: translate3d(100px, 100px, 0);
      transform: translate3d(100px, 100px, 0);
    }
  
    html:not(.no-js) [data-aos="fade-down-right"] {
      -webkit-transform: translate3d(-100px, -100px, 0);
      transform: translate3d(-100px, -100px, 0);
    }
  
    html:not(.no-js) [data-aos="fade-down-left"] {
      -webkit-transform: translate3d(100px, -100px, 0);
      transform: translate3d(100px, -100px, 0);
    }
  
    html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] {
      opacity: 0;
      transition-property: opacity, -webkit-transform;
      transition-property: opacity, transform;
      transition-property: opacity, transform, -webkit-transform;
    }
  
    html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
      opacity: 1;
      -webkit-transform: translateZ(0) scale(1);
      transform: translateZ(0) scale(1);
    }
  
    html:not(.no-js) [data-aos="zoom-in"] {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
    }
  
    html:not(.no-js) [data-aos="zoom-in-up"] {
      -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
      transform: translate3d(0, 100px, 0) scale(0.6);
    }
  
    html:not(.no-js) [data-aos="zoom-in-down"] {
      -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
      transform: translate3d(0, -100px, 0) scale(0.6);
    }
  
    html:not(.no-js) [data-aos="zoom-in-right"] {
      -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
      transform: translate3d(-100px, 0, 0) scale(0.6);
    }
  
    html:not(.no-js) [data-aos="zoom-in-left"] {
      -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
      transform: translate3d(100px, 0, 0) scale(0.6);
    }
  
    html:not(.no-js) [data-aos="zoom-out"] {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
  
    html:not(.no-js) [data-aos="zoom-out-up"] {
      -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
      transform: translate3d(0, 100px, 0) scale(1.2);
    }
  
    html:not(.no-js) [data-aos="zoom-out-down"] {
      -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
      transform: translate3d(0, -100px, 0) scale(1.2);
    }
  
    html:not(.no-js) [data-aos="zoom-out-right"] {
      -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
      transform: translate3d(-100px, 0, 0) scale(1.2);
    }
  
    html:not(.no-js) [data-aos="zoom-out-left"] {
      -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
      transform: translate3d(100px, 0, 0) scale(1.2);
    }
  
    html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] {
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      visibility: hidden;
    }
  
    html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate {
      visibility: visible;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  
    html:not(.no-js) [data-aos="slide-up"] {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    html:not(.no-js) [data-aos="slide-down"] {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    html:not(.no-js) [data-aos="slide-right"] {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    html:not(.no-js) [data-aos="slide-left"] {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
    }
  
    html:not(.no-js) [data-aos="flip-left"] {
      -webkit-transform: perspective(2500px) rotateY(-100deg);
      transform: perspective(2500px) rotateY(-100deg);
    }
  
    html:not(.no-js) [data-aos="flip-left"].aos-animate {
      -webkit-transform: perspective(2500px) rotateY(0);
      transform: perspective(2500px) rotateY(0);
    }
  
    html:not(.no-js) [data-aos="flip-right"] {
      -webkit-transform: perspective(2500px) rotateY(100deg);
      transform: perspective(2500px) rotateY(100deg);
    }
  
    html:not(.no-js) [data-aos="flip-right"].aos-animate {
      -webkit-transform: perspective(2500px) rotateY(0);
      transform: perspective(2500px) rotateY(0);
    }
  
    html:not(.no-js) [data-aos="flip-up"] {
      -webkit-transform: perspective(2500px) rotateX(-100deg);
      transform: perspective(2500px) rotateX(-100deg);
    }
  
    html:not(.no-js) [data-aos="flip-up"].aos-animate {
      -webkit-transform: perspective(2500px) rotateX(0);
      transform: perspective(2500px) rotateX(0);
    }
  
    html:not(.no-js) [data-aos="flip-down"] {
      -webkit-transform: perspective(2500px) rotateX(100deg);
      transform: perspective(2500px) rotateX(100deg);
    }
  
    html:not(.no-js) [data-aos="flip-down"].aos-animate {
      -webkit-transform: perspective(2500px) rotateX(0);
      transform: perspective(2500px) rotateX(0);
    }
  }
  
  body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
      Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
  }
  
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    font-family: Readex Pro, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    background: #070a29;
    position: relative;
    overflow-x: hidden;
    color: #fff;
    background-image: url(../media/line.ad93247a.html);
  }
  
  :root {
    --primary-color: #5c27fe;
  }
  
  li,
  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  p {
    margin-bottom: 0;
  }
  
  a,
  button {
    font-family: Conthrax, sans-serif;
    font-size: 15px;
    text-decoration: none;
    color: unset;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    display: inline-block;
    color: #fff;
  }
  
  a:hover,
  button:hover {
    transition: all 0.3s;
    color: #5c27fe;
    color: var(--primary-color);
  }
  
  a,
  a:active,
  a:focus,
  a:hover {
    text-decoration: none;
    color: inherit;
  }
  
  .boild {
    font-weight: 700;
  }
  
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: Conthrax, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 0;
  }
  
  .h2,
  h2 {
    font-size: 60px;
  }
  
  @media only screen and (max-width: 767px) {
    .h2,
    h2 {
      font-size: 40px;
    }
  }
  
  .h3,
  h3 {
    font-size: 50px;
  }
  
  @media only screen and (max-width: 1024px) {
    .h3,
    h3 {
      font-size: 30px;
    }
  }
  
  .h4,
  h4 {
    font-size: 40px;
  }
  
  @media only screen and (max-width: 767px) {
    .h4,
    h4 {
      font-size: 30px;
    }
  }
  
  .h5,
  h5 {
    font-size: 20px;
  }
  
  .h6,
  h6 {
    font-size: 15px;
  }
  
  .fs-14 {
    font-size: 14px;
  }
  
  .fs-16 {
    font-size: 16px;
  }
  
  .fs-17 {
    font-size: 17px;
  }
  
  .fs-18 {
    font-size: 18px;
    line-height: 1.7;
  }
  
  .fs-20 {
    font-size: 20px;
  }
  
  .fs-21 {
    font-size: 21px;
  }
  
  .fs-24 {
    font-size: 24px;
  }
  
  .fs-30 {
    font-size: 30px;
  }
  
  .fs-36 {
    font-size: 36px;
  }
  
  .fs-42 {
    font-size: 42px;
  }
  
  .mr-0 {
    margin-right: 0;
  }
  
  .pt-128 {
    padding-top: 128px;
  }
  
  .mt--16 {
    margin-top: -16px;
  }
  
  .mt-15 {
    margin-top: 15px;
  }
  
  .mt-17 {
    margin-top: 17px;
  }
  
  .mb--30 {
    margin-bottom: -30px;
  }
  
  .mt--23 {
    margin-top: -23px;
  }
  
  .mt-5 {
    margin-top: 5px !important;
  }
  
  .mt-9 {
    margin-top: 9px;
  }
  
  .mt-12 {
    margin-top: 12px;
  }
  
  .mt-16 {
    margin-top: 16px !important;
  }
  
  .mt-19 {
    margin-top: 19px;
  }
  
  .mt-21 {
    margin-top: 21px;
  }
  
  .mt-24 {
    margin-top: 24px;
  }
  
  .mt-25 {
    margin-top: 25px;
  }
  
  .mt-27 {
    margin-top: 27px;
  }
  
  .mt-28 {
    margin-top: 28px;
  }
  
  .mt-29 {
    margin-top: 29px;
  }
  
  .mt-37 {
    margin-top: 37px;
  }
  
  .mt-42 {
    margin-top: 42px;
  }
  
  .mt-48 {
    margin-top: 48px;
  }
  
  .mt-45 {
    margin-top: 45px;
  }
  
  .mt-50 {
    margin-top: 50px;
  }
  
  .mt-51 {
    margin-top: 51px;
  }
  
  .mt-52 {
    margin-top: 52px;
  }
  
  .mt-53 {
    margin-top: 53px;
  }
  
  .mt-61 {
    margin-top: 61px;
  }
  
  .mt-67 {
    margin-top: 67px;
  }
  
  .mt-104 {
    margin-top: 104px;
  }
  
  .mt-107 {
    margin-top: 107px;
  }
  
  .mt-200 {
    margin-top: 200px;
  }
  
  .mt-223 {
    margin-top: 223px;
  }
  
  .mb-0 {
    margin-bottom: 0;
  }
  
  .pd-0 {
    padding: 0 !important;
  }
  
  .mb-6 {
    margin-bottom: 6px !important;
  }
  
  .mb-7 {
    margin-bottom: 7px;
  }
  
  .mb-10 {
    margin-bottom: 10px;
  }
  
  .mb-13 {
    margin-bottom: 13px;
  }
  
  .mb-14 {
    margin-bottom: 14px;
  }
  
  .mb-15 {
    margin-bottom: 15px;
  }
  
  .mb-17 {
    margin-bottom: 17px;
  }
  
  .mb-19 {
    margin-bottom: 19px;
  }
  
  .mb-20 {
    margin-bottom: 20px;
  }
  
  .mb-26 {
    margin-bottom: 26px;
  }
  
  .mb-28 {
    margin-bottom: 28px;
  }
  
  .mb-29 {
    margin-bottom: 29px;
  }
  
  .mb-30 {
    margin-bottom: 30px;
  }
  
  .mb-31 {
    margin-bottom: 31px;
  }
  
  .mb-33 {
    margin-bottom: 33px;
  }
  
  .mb-34 {
    margin-bottom: 34px;
  }
  
  .mb-37 {
    margin-bottom: 37px;
  }
  
  .mb-41 {
    margin-bottom: 41px;
  }
  
  .mb-43 {
    margin-bottom: 43px;
  }
  
  .mb-46 {
    margin-bottom: 46px;
  }
  
  .mb-50 {
    margin-bottom: 50px;
  }
  
  .mb-53 {
    margin-bottom: 53px;
  }
  
  .mb-58 {
    margin-bottom: 58px;
  }
  
  .mr-28 {
    margin-right: 28px;
  }
  
  .pt-12 {
    padding-top: 12px;
  }
  
  .pt-24 {
    padding-top: 24px;
  }
  
  @media only screen and (max-width: 1024px) {
    .pd-0 {
      padding: 0;
    }
  }
  
  .pb-team {
    padding: 0 150px;
    margin-top: 38px;
  }
  
  @media only screen and (max-width: 1024px) {
    .pb-team {
      padding: 0;
      margin-top: 0;
    }
  }
  
  .line-h17 {
    line-height: 1.7;
  }
  
  .container {
    max-width: 1140px;
    width: 100%;
    margin: auto;
  }
  
  .container.big {
    max-width: 1650px;
  }
  
  .row > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .wrapper {
    height: 100%;
    overflow: hidden;
    width: 100%;
  }
  
  @media only screen and (max-width: 1200px) {
    .wrapper {
      background: 0 0 !important;
    }
  }
  
  @media only screen and (max-width: 1200px) {
    .rev {
      flex-direction: column-reverse;
    }
  }
  
  .center {
    text-align: center;
  }
  
  .bg-1 {
    background: #130f40;
  }
  
  .bg-2 {
    background: #010f33;
  }
  
  @-webkit-keyframes move5 {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    50% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
    }
  
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  @keyframes move5 {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    50% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
    }
  
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  .mouse-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
  }
  
  .cursor-inner {
    margin-left: -3px;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    z-index: 100;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
      margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }
  
  .cursor-inner,
  .cursor-inner.cursor-hover {
    background-color: #5c27fe;
    background-color: var(--primary-color);
  }
  
  .cursor-inner.cursor-hover {
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    opacity: 0.3;
  }
  
  .cursor-outer {
    margin-left: -15px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border: 2px solid #5c27fe;
    border: 2px solid var(--primary-color);
    box-sizing: border-box;
    z-index: 100;
    opacity: 0.5;
    transition: all 0.08s ease-out;
  }
  
  .cursor-outer.cursor-hover {
    opacity: 0;
  }
  
  body[data-magic-cursor="hide"] .mouse-cursor {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1111;
  }
  
  @-webkit-keyframes animate-1 {
    0%,
    to {
      -webkit-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0);
    }
  
    50% {
      -webkit-transform: translateY(-1.5vh) translateX(5vmin);
      transform: translateY(-1.5vh) translateX(5vmin);
    }
  }
  
  @keyframes animate-1 {
    0%,
    to {
      -webkit-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0);
    }
  
    50% {
      -webkit-transform: translateY(-1.5vh) translateX(5vmin);
      transform: translateY(-1.5vh) translateX(5vmin);
    }
  }
  
  @-webkit-keyframes animate-2 {
    0%,
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    50% {
      -webkit-transform: translateY(-15vmin);
      transform: translateY(-15vmin);
    }
  }
  
  @keyframes animate-2 {
    0%,
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    50% {
      -webkit-transform: translateY(-15vmin);
      transform: translateY(-15vmin);
    }
  }
  
  @-webkit-keyframes animate-3 {
    0%,
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    50% {
      -webkit-transform: translateY(-5vmin);
      transform: translateY(-5vmin);
    }
  }
  
  @keyframes animate-3 {
    0%,
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    50% {
      -webkit-transform: translateY(-5vmin);
      transform: translateY(-5vmin);
    }
  }
  
  @-webkit-keyframes animate-4 {
    0%,
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    50% {
      -webkit-transform: translateY(10vmin);
      transform: translateY(10vmin);
    }
  }
  
  @keyframes animate-4 {
    0%,
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    50% {
      -webkit-transform: translateY(10vmin);
      transform: translateY(10vmin);
    }
  }
  
  @-webkit-keyframes animate-5 {
    0%,
    to {
      -webkit-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0);
    }
  
    50% {
      -webkit-transform: translateY(-1.5vh) translateX(5vmin);
      transform: translateY(-1.5vh) translateX(5vmin);
    }
  }
  
  @keyframes animate-5 {
    0%,
    to {
      -webkit-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0);
    }
  
    50% {
      -webkit-transform: translateY(-1.5vh) translateX(5vmin);
      transform: translateY(-1.5vh) translateX(5vmin);
    }
  }
  
  .shape {
    content: "";
    position: absolute;
    width: 2000px;
    height: 2000px;
    top: -70%;
    left: -60%;
    z-index: -1;
    background: radial-gradient(
      34.98% 34.98% at 50% 50%,
      #725bda 0,
      rgba(6, 19, 45, 0) 100%
    );
    opacity: 0.5;
  }
  
  .shape.right {
    left: auto;
    right: -60%;
  }
  
  .shape.s3 {
    z-index: -2;
    width: 800px;
    height: 800px;
    background: linear-gradient(239.67deg, #0057ff -10.29%, #7ff805 197.14%);
    opacity: 0.6;
    mix-blend-mode: normal;
    -webkit-filter: blur(150px);
    filter: blur(150px);
    left: auto !important;
    top: 15% !important;
    right: -20%;
  }
  
  a,
  span {
    display: inline-block;
    text-decoration: none;
  }
  
  .splitting.animated .char {
    -webkit-animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
    animation: fadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
    -webkit-animation-delay: calc(30ms * var(--char-index));
    animation-delay: calc(30ms * var(--char-index));
  }
  
  .splitting .whitespace {
    width: 9px;
  }
  
  @-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(50px);
      transform: translateY(30px);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  .splitting.text.animated .char {
    -webkit-animation: fadeIn 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
    animation: fadeIn 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
    -webkit-animation-delay: calc(10ms * var(--char-index));
    animation-delay: calc(10ms * var(--char-index));
  }
  
  .splitting.text .whitespace {
    width: 4px;
  }
  
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  .imgio {
    position: relative;
  }
  
  .imgio .cimgio {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    background: #fff;
    visibility: visible !important;
    transition: all 0.5s linear;
    transition-delay: 0.2s;
  }
  
  .imgio .animated {
    height: 0;
  }
  
  .cimgio[data-delay="100"] {
    transition-delay: 0.1s;
  }
  
  .cimgio[data-delay="200"] {
    transition-delay: 0.2s;
  }
  
  .cimgio[data-delay="300"] {
    transition-delay: 0.3s;
  }
  
  .cimgio[data-delay="400"] {
    transition-delay: 0.4s;
  }
  
  .cimgio[data-delay="500"] {
    transition-delay: 0.5s;
  }
  
  .cimgio[data-delay="600"] {
    transition-delay: 0.6s;
  }
  
  .cimgio[data-delay="700"] {
    transition-delay: 0.7s;
  }
  
  .cimgio[data-delay="800"] {
    transition-delay: 0.8s;
  }
  
  .cimgio[data-delay="900"] {
    transition-delay: 0.9s;
  }
  
  .cimgio[data-delay="1s"] {
    transition-delay: 1s;
  }
  
  .heading-title span,
  .title span {
    font-weight: 700;
  }
  
  .header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 98px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .header.is-fixed {
    position: absolute;
    visibility: hidden;
    background: #070a29;
    top: -100%;
    transition: all 0.4s ease-in-out;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
    z-index: 9999;
    opacity: 0;
    left: 0;
    width: 100%;
  }
  
  .header.is-fixed.is-fixed.is-small {
    position: fixed;
    top: -1px;
    opacity: 1;
    visibility: visible;
    height: 80px;
  }
  
  .header.is-fixed.is-small {
    position: fixed;
    top: 0;
    opacity: 1;
    z-index: 9999;
    height: 60px;
    left: 0;
    width: 100%;
    visibility: visible;
  }
  
  .header .header__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .header .header__right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  
  .header .header__right .mobile-button {
    display: none;
    position: absolute;
    right: 15px;
    width: 26px;
    height: 26px;
    background-color: initial;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-left: 30px;
  }
  
  @media only screen and (max-width: 1024px) {
    .header .header__right .mobile-button {
      display: block;
    }
  }
  
  .header .header__right .mobile-button:after,
  .header .header__right .mobile-button:before {
    content: "";
    position: absolute;
    top: 0;
    height: 3px;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  
  .header .header__right .mobile-button:after,
  .header .header__right .mobile-button:before,
  .header .header__right .mobile-button span {
    background-color: #fff;
    transition: all 0.3s ease;
  }
  
  .header .header__right .mobile-button:before {
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
  }
  
  .header .header__right .mobile-button:after {
    -webkit-transform: translate3d(0, 7px, 0);
    transform: translate3d(0, 7px, 0);
  }
  
  .header .header__right .mobile-button span {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    top: 50%;
    overflow: hidden;
    text-indent: 200%;
  }
  
  .header .header__right .mobile-button.active:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .header .header__right .mobile-button.active:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  .header .header__right .mobile-button.active span {
    opacity: 0;
  }
  
  .header .header__right .main-nav .menu {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  
  .header .header__right .main-nav .menu li {
    position: relative;
    padding: 30px 40px 30px 0;
  }
  
  .header .header__right .main-nav .menu li:last-child {
    padding-right: 0;
  }
  
  .header .header__right .main-nav .menu li a {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.6px;
  }
  
  @media only screen and (max-width: 1200px) {
    .header .header__right .main-nav .menu li {
      padding-right: 30px;
    }
  
    .header .header__right .main-nav .menu li a {
      font-size: 14px;
    }
  }
  
  .header .header__right .main-nav .menu li .sub-menu {
    position: absolute;
    top: 50px;
    left: 0;
    width: 240px;
    z-index: 99;
    border-radius: 5px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transform: translateY(35px);
    transform: translateY(35px);
    background: #fff;
    box-shadow: 0 0 1.25rem rgba(30, 34, 40, 0.06);
  }
  
  .header .header__right .main-nav .menu li .sub-menu li {
    padding: 15px 20px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  .header .header__right .main-nav .menu li .sub-menu li:last-child {
    border: none;
  }
  
  .header .header__right .main-nav .menu li .sub-menu li:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #5c27fe;
    background: var(--primary-color);
    transition: width 0.3s ease-in-out;
  }
  
  .header .header__right .main-nav .menu li .sub-menu li.current-item:before,
  .header .header__right .main-nav .menu li .sub-menu li:hover:before {
    width: 100%;
  }
  
  .header .header__right .main-nav .menu li .sub-menu li a {
    color: #000;
    font-size: 14px;
  }
  
  .header .header__right .main-nav .menu li .sub-menu li a:after,
  .header .header__right .main-nav .menu li .sub-menu li a:before {
    display: none;
  }
  
  .header .header__right .main-nav .menu li .sub-menu li.current-item > a,
  .header .header__right .main-nav .menu li .sub-menu li:hover a {
    color: #5c27fe;
    color: var(--primary-color);
  }
  
  .header .header__right .main-nav .menu li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(26px);
    transform: translateY(26px);
  }
  
  .header .header__right .main-nav .menu li.menu-item-has-children > a:after {
    color: hsla(0, 0%, 100%, 0.5);
    font-family: icomoon;
    content: "\E90A";
    font-size: 7px;
    font-weight: 400;
    position: absolute;
    right: -15px;
    top: 6px;
  }
  
  .header .header__right .group-button {
    display: flex;
    margin-left: 80px;
  }
  
  @media only screen and (max-width: 1200px) {
    .header .header__right .group-button {
      margin-left: 20px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .header .header__right .group-button {
      display: none;
    }
  }
  
  .header .header__right .group-button a {
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    margin-left: 20px;
    padding: 10px 40px;
  }
  
  .header .header__action {
    display: flex;
    align-items: center;
  }
  
  .header .header__action .action-btn {
    margin-left: 30px;
  }
  
  @media only screen and (max-width: 1024px) {
    .header .header__action {
      margin-right: 40px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .header .header__action {
      display: none;
    }
  }
  
  .header #main-nav-mobi {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999999;
    box-shadow: 0 3px 16px rgba(47, 83, 109, 0.12);
    height: 100vh;
    overflow: auto;
  }
  
  .header #main-nav-mobi ul {
    padding: 0;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  .header #main-nav-mobi ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
  }
  
  .header #main-nav-mobi ul li:last-child {
    border: 0;
  }
  
  .header #main-nav-mobi ul li a {
    padding: 12px 30px;
    color: #181818;
    font-size: 16px;
    font-weight: 600;
  }
  
  .header #main-nav-mobi ul li .arrow {
    cursor: pointer;
    font-size: 20px;
    line-height: 48px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    width: 48px;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
  }
  
  .header #main-nav-mobi ul li .arrow:before {
    font-family: icomoon;
    content: "\E90A";
    display: inline-block;
    transition: all 0.3s ease-in-out;
    color: #070a29;
  }
  
  .header #main-nav-mobi ul li .arrow.active:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  
  .header #main-nav-mobi ul li ul > li:first-child {
    border-top: 1px solid hsla(0, 0%, 100%, 0.3);
  }
  
  .header #main-nav-mobi ul li ul li {
    padding-left: 20px;
  }
  
  .header #main-nav-mobi ul li.current-item > a,
  .header .current-item a,
  .header .menu-current-item > a {
    color: #5c27fe;
    color: var(--primary-color);
  }
  
  .header .menu-current-item > a:after {
    color: #5c27fe !important;
    color: var(--primary-color) !important;
  }
  
  .header.style-3 {
    height: 88px;
  }
  
  .header.style-3 .group-button a {
    font-size: 16px;
    font-weight: 700;
    margin-left: 18px;
    padding: 8px 32px;
  }
  
  .header.style-3 .group-button .btn-action-outline.style-1 {
    border-color: #2e72d2;
    padding: 10px 32px;
  }
  
  .header.style-3 .group-button .btn-action-outline.style-1:before {
    background: #2e72d2;
  }
  
  .header.style-3 .header__right .main-nav {
    margin-right: 0;
  }
  
  .header.style-4 {
    height: 88px;
    border: none;
  }
  
  .header.style-4 .group-button {
    margin-right: -40px;
  }
  
  .header.style-4 .group-button a {
    padding: 10px 40px;
  }
  
  .header.style-4 .header__right .main-nav .menu li a {
    font-size: 17px;
    font-weight: 400;
  }
  
  .header.style-5 {
    height: 84px;
    border: none;
  }
  
  .header.style-5 .group-button a {
    font-family: Russo One;
    font-weight: 400;
    font-size: 14px;
    padding: 8px 38px;
  }
  
  .header.style-5 .header__right .main-nav .menu li a {
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  
  .header.style-7 {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    height: 80px;
  }
  
  .header.style-7 .group-button a {
    font-size: 14px;
    padding: 10px 40px;
  }
  
  .header.style-7 .header__right .main-nav .menu li a {
    font-size: 14px;
    font-weight: 400;
  }
  
  .header.style-8 {
    height: 80px;
    border: none;
  }
  
  .header.style-8 .group-button a {
    font-size: 14px;
    font-weight: 700;
    padding: 10px 40px;
    border: 2px solid #48d6d2;
    border-radius: 12px;
  }
  
  .header.style-8 .group-button a:before {
    background: #48d6d2;
  }
  
  .action-btn {
    font-weight: 700;
    background: linear-gradient(
      89.96deg,
      hsla(0, 0%, 100%, 0.05) 0.03%,
      hsla(0, 0%, 100%, 0.008) 49.67%,
      hsla(0, 0%, 100%, 0.05) 99.96%
    );
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 15px;
    margin-right: 6px;
  }
  
  .action-btn,
  .action-btn span {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
  }
  
  .action-btn span {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
    padding: 10px 20px;
    color: #fff;
    transition: all 0.3s ease-in-out;
  }
  
  .action-btn span:after {
    background: linear-gradient(
      90deg,
      hsla(0, 0%, 100%, 0.13),
      hsla(0, 0%, 100%, 0.13) 77%,
      hsla(0, 0%, 100%, 0.5) 92%,
      hsla(0, 0%, 100%, 0)
    );
    content: "";
    height: 200%;
    left: -210%;
    opacity: 0;
    position: absolute;
    top: -50%;
    transition: all 0.7s ease 0s;
    width: 200%;
  }
  
  .action-btn:hover span:after {
    left: -30%;
    opacity: 1;
    top: -20%;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-property: left, top, opacity;
    transition-timing-function: linear;
  }
  
  .action-btn.s1 span {
    background: linear-gradient(
      264.28deg,
      hsla(0, 0%, 100%, 0) -38.2%,
      hsla(0, 0%, 100%, 0.1) 103.12%
    );
  }
  
  #scroll-top {
    position: fixed;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    text-align: center;
    z-index: 999;
    right: 14px;
    bottom: 23px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    overflow: hidden;
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  #scroll-top span {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: block;
    font-size: 12px;
  }
  
  #scroll-top.show {
    right: 15px;
    opacity: 1;
    visibility: visible;
  }
  
  #scroll-top:hover {
    -webkit-transform: translateY(-7%);
    transform: translateY(-7%);
  }
  
  .block-text .sub-heading {
    padding: 7px 14px;
    background: linear-gradient(
      89.96deg,
      hsla(0, 0%, 100%, 0.05) 0.03%,
      hsla(0, 0%, 100%, 0.008) 49.67%,
      hsla(0, 0%, 100%, 0.05) 99.96%
    );
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 22px;
  }
  
  .block-text .sub-heading span {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%), #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  
  .block-text .heading {
    margin-bottom: 25px;
    text-transform: none;
  }
  
  .block-text .action-btn span {
    padding: 14px 24px;
  }
  
  .banner {
    position: relative;
    background: url(../media/bg-banner.9a8f0c9c.html) no-repeat;
    background-size: cover;
  }
  
  .banner .block-text .heading {
    margin-bottom: 40px;
  }
  
  .banner .block-text .heading span {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
  }
  
  .banner .block-text .heading span.s1:after {
    content: "";
    width: 317.39px;
    height: 64.77px;
    position: absolute;
    bottom: -57px;
    left: -63px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABcCAYAAAAf82z+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABjjSURBVHgB7Z3bjxx3VsfPqZ6xrSSsO+IPSOcBISKtPFnxwGVh2oAgZIVsC/GChOwIVglXTwTsatkVtoXgISA8FloFsaCMXxZQItx+CCvtPrhHK2QED55RkCItD2m/gNhd4rZjjz2XrrPnnN+9umc8vs+Mz0eaqeqq6qq+VH37e875/X4FYBiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGsYNAMAxjS97+InXC/BRAx0/l6unUPKnCygoOQg3tqpqwE1lWbOwXT9hWlummBFfz5bxsMOUPXlcwrNZgeAdg+NoZHIJxX5gAGk8Fb89FEeuwCOk868wLPGnzRdAmZOHiPwjzPEMqdgSI6TJBXR6WkVvm12N+Nel8uT5sQ0Qscqhr3RrSFZg9N81TvkN9vttHOF7x3AG6Fz7wTxmyag559YD/hqMKrrN26jqZHvsSDuApxwTQ2NWIsLEzEuGa4Yv9YItdGcljnrIQdPwZ3smFLOkRRTXRdcXVQO6hFzqVGAySVe6L9Pn+aUGMcgEMO8aG0GXbxf1lyzG+EhoT0bF59K8xyCpmuw/HyJcHIUYcsuAP+eGAH+oUWzAYbcBV1ujhXhdKE0Bjx3J2jtr71jjMZMcmbo1E1GoVtxmq2KWRc3KCXtCFUEFxwbvH0TaVbs2tHBefiS4ud39+GkXSHxXTfuIEx4/lXnO+ihoCCtkx4zsaE7H89eSucNKxm+KZnj/+w4Clng7IO0letsT2+Wpdc0jOonnsC7gEuxQTQOOJcvYNDk1H0G61YKaahkNTLGwsbjPsPjoooWjlrsCqlURAlrSm/A58hFi10nwIGoMO5GGjyiRh1C4iJwK6X8rcU9i2dscMYkV1JnzF5ZM/5tdahTjVyZaIM7stt1vV6PDimhdh5vayl4ITxZTGhNm/E8jVd1MRzI5dhNX5R+D3O+5GqfkDs8Tht4ojv/XBGsKyusc3d7Z7NAE0HgkXzmrOTUJTnbKOHWTtaIN3bRs1u7iRX8f2zueu9AIrxAi8QAXlgLCdm3EXLTqhkou4zi/eIG7+uZS2gbANUdA6gJjhk0nzWGF/kJ5Mpdjmx9TXRE2RhCiEwaVWQQQRypweNmQ2d2eQ1kkuMRKfsJlrDdtMErHSQToxDWE1wGZuFic427Sh7kcKNOIQh/wd99k1Lss8C+OOcI0mgMY9ceFt6uzjMHRUs0PzRQQNTTd4ynk4viAO1jU9j94yURCKeC02BC4Tvbg6bhosHRbCFayK27e7TJP7yw8WHoM/pltSHIuClEJ4Hh+WkuXLX4fbhvLXSbLAz6P3Xmnfbo91YTkxvaYgkkF8nZ5f5SMMxGiyK+ZFNYedlRQ3Bux62/v3q5jIU7R4I5Uc9D8q/PF0Kvc2Oj7ElnSB+9HB9LnBxHyo32t0e/FNNURwUsjdfG7abzN/mR1b8o0SSi/J++UXv7zBj1kYH2tF2wTQKPgGCxyLWaeWi6alAtfh66YjFxlfWPJYDURyQElw8uAwXtiFkLitothkYShE5wcAuWiFVSF0DVDp4DAT1eI5cT4ITFBTN48SjPoduPA2Py45wUNAKmxg3C3mQp72D/GTiB9D2E+dtpFldfbhpdfqX0N2UMqWM+qqpGjBgjcYiWBWsMzzw9+dn+ys3jlF7U9Nw8GRr4CTc+by10Z0UxajNtb6PbejUMUwHqDIn0an2ch5UsNt+jc3XjUfC6HDfkUUBzzX57/ljedYFF97dKJoAvgUIiKneTZiQZO2bCPNt80AZAKnM+miLJwVZa4tzoN3N5C2yRUx318hdvly/zCEs80w2B+jgPwqp1UutQYIeSgdF0fhClYPwoGy1x0cHsXYkOIba7zfwklm4uf34beNy5JbDJ8jRXEkKNJsmbhCOkbcwP/T41As+ej+3P415ORFS5xmGLCgLD83BUuvzW9PSEQsn31WRfGgFJpQRNP9AMpUnOdMNIVNBwlbF4H0dMh1D1OYXRSFMCUkeL3kFwf8UEPoX/l97MNDwgRwj3LhHT6J1/UknuET7pA6ONITt9PIqQVxiOSFASiEDuIUMxEscl0NsQx5JGoKJZWvtyxEZK+NMpXRXJ+6CZlcTRvoxc8XN14LwtUQYmcfuYLJM0MXSlcdyITMR6OYvx5xvlCzDrFCactkxBfAC1NTZIMAeWF3H4DXJnF5lbo9f21TzAxgeu/JEaogYnTZmWv14X76TjRcTyKaCztAcK9pPyqKy+TaBvY17BzB8M2v3Xs+7v2/ohfETXLYqtEB739GXWUQyUwEc5EplmdvJW2Qi2NDoDATR+LXX2k6YHGVhf7Yb99fscUEcJdziYVunYVuehpmN2o9GcXJyckoBQhipYg/ydEpFY4tiJW/eAFCOBeJ5ovKs7UoCGBDOCc8X+DXClPTmvMZgAvlhrWEclxB5FBu6JdJbwhZD/t5uzv+ub/6R3gVdgjvzFF7+lk4KPPsSjoy3eAQUprpaO6t1txbu+Z5/kw6rmsHaj6OH7djyI4pfAZMri/ompuHrLCSC6iG8F7gvdts5i4bYhqP4X8AdRHxDweHm7x4iUPgQd3iQsUBWHpz/v5CzyCOI3GKFKML+fFtu6N6CoeY3GNsmoPFZtB0nQ03uYSoaYE+Txd/eZuCaAK4i2Cx6/Cky3+HRqCJbhe2ks9R+ZghXlfkEvAYjUbMfyWh89BWgleEos3tCNbXEEZsBdZXCUZ8xW+sE//JyUyD0QiXRmt8UdWwtLIGy9PrMHhzwbpuiYCuT0NnisNMFn4tJKFMtaDBKQpCFld6kT/3tnecSbfil4j+O3WLonsOTjmLov1377+xFHO7rxbVpqp8BnGV8wbZGXJ+UdwW724Znrt/URQucGjd+mE4JJEIedfoxbHdbJ+YHmQTdxpDEMqJ2/vt0PV46Veu8rypIJoA7lBY7GZA2sax2PEX2NXwwrs63SCJGGbhXjJwNZUBBBU6lh6H0JLK44fHa3dY1Fht76ywsLHIbbDIra3ylJ2cLF9f031xlRKX+CmDFruIDb5YbvH8GRO6B0aEcoW/+2murus54ItR/P28qM5SHBY4l1fkSfMiT55PVOHLQm1vAyfmRcOvqA+v0Z1qyzVpg+g+C/fyH//9g+fjLpylGRaqFyoXuXTBnesdbDg+9yDMjHdRzB1i7iL94gFIDhHh4quvY29sd8aT4zI7u/V9LHIj/nVE6PKXwg5A3UDApXnyx07AkBpJlNhUJDwOkkhYPvahkgiZCNrKTYJ6hLByK003VgHKXg76eADyywra4HXpOl8EJnRPlq/+Ds1Mt+Agm25xVB3+8ROH5boHQkMMiTD/rSt++GrvENEVfcofxeQwo3tUKdUtF3nvEn4utkbsEhcevPEzi6I0jj/EL7oLIopE/N6wHWxrESK7FzOmZmN5SAyvGwZ8nRwWV2gC+JiRnF1rCrosHrO1/uK5L9bncbLyYUqyQ8ytQXoMjfA0D2sxD2NZ5NiSSYj6ycfOta3cQhW89VUJXVPsXFbvdNmAd9CvWtUSP1y6ZWK36xBxRBZH/t75PKv5fENXDAPNUSqpiFIWZZIAhtyKc49xO99sSMSoLuPzAf/vkw+dv7DwcBo9v/9VkpziC94ldn34HF+hm7lLiJzm5195Hd80AXzEXP5HkpDliJx0rD1d7dNK8SyiIowtKqGYotNQ2czCGBe5AOQnsbq52wS3bgDcuokavq58ArC6Gn+vIbq/LAHouz8NsGaxQy92n7DY9Uzs9irSz7q1qhHHDJ98XXLV3EPkq9djFeVsPlWck7tM5yNlDjE8Tx2hRAy9hymI4hL379ecYpeP3uWjpkLLXXKE/OL6r7yBh00AHzKX36UuyYkkeTsJZ4lzN6lnVAhjo9vzuQrfBCMPVZOnp8zahZNwle3YtWvs5j5Bzs+x0LHord5JxQ/pXhZ20ayiAbqGtNK+quITQVrgf+XrO6fCajw5zn7e5ePEZaHmn+nlICpCFMQYoUCMPvLmTli2p6Si0bk03uZcIp97vbqCxS8tPLz+wv/6dzRbrcNM7VJJXXntY5Vl5wFO/NLreN4E8AFRwXPt7I6SG5KpnTuzbDbm7fRBdHe6rggp8q5d0mxEBO769xFucsLtpji6FdCCxHiSOBsNJC0ShhWi5O0kJFlavW3uztg+QRQ5ZaM/7qCiqE16YvWEYgvy9LxUUEkuEUOLzNAG3FWfr/KSfj2Ci6tT0H+YaZZvctjMr3uWWnBUqs7aVbCCBQl//asz7gURPJzik2DkBY/iryMV4uYnsXtV1ojXb4P582Tj9TUWuOsInwxlCnD9/527m+Ti8mGf/O5zhryuV1WVNhT98td373BFxs7kLRZFLnhIyDnLp/QMuYbQEwQQAChvqBAbkqsE1qmXjbOItT5ahAp6nLd+5OeuCeBduHyBOvwhHUEOacVWVy6kVajRcwDDdwsARU4vm4dMKG/fBPj4e6DO7ppOwzPdbjdtD6UzoS+l/v6q4LWgWqJ16H3lXyycNR4vp05Q+yC6VgwgjgvocFFEodhnm4JbxDpmhFKO2/deqWsIsdGAqF5ErC6u3mR3+JAjFxPABlcuUHttxELX4ioth7XaJEVWJNEL5I1QnZ1vFjZcnKspEWkvd+MawcffRbj2XTevYaw+3edP8koswMS+kW5FGHcNexuwvnjm3X3m8Iwdx1+/RnINiTM8yg+lwPJ8PMlrlb3Qb9ChSXHf9TC73rTKHBou1thHDmFXR7B45p8ePHdoAsj8x/uc49iAWf40jrIFn/Wt4KkIU+vwKxVzd5j3eYUiBNZvb/C9/wH4/v9C5+P/E8GDvB3SWGUqjpAR1E4nWYJQRsfgPJ40QD31Li6CYewykiDSUb7EDvGi50PrmmazrrJ/OXHaEWOu0S3Tq0W6vy2s1XDxfsXwqRRAcXkwxZWiERzhXMNxAO2viVQ0Foa8jOrELXw3dRTIsBn6LkO9wXeg/dF3qH3rOnb9fpN7y8PYMQEcm5fO/QuVa0u1aEULY68hgrhec5Tlmt8cdpFTanMY2/mDW+GtoW89AT7eAh9XE19/2ONU1fkvv7v9vOFTI4AqevtY7GotXsivT9s7Nl+ESJ3NIz5BEdZDmfK7yut70gG734Prw+swWwGd8C3wtxgSKBs2sxnuSkdu4C8RVPAsrDWeGk4dpfZzn4LZEWm43AXwoxZBEkSlEMa88ly0XRxUsD0x3NMCeOUbOrjnCeB8nrTLi78mmHclA4gl+dQmL7QbZrcXmzfJEEK9qobFaj/0//lteJG3OdKC+gRvGjtz+xDZHSaq3iaVXG2PRyx4Vf8GwMV5c3mGobz16zRTV5qWOlLXdNhliPygNq6xNflrS1fVwR16MQyFlVqcIYvhaA3OsakYNI+z5wSQRa/LLk+6yRwnHXEiFiLcJ0Z5u7w0YABlbs/vSgsNxOV4tumLP30Ml774Cu+bv5CqYqdXlyNYxIJsvmisx4Uq74Dnelxk6f3ZBcvlGcbdEHd44Bl2hqjV5aOu6Vkayi1c3NEvRpeYD0arLLM2zNcjjbAGAHtEAD9g0atddzP+cGTIqLG2du5h/phSF7NsmdyLoddi0cMRLL98DId/8irNjGr58OkkQDaeWTNnF9OFE9ZxAYMP1X9mHyxYExXDeDD+4jdolkZwgmWty/6vE8c91LXeCLrcexoZN45oo5fqoF7HwyKCu1YAP/gWyegpR/gtnuB3pANT+uQo+l+BlD6lzPlRrMLKZ3Sd5B4EEtqy6H3mc06c5rrax/C4VoWBusWHFMPXpruDYp7X9Fvs9G7ehPPzfQttDeNRIGJYr3EhpeJrVW7xEENfZwx9bh0hc4kuFMTen76Hx3aVAIroydh4LeDwFnUg0CTwWTMVIXQzy5um+PzedV6wwCFsdHmyXkRv3z4NnU9y3qDr9+F31rDKRY4vc301FzFa2Fsx0TOMx86fc96QTZFogxRSXnAm0FtDHxZnVeT+6feqwzteAK9covbUBsyhtC4nrQ6FGyOkIZ+y7cObhXLZAET0EPqfebXMu/3hL6jDO8LaeAKyTt8CTnB76X6pkb5UnFZum+gZxk4hiqE2wpYRtqEonHBK6vTp9/DMjhRAEb397PJ8f9suBdHLCxUp9+lwFV1XtQV9m5d42eI0C99LnyvzbuL2WlMqqkf4Kf4OV75BUUPsfGDN8xVkR+u30ETPMHYDZ36NZjnFdcIZKGrXNc6L+Mm6HSWAH3KIKw2TZfw8oNhOL1ZoAZJUubt0lQMQaDs6rq7Wt+B8CG1zxO3xk08BaDXXE4Rv62IG6f0FsLdqomcYe4YpeMKI2zvApoxn/wBc4+RUvS1vVRim7m6oqf1KH1mYRiuTRU/cHlY1uz08yfawHW6cFROkkI0e6+8bQ75KwjNDXj/POcfeW9/EZTAMY0/xRBygD3G14ACUGiin9nlQjC02PkIySB6vt7GJ0xNY+Hj/5N0eFo2Q8/k4mwoaQy6WL0i3tr/8lrXTM4y9zGMVwA8vsShVGt4eB+kIDb7nBOQjqLhtY7k6ruRCBsGCjATx0s9Pbksnbo9jY3aTeBJ9mz1oNlYGmNxNTQYbYLe3sQGLFuIaxtPBIw+Bxe39UAu6nLI76au4IbSNlD1jfU7OzQ35eQtVDb2XfnFzNyZujycnQVqJF7bO7Q/DuFJ+/+HuGNLwWdzeaAPOmegZxtPHI3OAV65Q+5kbMFdxmMvaIw2VMRs9xQ2QXJfRKLneGdc5F7fExZDTL/3clqLH1Rw4jtrmR4sb4eY+kO9zQpiro6zwsXpnL1mIaxhPMw9dAP/72+rGOPemzVccKax1+T2KLs+3VdTVl/jv4m3gvN7hzd2Yhrk1zJE6Si5wIPnQttkqmZoCqFXc0ciquIZhOB6KAH7Ebg9uw/ER6ICi3QkNkYuBRMMyfnyNJ+dbCL0f+dmt3djcZ/XmQ9JL46gTPLeDaPoauT6dIBc0iAsaaG7PMIxxHkgARfg2VjjMBQ1zy5sD+cIt5N3R/D9pr8ch7vztESxu5faE3/us9tQ4xTvtjt8FLfa7hSp/N6i3fFwQcTW3ZxjGZtyXAH50mTo1uzGstatJG0IKr26038s6H/PfkFj0eK73oz+zdZs6CXM3Vjm/V5G0D+wULQEJivH2wmhXLg6uOcxtnTa3ZxjGdrgnAWThk7zeKanmYtlIOTZnqSl2lw2jsyxyzq53q946tyeo8K1po2h2lFSMt4e58kHRlEWKGvNVZZVcwzDujW0J4ETh827M/0cqRiQQUYIeO8KFu+X2BBG+tTv1HFbVSZDeGhiMpPvXHHrK00fO71XTcNGEzzCM+2FLAYzCBxCamRCltFs+4GjI+IkQzd9Yg3N3c3vCGz9BnUoqxjISS3wx6Qh5s5YghtInlwXx9N9828JcwzAejIkNoQvhA687mPQJEDD3Y7xiUW5PN1yFi9sUvi7vgN2eq+iGEUohjXfgD+VG8GLB42ouzG+M4Pzf/vuD3wvUMAxDKBxgHuqGbmN5aIuYwl1v0i5VBGde/KntuTERPh2NZZOKbtPtSb9cqHF+6oDl9wzDePio1nz0bzQDLTjLwjYLAKGmmkZXrrJx9pzwyf1qF+5d+OpuULmJoy0nAVwCwvnpA5bfMwzj0YHSlo/uwBW5g1rmxigl+iAMKT1kkVxYIzj3Yz+5vTD0jR+XkVhIQ+lc5DZzfZLf45Wn375s+T3DMB49U3AHZlh4Opjun6Slh5riWALX+O/cjWe4sPHy9tyYFDdopI2XTxR5vaxkEu/H5vJ/fX5swmcYxmNlCg7AEt5xFd3i5t4A11iUzt1Y3V5FV5DmLLdvwdlabkYe+uJ6pcuHtwI/ryM4Azu+/zThMwzj8eNygJfpFDu+074QO2TNmr9x596Eb+UmzFFNJzG/sRDmAxL4AQrk3hoyirMJn2EYT5iYjfvwMnUOAMwOufCw3VB3bobaN3W4eRmLD+MApOP31vAL2PFVaMJnGMbOYFs9QSbx+Rm9jSQXOKgTllVVnvFL8S6CCZ9hGDuPexbA35oJ4/2FO6tRVtWtdGCC2IxGqroVnv6aCZ9hGDuQbQvgiRnqtADe4WJxN94YPIt1G01b+lCz8F0x4TMMY+dyVwFk4WtPQT1XExYFDixD3CCDfZ6Y8BmGsSvYUgB/89MbR6lqneWNOuQH9cOs60Y2QMEACE//wxKeB8MwjF3CRAGUcBdHHO6i5vu806shhbqx1DFEuZUkwLmFJeuyZhjG7qIQQAl3YQPm3A3F0xaTurF54TtjwmcYxm4lDoclrg9GdAk03IVsFHqX4QvLaoI+Ib7GwjcAwzCMXUwaD3BdBybtQBz4LxDHwxpQjSfe+cAKHIZh7A2SACJ0JqUEifTWkvML/4VnwDAMYw9RZfP9MOPGAdSGLj1ax5dN/AzD2IuURZBP01kZrRmkuot42sJdwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMw3gk/ADzPTMgQal8AAAAAABJRU5ErkJggg==)
      no-repeat;
  }
  
  .banner .block-text .desc {
    padding-right: 130px;
    margin-bottom: 40px;
    font-size: 16px;
  }
  
  @media only screen and (max-width: 1200px) {
    .banner .block-text .desc {
      padding: 0;
    }
  }
  
  .banner .banner__left {
    padding: 127px 0;
  }
  
  @media only screen and (max-width: 767px) {
    .banner .banner__left {
      padding: 80px 0 100px;
    }
  }
  
  .banner .banner__left .pay {
    margin-top: 130px;
  }
  
  .banner .banner__left .pay h6 {
    text-transform: none;
    margin-bottom: 20px;
  }
  
  .banner .banner__left .pay .list {
    display: flex;
    align-items: center;
  }
  
  .banner .banner__left .pay .list p {
    font-size: 14px;
    color: hsla(0, 0%, 100%, 0.3);
    margin-right: 16px;
  }
  
  .banner .banner__left .pay .list ul {
    display: flex;
  }
  
  .banner .banner__left .pay .list ul li {
    margin-right: 20px;
  }
  
  .banner .banner__left .pay .list ul li a span {
    font-size: 33px;
    opacity: 0.3;
    transition: all 0.3s ease-in-out;
  }
  
  .banner .banner__left .pay .list ul li a:hover span {
    opacity: 1;
  }
  
  .banner .banner__right {
    padding: 83px 0;
    position: relative;
  }
  
  .banner .banner__right .image {
    width: 551px;
    height: 700px;
    margin-left: auto;
    margin-right: 74px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25);
    border-radius: 130px;
    position: relative;
  }
  
  .banner .banner__right .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 130px;
    position: relative;
    z-index: 2;
  }
  
  .banner .banner__right .image:after,
  .banner .banner__right .image:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, 0.1);
    border-radius: 130px;
  }
  
  .banner .banner__right .image:before {
    -webkit-transform: rotate(-17deg);
    transform: rotate(-17deg);
  }
  
  .banner .banner__right .image:after {
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
  }
  
  @media only screen and (max-width: 767px) {
    .banner .banner__right .image {
      width: 100%;
    }
  }
  
  .banner .banner__right .price {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #fff;
    border-radius: 30px;
    position: absolute;
    top: 168px;
    right: 0;
    z-index: 3;
    -webkit-animation: animate-1 15s linear 0s infinite;
    animation: animate-1 15s linear 0s infinite;
  }
  
  .banner .banner__right .price .icon {
    margin-right: 15px;
    -webkit-filter: drop-shadow(0 15px 20px rgba(164, 128, 255, 0.5));
    filter: drop-shadow(0 15px 20px rgba(164, 128, 255, 0.5));
  }
  
  .banner .banner__right .price p {
    color: #000;
    font-size: 14px;
  }
  
  .banner .banner__right .price h5 {
    color: #000;
  }
  
  .banner .banner__right .owner {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #fff;
    border-radius: 30px;
    position: absolute;
    bottom: 206px;
    left: 4px;
    z-index: 3;
    -webkit-animation: animate-3 5s linear 0s infinite;
    animation: animate-3 5s linear 0s infinite;
  }
  
  .banner .banner__right .owner .image {
    margin-right: 15px;
    min-width: 70px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
  }
  
  .banner .banner__right .owner .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .banner .banner__right .owner p {
    color: #000;
    font-size: 14px;
  }
  
  .banner .banner__right .owner h5 {
    color: #000;
  }
  
  .banner.s2 {
    padding: 73px 0 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaEAAARXCAYAAADpgq3jAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABsQSURBVHgB7N1BTttQFAXQ56idtqk6hWm2UXYS7wR2RpfQcSYewBTZ7bSVfl/Ej5QJYMA1wT1HuvKP8ldwZV1HAAAAAABvopTSZvpMl9kGAAAAAABMpZbPB33AAq0CAAAAAHgr66PzEAAAAAAAMJU6x9HVSQ5zHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACnqZTSZvpMl9kGAAAAAABMpZbPB30AAAAAAI9aBfAc66PzEAAAAAAAMJU6x9HVSQ5zHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwFkopF5nrTF/u7c/bAAAAAACA18iy+ao87CoAAAAAAOAlsmRuy9MuAgAAAAAAnqvObjzlOgAAAAAA3pEmOAn7hnnEtaFpmi8BAAAAAPBOrIJTMYy4sw4AAAAAgHdECX06foy48z0AAAAAAOC59h8dHLEJvQ0AAAAAAHiJLJkvHymgLwMAAAAAAF4jy+Y2c12L576evwUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACxCEwAAAAAsTinlaz42mc+ZD5m7zG3TNDcBMCMlNAAAAMDCZAG9L583D/y9yyJ6FwAzWQUAAAAAi5EF9Hk8XEDvbepb0gCzUEIDAAAALMvZiDubAJiJEhoAAABgWca85fwpAGaihAYAAABYlj8j7nwMgJkooQEAAACW5eeIO3cBMBMlNAAAAMCy7EbcuQmAmSihAQAAABakaZr9W86PFdG7vHMbADNpAgAAAIDFKaWc5eM87j9U+DvzK+4LaFMcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALAcpZQ202e6zDYAAAAAAGAqtXw+6AMATsQqAAAAgCVYH52HAAAAAACAqdQ5jq5OcpjjAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgEmVUtpMn+ky2wAAAAAAgKnU8vmgD/47qwAAAAAA+HfWR+chAAAAAABgKnWOo6uTHOY4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgJmUUtpMn+ky2wAAAAAAgKnU8vmgXwUAAAAAAExnfXQeAgAAAAAAplLnOLo6yWGOAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgBNQSmkzfabLbAMAAAAAAKZSy+eDPgAAAAAAYCKrzPro9xAAAAAAADCVOsfR1UkOcxwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8Le9u71NGIaiAPrEBNmobJJsABvAZnSEbpARwgbuQ3Uk/0g/gJRW7TnSlS07EzxF1wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwK9QStlmTpmpvLns+wAAAAAAgHvksPlY3ncMAAAAAAC4RQ6Zh2bgfMh0NfvmfBsAAAAAAHCtWrtxsVu4O8zVHAEAAAAAANdq/nbuFu66ejcFAAAAwIJNAMDHzl/4pgsAAACABYbQAHzmpa67hbuhrs8BAAAAAADXujw62FRy7JuHCY/NeR8AAAAAAHCL5gHCJYcAAAAAAIB75LB5yJzmhwjr/ikAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAODnlVKGzJQZM30AAAAAAMBa6vB5NgUAAAAAfLNNAP9J1+zPAQAAAAAAa6l1HGOt5FDHAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPUkoZMlNmzPQBAAAAAABrqcPn2RQ8zCYAAAAAAP6+rtmfAwAAAAAA1lLrOMZayaGO44FeAVhLVXbql9RuAAAAAElFTkSuQmCC)
      no-repeat;
  }
  
  .banner.s2 .shape {
    top: -40%;
    left: -30%;
  }
  
  .banner.s2 .shape.right {
    left: auto;
    top: -85%;
  }
  
  @media only screen and (max-width: 767px) {
    .banner.s2 {
      padding: 73px 0 10px;
    }
  }
  
  .banner.s2 .block-text .sub-heading {
    margin-bottom: 15px;
  }
  
  .banner.s2 .block-text .heading {
    margin-bottom: 28px;
  }
  
  .banner.s2 .block-text p {
    padding: 0 285px;
    font-size: 17px;
    font-size: 16px;
  }
  
  @media only screen and (max-width: 1200px) {
    .banner.s2 .block-text p {
      padding: 0;
    }
  }
  
  .banner.s2 .bannerSwiper {
    margin-top: 100px;
  }
  
  .banner.s2 .swiper-cards .swiper-slide {
    background: 0 0 !important;
    box-shadow: none;
  }
  
  .banner.s2 .swiper-3d,
  .banner.s2 .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1800px;
    perspective: 1800px;
  }
  
  .banner.s2 .banner__main {
    margin-top: 21px;
    display: flex;
  }
  
  @media only screen and (max-width: 767px) {
    .banner.s2 .banner__main {
      flex-wrap: wrap;
    }
  
    .banner.s2 .banner__main .card-box:first-child {
      margin-left: 20px;
      margin-top: 60px;
      -webkit-transform: rotate(-7deg);
      transform: rotate(-7deg);
    }
  
    .banner.s2 .banner__main .card-box:last-child {
      -webkit-transform: translateX(34px) translateY(150px) rotate(4deg);
      transform: translateX(34px) translateY(150px) rotate(4deg);
      z-index: 1;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .banner.s2.s3 {
      padding: 73px 0 50px;
    }
  }
  
  .card-box {
    width: 397px;
    background: linear-gradient(
      89.96deg,
      hsla(0, 0%, 100%, 0.05) 0.03%,
      hsla(0, 0%, 100%, 0.008) 49.66%,
      hsla(0, 0%, 100%, 0.05) 99.96%
    );
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    padding: 31px 23px;
    border-radius: 20px;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    height: 100%;
    z-index: 3;
  }
  
  .card-box .top {
    margin-bottom: 20px;
  }
  
  .card-box .top span {
    font-size: 30px;
    margin-right: 13px;
  }
  
  .card-box .top h6 {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: -5px;
  }
  
  .card-box .top h6.price {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%), #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 20px;
  }
  
  .card-box .content .image {
    height: 349px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 17px;
  }
  
  .card-box .content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
  }
  
  .card-box .content .info {
    align-items: center;
  }
  
  .card-box .content .info img {
    min-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 13px;
  }
  
  .card-box .content .info h6 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 2px;
  }
  
  .card-box .content .info p {
    font-weight: 300;
    font-size: 14px;
  }
  
  .card-box:hover .content .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  
  .banner.s3 .shape {
    top: -90%;
  }
  
  .banner.s3 .shape.right {
    top: -40%;
  }
  
  .banner.s3 .banner__left {
    padding: 158px 0;
  }
  
  @media only screen and (max-width: 1024px) {
    .banner.s3 .banner__left {
      padding: 40px 0;
    }
  }
  
  .banner.s3 .banner__left .block-text .heading {
    margin-bottom: 19px;
  }
  
  .banner.s3 .banner__left .block-text .desc {
    margin-bottom: 45px;
  }
  
  .banner.s3 .banner__left .block-text .action-btn {
    margin-right: 15px;
  }
  
  .banner.s3 .banner__left .block-text .action-btn span {
    padding: 18px 65px;
  }
  
  .banner.s3 .banner__left .block-text .action-btn.s1 span {
    padding: 17px 30px;
  }
  
  .banner.s3 .banner__left .couter-list {
    margin-top: 123px;
  }
  
  .banner.s3 .banner__left .couter-list .couter-box {
    margin-right: 102px;
    max-width: 105px;
  }
  
  .banner.s3 .banner__left .couter-list .couter-box:last-child {
    margin-right: 0;
  }
  
  .banner.s3 .banner__left .couter-list .couter-box:after {
    height: 70px;
    top: 0;
    right: -59px;
  }
  
  .banner.s3 .banner__left .couter-list .couter-box .numb span {
    font-size: 22px;
    position: absolute;
    right: -14px;
    top: 3px;
  }
  
  .banner.s3 .banner__right {
    padding: 93px 108px 93px 77px;
  }
  
  .banner.s3 .banner__right .image-1 {
    -webkit-animation: animate-1 15s linear 0s infinite;
    animation: animate-1 15s linear 0s infinite;
  }
  
  @media only screen and (max-width: 1200px) {
    .banner.s3 .banner__right {
      padding: 60px 0 80px;
    }
  
    .banner.s3 .banner__right .image-1,
    .banner.s3 .banner__right .image-1 img {
      width: 100%;
    }
  }
  
  .banner-box {
    background: linear-gradient(
      89.96deg,
      hsla(0, 0%, 100%, 0.05) 0.03%,
      hsla(0, 0%, 100%, 0.008) 49.67%,
      hsla(0, 0%, 100%, 0.05) 99.96%
    );
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 20px;
    padding: 20px 26px 0 14px;
  }
  
  .banner-box .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    padding-bottom: 14px;
    margin-bottom: 27px;
  }
  
  .banner-box .top .title {
    font-weight: 600;
    font-size: 26px;
  }
  
  .banner-box .top .wishlist {
    display: flex;
    align-items: center;
  }
  
  .banner-box .top .wishlist .icon {
    width: 30px;
    height: 30px;
    background: hsla(0, 0%, 100%, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
  }
  
  .banner-box .top .wishlist p {
    margin-bottom: 0;
  }
  
  .banner-box .main {
    display: flex;
  }
  
  .banner-box .main p {
    color: hsla(0, 0%, 100%, 0.5);
  }
  
  .banner-box .main .info {
    margin-right: 72px;
  }
  
  .banner-box .main .info h4 {
    font-size: 26px;
    margin-top: 9px;
    margin-bottom: 5px;
  }
  
  .banner-box .main .coundown p {
    margin-bottom: 8px;
  }
  
  .banner-box .main .coundown .countdown__item {
    font-family: Conthrax;
    font-weight: 600;
    font-size: 26px;
    color: #fff;
    margin-right: 50px;
    position: relative;
    text-align: center;
  }
  
  .banner-box .main .coundown .countdown__item:last-child {
    margin: 0;
  }
  
  .banner-box .main .coundown .countdown__item:last-child:before {
    display: none;
  }
  
  .banner-box .main .coundown .countdown__item:after {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    font-weight: 300;
    font-size: 14px;
    font-family: Readex Pro;
    color: hsla(0, 0%, 100%, 0.5);
  }
  
  .banner-box .main .coundown .countdown__item:before {
    content: "";
    position: absolute;
    right: -19px;
    top: 17px;
    width: 1px;
    height: 22px;
    background: hsla(0, 0%, 100%, 0.1);
  }
  
  .banner-box .main .coundown .countdown__item:first-child:after {
    content: "Days";
  }
  
  .banner-box .main .coundown .countdown__item:nth-child(2):after {
    content: "Hours";
  }
  
  .banner-box .main .coundown .countdown__item:nth-child(3):after {
    content: "Minutes";
  }
  
  .banner-box .main .coundown .countdown__item:nth-child(4):after {
    content: "Seconds";
  }
  
  @media only screen and (max-width: 767px) {
    .banner-box .main {
      flex-wrap: wrap;
    }
  
    .banner-box .main .info {
      margin: 0 auto;
      text-align: center;
      width: 100%;
    }
  
    .banner-box .main .coundown {
      margin: 30px auto;
      text-align: center;
    }
  }
  
  .banner-box .button {
    text-align: center;
    margin-top: 22px;
  }
  
  .banner-box .button a {
    margin-bottom: -40px;
  }
  
  .banner-box .button a span {
    padding: 19px 24px 19px 62px;
  }
  
  .banner-box .button a span svg {
    margin-left: 40px;
  }
  
  .footer {
    position: relative;
  }
  
  .footer .block-text .heading {
    margin-bottom: 16px;
  }
  
  .footer .footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 100px 0;
  }
  
  .footer .footer__bottom div p {
    font-weight: 300;
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.2);
  }
  
  .footer .footer__bottom .list {
    display: flex;
    margin-bottom: 16px;
    margin-left: 22px;
  }
  
  .footer .footer__bottom .list li {
    margin: 0 16px;
  }
  
  .footer .footer__bottom .list li a {
    font-weight: 600;
    font-size: 13px;
  }
  
  .footer .footer__bottom .list-social {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
  }
  
  .footer .footer__bottom .list-social li {
    margin: 0 5px;
  }
  
  .footer .footer__bottom .list-social li:last-child {
    margin-right: 0;
  }
  
  .footer .footer__bottom .list-social li a {
    min-width: 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .footer .footer__bottom .list-social li a:hover {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
  }
  
  @media only screen and (max-width: 1024px) {
    .footer .footer__bottom {
      flex-wrap: wrap;
      justify-content: center;
    }
  
    .footer .footer__bottom div {
      width: 100%;
      margin: 30px 0;
    }
  
    .footer .footer__bottom div .list {
      justify-content: center;
      flex-wrap: wrap;
    }
  
    .footer .footer__bottom div .list li {
      margin: 0 10px;
    }
  }
  
  .form {
    text-align: center;
    margin-top: 39px;
  }
  
  .form .form-control {
    max-width: 540px;
    background: hsla(0, 0%, 100%, 0.1);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 10px;
    margin: 0 auto;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    padding: 15px;
    box-shadow: none;
  }
  
  .form .form-control:focus {
    border-color: #5c27fe;
    border-color: var(--primary-color);
  }
  
  .form button {
    margin-top: 14px;
  }
  
  .form button span {
    padding: 15px 40px;
  }
  
  .footer.s1 {
    padding: 0 0 20px;
  }
  
  .footer.s1 .footer__bottom {
    padding: 25px 0;
  }
  
  @-webkit-keyframes pulse-grow-on-hover {
    to {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  
  .footer.style-2 {
    padding-bottom: 30px;
  }
  
  .footer.style-2 .footer__main {
    display: flex;
  }
  
  .footer.style-2 .footer__main .info-left {
    width: 30%;
  }
  
  .footer.style-2 .footer__main .info-left .list-social {
    justify-content: flex-start;
    margin-top: 16px;
  }
  
  .footer.style-2 .footer__main .info-left .list-social li:first-child {
    margin-left: 0;
  }
  
  .footer.style-2 .footer__main .right {
    width: 70%;
    padding-left: 47px;
    padding-top: 2px;
  }
  
  .footer.style-2 .footer__main .right .top {
    display: flex;
  }
  
  @media only screen and (max-width: 767px) {
    .footer.style-2 .footer__main .right .top {
      flex-wrap: wrap;
    }
  
    .footer.style-2 .footer__main .right .top .widget {
      width: 50%;
      margin: 0;
    }
  
    .footer.style-2 .footer__main .right .top .widget:last-child {
      padding-left: 0;
      padding-top: 30px;
      width: 100%;
    }
  
    .footer.style-2
      .footer__main
      .right
      .top
      .widget:last-child
      .form
      .form-control {
      max-width: 100%;
    }
  }
  
  .footer.style-2 .footer__main .right .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 51px;
  }
  
  .footer.style-2 .footer__main .right .bottom p {
    font-weight: 300;
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.3);
  }
  
  .footer.style-2 .footer__main .right .bottom .list {
    display: flex;
    margin-right: 9px;
  }
  
  .footer.style-2 .footer__main .right .bottom .list li {
    margin-left: 41px;
  }
  
  .footer.style-2 .footer__main .right .bottom .list li a {
    font-family: Readex Pro;
    font-weight: 300;
    font-size: 12px;
  }
  
  @media only screen and (max-width: 767px) {
    .footer.style-2 .footer__main .right .bottom {
      flex-wrap: wrap;
      text-align: center;
      justify-content: center;
    }
  
    .footer.style-2 .footer__main .right .bottom .list {
      margin-top: 20px;
    }
  
    .footer.style-2 .footer__main .right .bottom .list li {
      margin: 0 10px;
    }
  }
  
  @media only screen and (max-width: 1200px) {
    .footer.style-2 .footer__main {
      flex-wrap: wrap;
    }
  
    .footer.style-2 .footer__main .info-left {
      width: 100%;
    }
  
    .footer.style-2 .footer__main .right {
      width: 100%;
      padding-left: 0;
      padding-top: 40px;
    }
  }
  
  .widget {
    margin-right: 80px;
  }
  
  .widget:last-child {
    margin-right: 0;
    width: 49%;
    padding-left: 9px;
  }
  
  .widget li a {
    font-family: Readex Pro;
    font-weight: 300;
    font-size: 14px;
  }
  
  .widget h5 {
    font-size: 18px;
    text-transform: none;
  }
  
  .widget li {
    margin-bottom: 10px;
  }
  
  .widget li:first-child {
    margin-bottom: 45px;
  }
  
  .widget form {
    text-align: left;
  }
  
  .widget form p {
    margin-top: 45px;
    margin-bottom: 14px;
  }
  
  .widget form .form-group {
    position: relative;
  }
  
  .widget form .form-group button {
    position: absolute;
    right: 15px;
    top: 4px;
    background: 0 0;
    border: none;
    outline: none;
  }
  
  .about__video {
    position: relative;
  }
  
  .about__video img {
    border-radius: 20px;
  }
  
  @media only screen and (max-width: 1024px) {
    .about__video img {
      width: 100%;
    }
  }
  
  .about__video .wrap-video a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    top: 38.5%;
    left: 44%;
    background: hsla(0, 0%, 100%, 0.4);
  }
  
  .about__video .wrap-video a span {
    font-size: 45px;
  }
  
  .mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #3f3f3f;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  
  .mfp-bg,
  .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
  }
  
  .mfp-wrap {
    z-index: 1043;
    outline: none !important;
    -webkit-backface-visibility: hidden;
  }
  
  .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
  }
  
  .mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  
  .mfp-align-top .mfp-container:before {
    display: none;
  }
  
  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
  }
  
  .mfp-ajax-holder .mfp-content,
  .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto;
  }
  
  .mfp-ajax-cur {
    cursor: progress;
  }
  
  .mfp-zoom-out-cur,
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
  }
  
  .mfp-zoom {
    cursor: pointer;
    cursor: zoom-in;
  }
  
  .mfp-auto-cursor .mfp-content {
    cursor: auto;
  }
  
  .mfp-arrow,
  .mfp-close,
  .mfp-counter,
  .mfp-preloader {
    -webkit-user-select: none;
    user-select: none;
  }
  
  .mfp-loading.mfp-figure {
    display: none;
  }
  
  .mfp-hide {
    display: none !important;
  }
  
  .mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
  }
  
  .mfp-preloader a {
    color: #ccc;
  }
  
  .mfp-preloader a:hover {
    color: #fff;
  }
  
  .mfp-s-error .mfp-content,
  .mfp-s-ready .mfp-preloader {
    display: none;
  }
  
  button.mfp-arrow,
  button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
  }
  
  button::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  
  .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
  }
  
  .mfp-close:focus,
  .mfp-close:hover {
    opacity: 1;
  }
  
  .mfp-close:active {
    top: 1px;
  }
  
  .mfp-close-btn-in .mfp-close {
    color: #333;
  }
  
  .mfp-iframe-holder .mfp-close,
  .mfp-image-holder .mfp-close {
    color: #fff;
    background: 0 0;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
  }
  
  .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
  }
  
  .mfp-arrow {
    position: absolute;
    opacity: 0.65;
    top: 50%;
    margin: -55px 0 0;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
  }
  
  .mfp-arrow:active {
    margin-top: -54px;
  }
  
  .mfp-arrow:focus,
  .mfp-arrow:hover {
    opacity: 1;
  }
  
  .mfp-arrow .mfp-a,
  .mfp-arrow .mfp-b,
  .mfp-arrow:after,
  .mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent;
  }
  
  .mfp-arrow .mfp-a,
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
  }
  
  .mfp-arrow .mfp-b,
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
  }
  
  .mfp-arrow-left {
    left: 0;
  }
  
  .mfp-arrow-left .mfp-a,
  .mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
  }
  
  .mfp-arrow-left .mfp-b,
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
  }
  
  .mfp-arrow-right {
    right: 0;
  }
  
  .mfp-arrow-right .mfp-a,
  .mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
  }
  
  .mfp-arrow-right .mfp-b,
  .mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
  }
  
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
  }
  
  .mfp-iframe-holder .mfp-close {
    top: -40px;
  }
  
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
  }
  
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
  }
  
  .mfp-arrow.mfp-arrow-left.mfp-prevent-close,
  .mfp-arrow.mfp-arrow-right.mfp-prevent-close {
    background: 0 0;
  }
  
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto;
  }
  
  .mfp-figure,
  img.mfp-img {
    line-height: 0;
  }
  
  .mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
  }
  
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
  }
  
  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
  }
  
  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
  }
  
  .mfp-image-holder .mfp-content {
    max-width: 100%;
  }
  
  @media screen and (max-height: 300px),
    screen and (max-width: 800px) and (orientation: landscape) {
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0;
    }
  
    .mfp-img-mobile img.mfp-img {
      padding: 0;
    }
  
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0;
    }
  
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px;
    }
  
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box;
    }
  
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0;
    }
  
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px;
    }
  
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0;
    }
  }
  
  @media (max-width: 900px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      transform: scale(0.75);
    }
  
    .mfp-arrow-left {
      -webkit-transform-origin: 0;
      transform-origin: 0;
    }
  
    .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%;
    }
  
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px;
    }
  }
  
  .mfp-ie7 .mfp-img {
    padding: 0;
  }
  
  .mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
  }
  
  .mfp-ie7 .mfp-container {
    padding: 0;
  }
  
  .mfp-ie7 .mfp-content {
    padding-top: 44px;
  }
  
  .mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
  }
  
  .my-mfp-slide-bottom.mfp-ready .mfp-content {
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
  .my-mfp-slide-bottom.mfp-removing .mfp-content {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  
  .my-mfp-slide-bottom.mfp-bg,
  .my-mfp-slide-bottom.mfp-removing .mfp-content {
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
  }
  
  .my-mfp-slide-bottom.mfp-bg {
    transition: opacity 0.3s ease-out;
  }
  
  .my-mfp-slide-bottom.mfp-ready.mfp-bg {
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
  }
  
  .my-mfp-slide-bottom.mfp-removing.mfp-bg {
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
  }
  
  .about {
    padding: 0 0 100px;
    position: relative;
  }
  
  .about .block-text {
    padding: 116px 0 116px 35px;
  }
  
  @media only screen and (max-width: 1200px) {
    .about .block-text {
      padding: 80px 0;
    }
  }
  
  .about .about__right .images {
    position: relative;
  }
  
  .about .about__right .images .img1 {
    width: 420px;
    height: 533px;
    object-fit: cover;
    border-radius: 110px;
    margin: 60px 0 0 -4px;
    z-index: 3;
    position: relative;
  }
  
  .about .about__right .images .img2,
  .about .about__right .images .img3,
  .about .about__right .images .img4,
  .about .about__right .images .img5 {
    position: absolute;
    border-radius: 20%;
  }
  
  .about .about__right .images .img2 {
    width: 121px;
    height: 117px;
    object-fit: cover;
    top: 230px;
    left: -183px;
    -webkit-animation: animate-2 15s linear 0s infinite;
    animation: animate-2 15s linear 0s infinite;
  }
  
  .about .about__right .images .img3 {
    width: 222px;
    height: 222px;
    object-fit: cover;
    bottom: -93px;
    left: -108px;
    -webkit-animation: animate-3 15s linear 0s infinite;
    animation: animate-3 15s linear 0s infinite;
  }
  
  .about .about__right .images .img4 {
    width: 65px;
    height: 62px;
    object-fit: cover;
    bottom: -89px;
    left: 129px;
    -webkit-animation: animate-4 15s linear 0s infinite;
    animation: animate-4 15s linear 0s infinite;
  }
  
  .about .about__right .images .img5 {
    width: 255px;
    height: 246px;
    object-fit: cover;
    bottom: -162px;
    right: 75px;
    z-index: 4;
    -webkit-animation: animate-5 15s linear 0s infinite;
    animation: animate-5 15s linear 0s infinite;
  }
  
  .about .about__right .images:after {
    content: "";
    position: absolute;
    top: 56px;
    right: 125px;
    z-index: 1;
    width: 420px;
    height: 533px;
    background: hsla(0, 0%, 100%, 0.1);
    border-radius: 110px;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  
  @media only screen and (max-width: 767px) {
    .about .about__right .images:after {
      display: none;
    }
  
    .about .about__right .images .img1 {
      width: 100%;
    }
  
    .about .about__right .images .img2 {
      left: -15px;
      z-index: 3;
    }
  
    .about .about__right .images .img3 {
      left: -100px;
      bottom: -170px;
    }
  
    .about .about__right .images .img5 {
      right: -70px;
    }
  }
  
  @media only screen and (max-width: 1200px) {
    .about .about__right {
      padding-bottom: 70px;
    }
  
    .about .about__right .images {
      max-width: 540px;
      margin: 0 auto;
    }
  }
  
  @media only screen and (max-width: 1200px) and (max-width: 1024px) {
    .about .about__right .images {
      max-width: 500px;
    }
  }
  
  @media only screen and (max-width: 1200px) and (max-width: 767px) {
    .about .about__right .images {
      max-width: 100%;
    }
  }
  
  .about.s2 {
    padding: 0 0 150px;
  }
  
  .about.s2 .shape {
    top: -30%;
  }
  
  .about.s2 .shape.right {
    top: -60%;
  }
  
  @media only screen and (max-width: 767px) {
    .about.s2 {
      padding: 0 0 80px;
    }
  }
  
  .about.s2 .about__main img {
    margin-bottom: 30px;
  }
  
  @media only screen and (max-width: 1200px) {
    .about.s2 .about__main img {
      width: 100%;
    }
  }
  
  .about.s2 .block-text .heading {
    margin-bottom: 38px;
  }
  
  .about.s2 .action-btn span {
    padding: 15px 24px;
  }
  
  .about.s3 {
    padding: 90px 0 0;
  }
  
  @media only screen and (max-width: 1024px) {
    .about.s3 {
      padding: 60px 0 0;
    }
  }
  
  .about.s3 .block-text {
    padding-right: 30px !important;
  }
  
  .about.s3 .card-box:first-child {
    margin-left: 117px;
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg);
    margin-top: 48px;
  }
  
  @media only screen and (max-width: 1200px) {
    .about.s3 .card-box:first-child {
      margin: 80px auto 0;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .about.s3 .card-box:first-child {
      width: 100%;
    }
  }
  
  .about.s3 .card-box.sm {
    width: 236px;
    padding: 15px 14px 15px 10px;
  }
  
  .about.s3 .card-box.sm .top {
    margin-bottom: 10px;
  }
  
  .about.s3 .card-box.sm .top h6 {
    font-size: 8px;
  }
  
  .about.s3 .card-box.sm .top h6.price {
    font-size: 12px;
  }
  
  .about.s3 .card-box.sm .top span {
    font-size: 25px;
    margin-right: 3px;
  }
  
  .about.s3 .card-box.sm .content .image {
    height: 208px;
    margin-bottom: 13px;
  }
  
  .about.s3 .card-box.sm .content .info img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  
  .about.s3 .card-box.sm .content .info h6 {
    font-size: 9px;
  }
  
  .about.s3 .card-box.sm .content .info p {
    font-size: 8px;
  }
  
  @media only screen and (max-width: 1200px) {
    .about.s3 .card-box.sm {
      margin: 0 auto;
    }
  }
  
  .about.s3 .card-box:last-child {
    -webkit-transform: translateX(-150px) translateY(-194px) rotate(-13deg);
    transform: translateX(-150px) translateY(-194px) rotate(-13deg);
    z-index: 1;
  }
  
  @media only screen and (max-width: 767px) {
    .about.s3 .card-box:last-child {
      -webkit-transform: translateX(0) translateY(0) rotate(-13deg);
      transform: translateX(0) translateY(0) rotate(-13deg);
      margin-bottom: 40px;
    }
  }
  
  .speciality {
    padding: 100px 0 75px;
    position: relative;
  }
  
  .speciality .container {
    max-width: 1140px;
  }
  
  .speciality .block-text p {
    padding: 0 300px;
  }
  
  @media only screen and (max-width: 1200px) {
    .speciality .block-text p {
      padding: 0;
    }
  }
  
  .speciality.s1 {
    padding: 0 0 78px;
  }
  
  .speciality.s1 .block-text .heading {
    margin-bottom: 2px;
  }
  
  .speciality.s1 .speciality-box .title {
    padding: 0 15px;
  }
  
  .speciality-box {
    text-align: center;
    margin-top: 38px;
    background: linear-gradient(
      180deg,
      hsla(0, 0%, 100%, 0.05),
      hsla(0, 0%, 100%, 0) 73.86%
    );
    position: relative;
    padding: 20px 20px 10px;
    border-radius: 15px;
  }
  
  .speciality-box,
  .speciality-box .icon {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  
  .speciality-box .icon {
    background: linear-gradient(289.89deg, #dec7ff -23.71%, #5c27fe 96.09%);
    width: 105px;
    height: 105px;
    min-width: 105px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1s ease-in-out;
    position: absolute;
    top: -18px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  .speciality-box .title {
    margin-bottom: 11px;
  }
  
  .speciality-box p {
    margin-bottom: 14px;
  }
  
  .speciality-box .number {
    color: hsla(0, 0%, 100%, 0.1);
    transition: all 0.3s ease-in-out;
  }
  
  .speciality-box:hover {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
    opacity: 1;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-property: left, top, opacity;
    transition-timing-function: linear;
  }
  
  .portfolio {
    position: relative;
  }
  
  .portfolio .container {
    max-width: 1140px;
  }
  
  .portfolio .block-text .heading {
    margin-bottom: 38px;
  }
  
  .portfolio .portfolio__right .image {
    -webkit-animation: animate-1 15s linear 0s infinite;
    animation: animate-1 15s linear 0s infinite;
  }
  
  @media only screen and (max-width: 767px) {
    .portfolio .portfolio__right .image,
    .portfolio .portfolio__right .image img {
      width: 100%;
    }
  }
  
  .portfolio-box {
    background: linear-gradient(
      180deg,
      hsla(0, 0%, 100%, 0.05),
      hsla(0, 0%, 100%, 0) 73.86%
    );
    border-radius: 16px;
    position: relative;
    padding: 40px 23px;
    display: flex;
    margin-bottom: 19px;
  }
  
  .portfolio-box,
  .portfolio-box .step {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  
  .portfolio-box .step {
    background: linear-gradient(
      89.96deg,
      hsla(0, 0%, 100%, 0.05) 0.03%,
      hsla(0, 0%, 100%, 0.008) 49.67%,
      hsla(0, 0%, 100%, 0.05) 99.96%
    );
    border-radius: 100px;
    position: absolute;
    top: -15px;
    left: 22px;
    padding: 6px 16px;
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%), #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    font-weight: 600;
    font-size: 12px;
    font-family: Conthrax;
  }
  
  .portfolio-box .icon {
    margin-right: 17px;
  }
  
  .portfolio-box .content {
    border-left: 1px solid hsla(0, 0%, 100%, 0.1);
    padding-left: 16px;
  }
  
  .portfolio-box .content .title {
    margin-top: 4px;
    margin-bottom: 10px;
  }
  
  .project {
    position: relative;
    padding: 40px 0;
  }
  
  .project .shape {
    top: 0;
  }
  
  .project .container {
    max-width: 1322px;
  }
  
  .project.s2 {
    padding: 97px 0 32px;
  }
  
  .project.s2 .shape {
    top: -70%;
  }
  
  .project.s2 .block-text .heading {
    margin-bottom: 39px;
  }
  
  .project.s2 .container {
    max-width: 1780px;
  }
  
  .project.s2 .container .project-box {
    margin-bottom: 30px;
    padding: 19px;
  }
  
  .project.s2 .container .project-box .content .title {
    letter-spacing: -1.3px;
  }
  
  .project.s3 {
    padding: 215px 0 36px;
  }
  
  @media only screen and (max-width: 1024px) {
    .project.s3 {
      padding: 80px 0;
    }
  }
  
  .project.s3 .project-swiper {
    margin-top: 37px;
    max-width: 540px;
  }
  
  .project.s3 .project-swiper .swiper-button-next {
    right: 17%;
  }
  
  .project.s3 .project-swiper .swiper-button-prev {
    left: 17%;
  }
  
  .project.s3 .project-swiper .swiper-slide .project-box .image,
  .project.s3
    .project-swiper
    .swiper-slide.swiper-slide-active
    .project-box
    .image {
    height: 500px;
  }
  
  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: hsla(0, 0%, 100%, 0.2);
    opacity: 1;
    margin: 0 5px !important;
  }
  
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 3px solid #fff;
    background: 0 0;
  }
  
  .project-swiper,
  .project-swiper-3 {
    margin-top: 40px;
    overflow: visible;
  }
  
  .project-swiper-3 .swiper-pagination-bullet,
  .project-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: hsla(0, 0%, 100%, 0.2);
    opacity: 1;
    margin: 0 5px !important;
  }
  
  .project-swiper-3 .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .project-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 3px solid #fff;
    background: 0 0;
  }
  
  .project-swiper-3 .swiper-button-next,
  .project-swiper-3 .swiper-button-prev,
  .project-swiper .swiper-button-next,
  .project-swiper .swiper-button-prev {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, 0.1);
    top: auto;
    bottom: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .project-swiper-3 .swiper-button-next:after,
  .project-swiper-3 .swiper-button-prev:after,
  .project-swiper .swiper-button-next:after,
  .project-swiper .swiper-button-prev:after {
    display: none;
  }
  
  .project-swiper-3 .swiper-button-next:hover,
  .project-swiper-3 .swiper-button-prev:hover,
  .project-swiper .swiper-button-next:hover,
  .project-swiper .swiper-button-prev:hover {
    background: #703ffe;
  }
  
  @media only screen and (max-width: 1200px) {
    .project-swiper-3 .swiper-button-next,
    .project-swiper-3 .swiper-button-prev,
    .project-swiper .swiper-button-next,
    .project-swiper .swiper-button-prev {
      display: none;
    }
  }
  
  .project-swiper-3 .swiper-button-next,
  .project-swiper .swiper-button-next {
    right: 36%;
  }
  
  .project-swiper-3 .swiper-button-prev,
  .project-swiper .swiper-button-prev {
    left: 36%;
    background: #703ffe;
  }
  
  .banner.s2 .swiper-button-next,
  .banner.s2 .swiper-button-prev,
  .banner.s3 .swiper-button-next,
  .banner.s3 .swiper-button-prev,
  .banner.s4 .swiper-button-next,
  .banner.s4 .swiper-button-prev {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, 0.1);
    bottom: 30%;
    top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .banner.s2 .swiper-button-next:after,
  .banner.s2 .swiper-button-prev:after,
  .banner.s3 .swiper-button-next:after,
  .banner.s3 .swiper-button-prev:after,
  .banner.s4 .swiper-button-next:after,
  .banner.s4 .swiper-button-prev:after {
    display: none;
  }
  
  .banner.s2 .swiper-button-next:hover,
  .banner.s2 .swiper-button-prev:hover,
  .banner.s3 .swiper-button-next:hover,
  .banner.s3 .swiper-button-prev:hover,
  .banner.s4 .swiper-button-next:hover,
  .banner.s4 .swiper-button-prev:hover {
    background: #703ffe;
  }
  
  @media only screen and (max-width: 1200px) {
    .banner.s2 .swiper-button-next,
    .banner.s2 .swiper-button-prev,
    .banner.s3 .swiper-button-next,
    .banner.s3 .swiper-button-prev,
    .banner.s4 .swiper-button-next,
    .banner.s4 .swiper-button-prev {
      display: none;
    }
  }
  
  .banner.s2 .swiper-button-next,
  .banner.s3 .swiper-button-next,
  .banner.s4 .swiper-button-next {
    right: 10%;
  }
  
  @media only screen and (max-width: 1600px) {
    .banner.s2 .swiper-button-next,
    .banner.s3 .swiper-button-next,
    .banner.s4 .swiper-button-next {
      right: 5%;
    }
  }
  
  @media only screen and (max-width: 1400px) {
    .banner.s2 .swiper-button-next,
    .banner.s3 .swiper-button-next,
    .banner.s4 .swiper-button-next {
      display: none;
    }
  }
  
  .banner.s2 .swiper-button-prev,
  .banner.s3 .swiper-button-prev,
  .banner.s4 .swiper-button-prev {
    left: 10%;
    background: #703ffe;
  }
  
  @media only screen and (max-width: 1600px) {
    .banner.s2 .swiper-button-prev,
    .banner.s3 .swiper-button-prev,
    .banner.s4 .swiper-button-prev {
      left: 5%;
    }
  }
  
  @media only screen and (max-width: 1400px) {
    .banner.s2 .swiper-button-prev,
    .banner.s3 .swiper-button-prev,
    .banner.s4 .swiper-button-prev {
      display: none;
    }
  }
  
  .project-box {
    background: linear-gradient(
      89.96deg,
      hsla(0, 0%, 100%, 0.05) 0.03%,
      hsla(0, 0%, 100%, 0.008) 49.67%,
      hsla(0, 0%, 100%, 0.05) 99.96%
    );
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 26px;
    padding: 20px;
    position: relative;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    margin-bottom: 110px;
  }
  
  .project-box .image {
    height: 375px;
    border-radius: 20px;
    overflow: hidden;
  }
  
  .project-box .image a {
    width: 100%;
    height: 100%;
  }
  
  .project-box .image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
  }
  
  .project-box .content {
    position: absolute;
    padding: 17px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    background: hsla(0, 0%, 100%, 0.1);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    text-align: center;
    border-radius: 11px;
  }
  
  .project-box:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  
  .roadmap {
    position: relative;
    padding: 69px 0;
  }
  
  .roadmap .img-line {
    position: absolute;
    top: 30%;
    left: 0;
    z-index: -2;
  }
  
  .roadmap .shape {
    top: 0;
  }
  
  .roadmap .container {
    max-width: 1140px;
  }
  
  .roadmap.s2 {
    padding: 69px 0 47px;
  }
  
  .roadmap.s2 .shape {
    top: -60%;
  }
  
  @media only screen and (max-width: 1024px) {
    .roadmap.s2 {
      padding: 30px 0 47px;
    }
  }
  
  .roadmap.s2 .container {
    max-width: 1590px;
  }
  
  .roadmap.s2 .block-text .heading {
    margin-bottom: 47px;
  }
  
  .roadmap-swiper .roadmap-box {
    margin-top: 45px;
    width: 100%;
    padding: 35px 17px;
  }
  
  .roadmap-swiper .roadmap-box .title {
    padding-bottom: 11px;
    margin-bottom: 19px;
  }
  
  .roadmap-swiper .roadmap-box .title:after {
    height: 1px;
  }
  
  .roadmap-swiper .roadmap-box:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -43px;
    left: 50%;
    width: 1px;
    height: 28px;
    background: #1f223e;
  }
  
  .roadmap-swiper .roadmap-box:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: -54px;
    left: 46%;
    width: 19px;
    height: 19px;
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%), #fff;
    border: 4px solid #1f223e;
    border-radius: 50%;
  }
  
  .roadmap__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 90px;
    position: relative;
  }
  
  .roadmap__main:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -40px;
    left: 50%;
    right: 50%;
    background: #1f223e;
    height: 104%;
    width: 1px;
  }
  
  .roadmap__main .icon {
    position: absolute;
    top: -52px;
    left: 49.6%;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%), #fff;
  }
  
  .roadmap__main .icon.bottom {
    top: auto;
    bottom: 0;
  }
  
  @media only screen and (max-width: 767px) {
    .roadmap__main:after {
      left: auto;
      right: 0;
    }
  }
  
  .roadmap__main.s1 {
    position: relative;
    margin-top: 0;
  }
  
  .roadmap__main.s1:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background: #1f223e;
    height: 1px;
    width: 100%;
  }
  
  .roadmap__main.s1 .swiper-button-next,
  .roadmap__main.s1 .swiper-button-prev {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, 0.1);
    top: 111px;
  }
  
  .roadmap__main.s1 .swiper-button-next:after,
  .roadmap__main.s1 .swiper-button-prev:after {
    display: none;
  }
  
  .roadmap__main.s1 .swiper-button-next:hover,
  .roadmap__main.s1 .swiper-button-prev:hover {
    background: #703ffe;
  }
  
  .roadmap__main.s1 .swiper-button-prev {
    left: -95px;
  }
  
  .roadmap__main.s1 .swiper-button-next {
    right: -95px;
  }
  
  .roadmap__main.s1 .swiper-pagination {
    bottom: 19px;
  }
  
  .roadmap__main.s1 .roadmap-box {
    background: linear-gradient(
      180deg,
      hsla(0, 0%, 100%, 0.05),
      hsla(0, 0%, 100%, 0) 73.86%
    );
    border: none;
  }
  
  .button {
    text-align: center;
    margin-top: 38px;
  }
  
  .button a span {
    padding: 14px 24px;
  }
  
  .roadmap-box {
    width: calc(50% - 30px);
    background: linear-gradient(
      180deg,
      hsla(0, 0%, 100%, 0.05),
      hsla(0, 0%, 100%, 0) 73.86%
    );
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 16px;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    margin-right: 30px;
    margin-left: 0;
    padding: 37px 30px;
    margin-bottom: 34px;
  }
  
  .roadmap-box:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 48%;
    right: -28px;
    width: 28px;
    height: 1px;
    background: #1f223e;
  }
  
  .roadmap-box:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 43%;
    right: -40px;
    width: 19px;
    height: 19px;
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%), #fff;
    border: 4px solid #1f223e;
    border-radius: 50%;
  }
  
  .roadmap-box.right {
    margin-left: 30px;
    margin-right: 0;
    -webkit-transform: translateY(112px);
    transform: translateY(112px);
  }
  
  .roadmap-box.right:before {
    right: auto;
    left: -28px;
  }
  
  .roadmap-box.right:after {
    right: auto;
    left: -40px;
  }
  
  .roadmap-box .time {
    background: linear-gradient(
      89.96deg,
      hsla(0, 0%, 100%, 0.05) 0.03%,
      hsla(0, 0%, 100%, 0.008) 49.67%,
      hsla(0, 0%, 100%, 0.05) 99.96%
    );
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 100px;
    position: absolute;
    top: -15px;
    left: 29px;
    padding: 6px 16px;
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%), #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    font-weight: 600;
    font-size: 12px;
    font-family: Conthrax;
  }
  
  .roadmap-box .title {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 21px;
    letter-spacing: -1.5px;
  }
  
  .roadmap-box .title:after {
    content: "";
    width: 60px;
    height: 4px;
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
    border-radius: 1.2px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  
  @media only screen and (max-width: 767px) {
    .roadmap-box {
      width: 100%;
    }
  
    .roadmap-box.right {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      margin: 0 30px 34px 0;
    }
  
    .roadmap-box.right:before {
      left: auto;
      right: -28px;
    }
  
    .roadmap-box.right:after {
      left: auto;
      right: -40px;
    }
  }
  
  .team {
    position: relative;
    padding: 30px 0 105px;
  }
  
  .team .container {
    max-width: 1140px;
  }
  
  .team .team-swiper {
    margin-top: 40px;
  }
  
  .team.s2 {
    padding: 30px 0 69px;
  }
  
  .team.s2 .img-line {
    position: absolute;
    z-index: -2;
    top: -85%;
    left: 0;
  }
  
  .team.s2 .block-text .heading {
    margin-bottom: 38px;
  }
  
  .team.s2 .team-box {
    margin-bottom: 30px;
  }
  
  .team.s2 .team-box .image .list-social {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    margin-top: 0;
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    opacity: 0;
    transition: all 0.5s ease-in-out;
    z-index: 9;
  }
  
  .team.s2 .team-box .image .list-social li a {
    background: #fff;
    transition: all 0.5s ease-in-out;
  }
  
  .team.s2 .team-box .image .list-social li a span:before {
    color: #5c27fe;
    color: var(--primary-color);
    transition: all 0.3s ease-in-out;
  }
  
  .team.s2 .team-box .image .list-social li a:hover {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
  }
  
  .team.s2 .team-box .image .list-social li a:hover span:before {
    color: #fff;
  }
  
  .team.s2 .team-box:hover .list-social {
    position: absolute;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  @media only screen and (max-width: 1200px) {
    .team .swiper-button-next,
    .team .swiper-button-prev {
      display: none;
    }
  }
  
  .team-box .image {
    background: linear-gradient(
      89.96deg,
      hsla(0, 0%, 100%, 0.05) 0.03%,
      hsla(0, 0%, 100%, 0.008) 49.67%,
      hsla(0, 0%, 100%, 0.05) 99.96%
    );
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    padding: 12px;
    position: relative;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    height: 255px;
    border-radius: 20px;
    overflow: hidden;
  }
  
  .team-box .image:after {
    background: linear-gradient(
      90deg,
      hsla(0, 0%, 100%, 0.13),
      hsla(0, 0%, 100%, 0.13) 77%,
      hsla(0, 0%, 100%, 0.5) 92%,
      hsla(0, 0%, 100%, 0)
    );
    content: "";
    height: 200%;
    left: -210%;
    opacity: 0;
    position: absolute;
    top: -50%;
    transition: all 0.7s ease 0s;
    width: 200%;
  }
  
  .team-box .image a {
    width: 100%;
    height: 100%;
  }
  
  .team-box .image a img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
  }
  
  .team-box .image .list-social li a {
    width: 38px;
    height: 38px;
  }
  
  .team-box .content {
    margin-top: 33px;
    text-align: center;
  }
  
  .team-box .content .name {
    letter-spacing: -1.5px;
    margin-bottom: 7px;
  }
  
  .team-box:hover .image:after {
    left: -30%;
    opacity: 1;
    top: -20%;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-property: left, top, opacity;
    transition-timing-function: linear;
  }
  
  .list-social {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
  }
  
  .list-social li {
    margin: 0 5px;
  }
  
  .list-social li a {
    min-width: 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .list-social li a:hover {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
  }
  
  .brands {
    margin-top: 40px;
  }
  
  .brands .sub-heading span {
    color: #fff;
    background: 0 0;
    -webkit-text-fill-color: #fff;
    text-transform: none;
  }
  
  .brands.s2 {
    margin-top: 49px;
  }
  
  .brands.s3 {
    margin-top: 108px;
  }
  
  .brands-swiper {
    margin-top: 25px;
  }
  
  .brands-swiper .swiper-slide a {
    opacity: 0.2;
  }
  
  .brands-swiper .swiper-slide a:hover {
    opacity: 1;
  }
  
  .testimonials {
    position: relative;
  }
  
  .testimonials .container {
    max-width: 1782px;
  }
  
  .testimonials .testimonials__main {
    background: linear-gradient(
      180deg,
      hsla(0, 0%, 100%, 0.05),
      hsla(0, 0%, 100%, 0) 73.86%
    );
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 26px;
    padding: 98px 15px;
  }
  
  .testimonials.s2 .testimonials__main {
    padding: 78px 15px;
    border: none;
  }
  
  @media only screen and (max-width: 767px) {
    .testimonials.s2 .testimonials__main {
      padding: 50px 15px;
    }
  }
  
  .testimonials.s3 {
    padding: 0 0 141px;
  }
  
  @media only screen and (max-width: 1024px) {
    .testimonials.s3 {
      padding: 0 0 80px;
    }
  }
  
  .testimonials.s3 .testimonials__main {
    padding: 68px 0;
  }
  
  .box-testimonial {
    max-width: 1000px;
    margin: 0 auto;
  }
  
  .box-testimonial img {
    margin-bottom: 25px;
  }
  
  .box-testimonial .text {
    font-weight: 300;
    font-size: 26px;
  }
  
  .box-testimonial .info {
    text-align: center;
    margin-top: 30px;
  }
  
  .box-testimonial .info img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    object-position: right;
    border-radius: 50%;
    margin-bottom: 22px;
  }
  
  .box-testimonial .info .name {
    font-size: 18px;
    margin-bottom: 6px;
  }
  
  .box-testimonial .info p {
    font-weight: 300;
    font-size: 14px;
  }
  
  .testimonials-swiper {
    margin-top: 53px;
  }
  
  .testimonials-swiper.s2 {
    max-width: 1110px;
    padding-top: 77px;
    margin-top: 38px;
  }
  
  .testimonials-swiper.s2 .box-testimonial {
    background: linear-gradient(
      180deg,
      hsla(0, 0%, 100%, 0.05),
      hsla(0, 0%, 100%, 0) 51.68%
    );
    padding: 40px 20px 0;
    border-radius: 20px;
  }
  
  .testimonials-swiper.s2 .box-testimonial .image {
    width: 116px;
    height: 116px;
    border-radius: 50%;
    border: 1px solid hsla(0, 0%, 100%, 0.37);
    padding: 5px;
    margin: -117px auto 0;
  }
  
  .testimonials-swiper.s2 .box-testimonial .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
  }
  
  .testimonials-swiper.s2 .box-testimonial .info {
    margin-top: 22px;
  }
  
  .testimonials-swiper.s2 .box-testimonial .info img {
    width: auto;
    height: auto;
    margin-top: 11px;
    margin-bottom: 11px;
  }
  
  .testimonials-swiper.s2 .box-testimonial .text {
    font-weight: 300;
    font-size: 16px;
  }
  
  .faq {
    position: relative;
    padding: 96px 0 129px;
  }
  
  @media only screen and (max-width: 1024px) {
    .faq {
      padding: 90px 0;
    }
  }
  
  .faq.s2 {
    padding: 22px 0 87px;
  }
  
  .faq.s3 {
    padding: 22px 0 48px;
  }
  
  .faq.s3 .block-text .heading {
    margin-right: -25px;
  }
  
  .faq.s3 .menu-tab {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 30px;
    padding-bottom: 0;
    border: none;
  }
  
  .faq.s3 .menu-tab li {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 10px;
  }
  
  .faq.s3 .menu-tab li:last-child {
    margin-bottom: 0;
  }
  
  .faq.s3 .image {
    -webkit-animation: animate-3 5s linear 0s infinite;
    animation: animate-3 5s linear 0s infinite;
  }
  
  @media only screen and (max-width: 1024px) {
    .faq.s3 .image img {
      width: 100%;
    }
  }
  
  .faq__main {
    margin: 39px auto 0;
    max-width: 1116px;
  }
  
  .faq__main ul {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  
  @media only screen and (max-width: 767px) {
    .faq__main ul {
      flex-wrap: wrap;
    }
  }
  
  .faq__main ul li {
    background: hsla(0, 0%, 100%, 0.1);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 6px;
    padding: 10px 16px;
    margin: 0 5px;
    cursor: pointer;
  }
  
  .faq__main ul li.active {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%),
      hsla(0, 0%, 100%, 0.1);
  }
  
  @media only screen and (max-width: 767px) {
    .faq__main ul li {
      margin-bottom: 10px;
    }
  }
  
  .flat-accordion .flat-toggle {
    background: linear-gradient(
      89.96deg,
      hsla(0, 0%, 100%, 0.05) 0.03%,
      hsla(0, 0%, 100%, 0.008) 49.67%,
      hsla(0, 0%, 100%, 0.05) 99.96%
    );
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 6px;
    padding: 16px 16px 16px 20px;
    margin-bottom: 12px;
    cursor: pointer;
  }
  
  .flat-accordion .flat-toggle .toggle-title {
    text-transform: none;
    position: relative;
  }
  
  .flat-accordion .flat-toggle .toggle-title span {
    margin-right: 29px;
  }
  
  .flat-accordion .flat-toggle .toggle-title span.icon-plus {
    position: absolute;
    right: 0;
    top: 2px;
    margin-right: 0;
  }
  
  @media only screen and (max-width: 767px) {
    .flat-accordion .flat-toggle {
      padding: 16px 30px 16px 20px;
    }
  
    .flat-accordion .flat-toggle .toggle-title span.icon-plus {
      right: -15px;
    }
  }
  
  .flat-accordion .toggle-content {
    display: none;
    margin-top: 15px;
  }
  
  .create {
    padding: 0 0 173px;
  }
  
  @media only screen and (max-width: 1024px) {
    .create {
      padding: 0 0 100px;
    }
  }
  
  .create .container {
    max-width: 1140px;
  }
  
  .couter-list {
    display: flex;
  }
  
  @media only screen and (max-width: 767px) {
    .couter-list {
      flex-wrap: wrap;
    }
  }
  
  .couter-box {
    text-align: center;
    margin-right: 106px;
    position: relative;
  }
  
  .couter-box:after {
    content: "";
    position: absolute;
    top: 35px;
    right: -53px;
    width: 1px;
    height: 80px;
    background: hsla(0, 0%, 100%, 0.15);
  }
  
  .couter-box .icon {
    width: 66px;
    height: 66px;
    border-radius: 60%;
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.5));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
  }
  
  .couter-box .numb {
    margin-bottom: 4px;
  }
  
  .couter-box:last-child {
    margin: 0;
  }
  
  .couter-box:last-child:after {
    display: none;
  }
  
  @media only screen and (max-width: 767px) {
    .couter-box {
      width: 100%;
      margin-right: 0;
      margin-bottom: 30px;
    }
  
    .couter-box:after {
      display: none;
    }
  }
  
  .blog {
    padding: 0 0 100px;
    position: relative;
  }
  
  @media only screen and (max-width: 767px) {
    .blog {
      padding: 0 0 60px;
    }
  }
  
  .blog .block-text .heading {
    margin-bottom: 39px;
  }
  
  .blog.s3 {
    padding: 100px 0 75px;
  }
  
  @media only screen and (max-width: 767px) {
    .blog-box {
      margin-bottom: 50px;
    }
  }
  
  .blog-box .image {
    background: linear-gradient(
      89.96deg,
      hsla(0, 0%, 100%, 0.05) 0.03%,
      hsla(0, 0%, 100%, 0.008) 49.67%,
      hsla(0, 0%, 100%, 0.05) 99.96%
    );
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    padding: 14px;
    position: relative;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    height: 351px;
    border-radius: 20px;
    overflow: hidden;
  }
  
  .blog-box .image:after {
    background: linear-gradient(
      90deg,
      hsla(0, 0%, 100%, 0.13),
      hsla(0, 0%, 100%, 0.13) 77%,
      hsla(0, 0%, 100%, 0.5) 92%,
      hsla(0, 0%, 100%, 0)
    );
    content: "";
    height: 200%;
    left: -210%;
    opacity: 0;
    position: absolute;
    top: -50%;
    transition: all 0.7s ease 0s;
    width: 200%;
  }
  
  .blog-box .image a {
    width: 100%;
    height: 100%;
  }
  
  .blog-box .image a img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
  }
  
  .blog-box .content {
    margin-top: 30px;
  }
  
  .blog-box .content .meta {
    margin-bottom: 8px;
  }
  
  .blog-box .content .meta p {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .blog-box .content .meta p svg {
    margin-right: 10px;
  }
  
  .blog-box .content .title {
    font-size: 18px;
    line-height: 1.4;
  }
  
  .blog-box:hover .image:after {
    left: -30%;
    opacity: 1;
    top: -20%;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-property: left, top, opacity;
    transition-timing-function: linear;
  }
  
  .token {
    position: relative;
    margin-top: -49px;
  }
  
  .token .token__main {
    margin-top: 68px;
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
    border-radius: 16px;
    padding: 31px;
  }
  
  .token-list li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    padding-bottom: 20px;
    margin-bottom: 23px;
  }
  
  .token-list li:last-child {
    border: none;
    margin: 0;
    padding: 0;
  }
  
  .token-list li .name {
    display: flex;
    min-width: 148px;
  }
  
  .token-list li .name svg {
    margin-right: 14px;
  }
  
  .token-list li h6 {
    font-size: 14px;
    text-transform: uppercase;
  }
  
  .page-about .about {
    padding: 106px 0 150px;
  }
  
  .page-about .portfolio {
    padding: 97px 0 41px;
  }
  
  .page-about .team {
    padding: 0 0 140px;
  }
  
  @media only screen and (max-width: 1024px) {
    .page-about .team {
      padding: 0 0 80px;
    }
  }
  
  .page-roadmap .roadmap {
    padding: 106px 0 0;
  }
  
  .page-roadmap .project.s2 {
    padding: 53px 0 49px;
  }
  
  .page-team .team {
    padding: 104px 0 110px;
  }
  
  .touch__main {
    background: #191e4f;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    margin-top: 40px;
  }
  
  .touch__main .info {
    width: 34.3%;
    border-right: 1px solid hsla(0, 0%, 100%, 0.1);
    padding: 43px 30px 0;
    position: relative;
  }
  
  .touch__main .info h5 {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 20px;
  }
  
  .touch__main .info h5:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 1px;
    top: auto;
    bottom: 0;
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
    border-radius: 1.2px;
  }
  
  .touch__main .info .list li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    padding-bottom: 13px;
  }
  
  .touch__main .info .list li svg {
    margin-right: 8px;
  }
  
  .touch__main .info .list li p {
    font-weight: 300;
    font-size: 16px;
  }
  
  .touch__main .info .image {
    margin-left: -30px;
  }
  
  @media only screen and (max-width: 1024px) {
    .touch__main {
      flex-wrap: wrap;
    }
  
    .touch__main .info {
      width: 100%;
    }
  
    .touch__main .form-box {
      width: 100%;
      padding: 60px 15px;
    }
  }
  
  .form-box {
    margin-top: 0;
    width: 65.7%;
    padding: 41px 42px;
    text-align: left;
  }
  
  .form-box .row {
    margin-bottom: 23px;
  }
  
  .form-box .col {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .form-box label {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 7px;
  }
  
  .form-box input.form-control,
  .form-box select,
  .form-box textarea {
    background: linear-gradient(
      89.96deg,
      hsla(0, 0%, 100%, 0.05) 0.03%,
      hsla(0, 0%, 100%, 0.008) 49.67%,
      hsla(0, 0%, 100%, 0.05) 99.96%
    );
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 6px;
    padding: 12px 15px;
    font-weight: 300;
    font-size: 14px;
    font-family: Readex Pro;
    box-shadow: none;
    color: #fff;
    outline: none;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
  }
  
  .form-box input.form-control:focus-visible,
  .form-box select:focus-visible,
  .form-box textarea:focus-visible {
    border-color: #5c27fe;
    border-color: var(--primary-color);
  }
  
  .form-box select option {
    color: #070a29;
  }
  
  .form-box textarea {
    width: 100%;
    border-color: hsla(0, 0%, 100%, 0.1);
    outline: none;
    height: 160px;
  }
  
  .form-box textarea:focus-visible {
    border-color: #5c27fe;
    border-color: var(--primary-color);
  }
  
  .form-box .action-btn {
    margin-top: -7px;
    width: auto;
  }
  
  .form-box .action-btn span {
    padding: 15px 24px;
  }
  
  section.touch {
    padding: 104px 0 98px;
  }
  
  .map__main iframe {
    width: 100%;
    border-radius: 16px;
    height: 545px;
  }
  
  .page-contact .faq {
    padding: 94px 0 48px;
  }
  
  .nft .shape {
    top: 0;
  }
  
  .filter {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }
  
  .filter .widget-search {
    position: relative;
    width: 350px;
    margin-bottom: 10px;
  }
  
  .filter .widget-search input {
    padding: 16px 13px;
    background: hsla(0, 0%, 100%, 0.1);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    color: #fff;
    border-radius: 10px;
    box-shadow: none;
    outline: none;
    border: none;
    width: 100%;
  }
  
  .filter .widget-search .btn-search {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .filter .dropdown {
    position: relative;
    margin-left: 10px;
    width: 180px;
  }
  
  .filter .dropdown a {
    background: hsla(0, 0%, 100%, 0.1);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 10px;
    padding: 15px;
    width: 100%;
    font-family: Readex Pro;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 10px;
  }
  
  .filter .dropdown a:hover {
    color: #fff;
  }
  
  .filter .dropdown ul {
    position: absolute;
    width: 100%;
    background: #070a29;
    padding: 10px 20px;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    transition: all 0.3s ease;
  }
  
  .filter .dropdown ul.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  
  .filter .dropdown ul li {
    padding: 5px 0;
  }
  
  @media only screen and (max-width: 767px) {
    .filter {
      flex-wrap: wrap;
    }
  }
  
  .nft {
    padding: 106px 0;
  }
  
  .nft .container {
    max-width: 1324px;
  }
  
  .nft-item {
    background: #282b46;
    border-radius: 24px;
    padding: 14px 14px 8px;
    transition: all 0.3s ease-in-out;
    margin-bottom: 30px;
  }
  
  .nft-item .card-media {
    width: 100%;
    height: 272px;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 21px;
  }
  
  .nft-item .card-media a {
    width: 100%;
    height: 100%;
  }
  
  .nft-item .card-media a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
  }
  
  .nft-item .card-title {
    margin-bottom: 18px;
  }
  
  .nft-item .card-title a {
    font-size: 18px;
  }
  
  .nft-item .meta-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
  }
  
  .nft-item .meta-info .author {
    display: flex;
    align-items: center;
  }
  
  .nft-item .meta-info .author .avatar {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 9px;
  }
  
  .nft-item .meta-info .author .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .nft-item .meta-info .author .info span {
    font-weight: 400;
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.3);
    display: block;
  }
  
  .nft-item .meta-info .author .info a {
    font-weight: 600;
    font-size: 14px;
  }
  
  .nft-item .meta-info .wishlist-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    color: #fff;
  }
  
  .nft-item .meta-info .wishlist-button span {
    font-family: Readex Pro;
    font-weight: 300;
    font-size: 12px;
  }
  
  .nft-item .card-bottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    padding-top: 16px;
  }
  
  .nft-item .card-bottom .price {
    display: flex;
    align-items: center;
  }
  
  .nft-item .card-bottom .price span {
    font-size: 20px;
    margin-right: 7px;
  }
  
  .nft-item .card-bottom .price .price-details span {
    font-weight: 400;
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.3);
  }
  
  .nft-item .card-bottom .price .price-details h6 {
    font-size: 14px;
  }
  
  .nft-item .card-bottom .sc-button {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
    border-radius: 8px;
    padding: 8px 20px;
    color: #fff;
    position: relative;
    overflow: hidden;
  }
  
  .nft-item .card-bottom .sc-button:after {
    background: linear-gradient(
      90deg,
      hsla(0, 0%, 100%, 0.13),
      hsla(0, 0%, 100%, 0.13) 77%,
      hsla(0, 0%, 100%, 0.5) 92%,
      hsla(0, 0%, 100%, 0)
    );
    content: "";
    height: 200%;
    left: -210%;
    opacity: 0;
    position: absolute;
    top: -50%;
    transition: all 0.7s ease 0s;
    width: 200%;
  }
  
  .nft-item .card-bottom .sc-button:hover:after {
    left: -30%;
    opacity: 1;
    top: -20%;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-property: left, top, opacity;
    transition-timing-function: linear;
  }
  
  .nft-item:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  
  .nft-item:hover .card-media a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  
  .widget-search {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  
  .widget-search input {
    padding: 16px 13px;
    background: hsla(0, 0%, 100%, 0.1);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    color: #fff;
    border-radius: 10px;
    box-shadow: none;
    outline: none;
    border: none;
    width: 100%;
  }
  
  .widget-search input::-webkit-input-placeholder {
    color: #fff;
  }
  
  .widget-search input::placeholder {
    color: #fff;
  }
  
  .widget-search .btn-search {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .bloglist {
    padding: 106px 0;
  }
  
  @media only screen and (max-width: 1024px) {
    .bloglist {
      padding: 60px 0;
    }
  }
  
  .bloglist__main {
    display: flex;
  }
  
  .bloglist__main .list {
    width: 75%;
    padding-right: 49px;
  }
  
  .bloglist__main .sidebar {
    width: 25%;
    padding-left: 23px;
    border-left: 1px solid hsla(0, 0%, 100%, 0.1);
  }
  
  .bloglist__main .sidebar .widget-search {
    margin-bottom: 36px;
  }
  
  .bloglist__main .sidebar .widget-sidebar {
    margin-bottom: 34px;
  }
  
  .bloglist__main .sidebar .widget-sidebar .heading {
    font-size: 18px;
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 20px;
  }
  
  .bloglist__main .sidebar .widget-sidebar .heading:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 1px;
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
    border-radius: 1.2px;
  }
  
  .bloglist__main .sidebar .widget-sidebar ul {
    padding-left: 16px;
  }
  
  .bloglist__main .sidebar .widget-sidebar ul li {
    list-style: disc;
    margin-bottom: 10px;
  }
  
  .bloglist__main .sidebar .widget-sidebar ul li:last-child {
    margin-bottom: 0;
  }
  
  .bloglist__main .sidebar .widget-sidebar ul li a {
    font-family: Readex Pro;
    font-weight: 300;
    font-size: 16px;
  }
  
  .bloglist__main .sidebar .widget-sidebar ul li a span {
    color: hsla(0, 0%, 100%, 0.5);
  }
  
  .bloglist__main .sidebar .widget-sidebar.recent ul {
    padding: 0;
  }
  
  .bloglist__main .sidebar .widget-sidebar.recent ul li {
    display: flex;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    padding-bottom: 19px;
    margin-bottom: 20px;
  }
  
  .bloglist__main .sidebar .widget-sidebar.recent ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
  }
  
  .bloglist__main .sidebar .widget-sidebar.recent ul li .image {
    width: 76px;
    height: 76px;
    min-width: 76px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 14px;
  }
  
  .bloglist__main .sidebar .widget-sidebar.recent ul li .image a {
    width: 100%;
    height: 100%;
  }
  
  .bloglist__main .sidebar .widget-sidebar.recent ul li .image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .bloglist__main .sidebar .widget-sidebar.recent ul li .content .meta {
    margin-bottom: 10px;
  }
  
  .bloglist__main .sidebar .widget-sidebar.recent ul li .content .meta a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  
  .bloglist__main .sidebar .widget-sidebar.recent ul li .content .meta a svg {
    margin-right: 5px;
  }
  
  .bloglist__main .sidebar .widget-sidebar.recent ul li .content .title {
    font-family: Conthrax;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
  }
  
  .bloglist__main .sidebar .widget-sidebar.tag ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
  }
  
  .bloglist__main .sidebar .widget-sidebar.tag ul li {
    list-style: none;
    margin-right: 8px;
  }
  
  .bloglist__main .sidebar .widget-sidebar.tag ul li a {
    background: hsla(0, 0%, 100%, 0.1);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 6px;
    padding: 10px 16px;
    font-family: Readex Pro;
    font-weight: 300;
    font-size: 14px;
  }
  
  .bloglist__main .sidebar .widget-sidebar.tag ul li a:hover {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
    color: #fff;
  }
  
  @media only screen and (max-width: 1200px) {
    .bloglist__main {
      flex-wrap: wrap;
    }
  
    .bloglist__main .list {
      width: 100%;
      padding-right: 0;
    }
  
    .bloglist__main .sidebar {
      width: 100%;
      margin-top: 60px;
      padding-left: 0;
      border: none;
    }
  }
  
  .blog-box-2 {
    display: flex;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  
  .blog-box-2 .image {
    background: linear-gradient(
      89.95deg,
      hsla(0, 0%, 100%, 0.05) -2.98%,
      hsla(0, 0%, 100%, 0.008) 49.65%,
      hsla(0, 0%, 100%, 0.05) 102.98%
    );
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 26px;
    overflow: hidden;
    padding: 10px;
    height: 240px;
    width: 350px;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
  }
  
  .blog-box-2 .image a {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 26px;
  }
  
  .blog-box-2 .image a img {
    width: 100%;
    height: 100%;
    border-radius: 26px;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
  }
  
  .blog-box-2 .content {
    width: calc(100% - 350px);
    padding-left: 30px;
  }
  
  .blog-box-2 .content .meta {
    margin-bottom: 8px;
  }
  
  .blog-box-2 .content .meta p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: hsla(0, 0%, 100%, 0.5);
  }
  
  .blog-box-2 .content .meta p svg {
    margin-right: 10px;
  }
  
  .blog-box-2 .content .title {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 20px;
  }
  
  @media only screen and (max-width: 767px) {
    .blog-box-2 {
      flex-wrap: wrap;
    }
  
    .blog-box-2 .image {
      width: 100%;
    }
  
    .blog-box-2 .content {
      width: 100%;
      padding-top: 30px;
      padding-left: 0;
    }
  }
  
  .blog-box-2:hover .image a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  
  .create,
  .partner {
    position: relative;
  }
  
  .partner {
    padding: 106px 0 11px;
  }
  
  .partner .block-text .heading {
    margin-bottom: 60px;
  }
  
  .partner .brands-swiper {
    margin-top: 50px;
  }
  
  .page-advisor .team.s2 {
    padding: 107px 0 69px;
  }
  
  .page-advisor .team.s2 .team-box .content .name {
    margin-bottom: 0;
  }
  
  .page-advisor .partner {
    padding: 3px 0 11px;
  }
  
  .page-advisor .faq {
    padding: 96px 0 89px;
  }
  
  .pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  
  .pagination ul li {
    margin: 0 5px;
  }
  
  .pagination ul li a {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: hsla(0, 0%, 100%, 0.1);
    font-weight: 600;
    font-size: 20px;
    color: #fff;
  }
  
  .pagination ul li a:hover {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
  }
  
  .list.details .title {
    margin-bottom: 17px;
  }
  
  .list.details p svg {
    margin-right: 7px;
  }
  
  .line {
    width: 100%;
    height: 1px;
    background: hsla(0, 0%, 100%, 0.1);
    margin: 23px 0;
  }
  
  .content-d {
    display: flex;
    margin-top: 40px;
  }
  
  .content-d .list-social {
    margin-top: 0;
    margin-right: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  
  .content-d .list-social li {
    margin: 0 0 10px;
  }
  
  .content-d .main p.boild {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 26px;
  }
  
  .content-d .main .image {
    width: 100%;
    margin-bottom: 27px;
  }
  
  .content-d .main .image img {
    width: 100%;
    height: 403px;
    object-fit: cover;
    margin-bottom: 14px;
  }
  
  .content-d .main .image p {
    font-size: 12px;
    font-weight: 400;
    color: hsla(0, 0%, 100%, 0.5);
  }
  
  .content-d .main p {
    font-weight: 300;
    font-size: 16px;
  }
  
  .content-d .main .bottom {
    display: flex;
    align-items: center;
    margin-top: 33px;
  }
  
  .content-d .main .bottom p {
    font-size: 12px;
    margin-right: 12px;
  }
  
  .content-d .main .bottom .list-tag {
    display: flex;
  }
  
  .content-d .main .bottom .list-tag li {
    margin-right: 4px;
  }
  
  .content-d .main .bottom .list-tag li a {
    padding: 6px 8px;
    background: hsla(0, 0%, 100%, 0.1);
    color: #fff;
    border-radius: 6px;
    font-family: Readex Pro;
    font-weight: 400;
    font-size: 12px;
  }
  
  .content-d .main .bottom .list-tag li a:hover {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
  }
  
  .bottom {
    margin-top: 40px;
  }
  
  .bottom .recent {
    display: flex;
    justify-content: space-between;
    margin: 0 -10px;
  }
  
  .bottom .recent .ac {
    display: flex;
    align-items: center;
    background: url(../media/recent.6bef35a5.html) no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    margin: 0 10px;
    padding: 15px 10px 15px 17px;
    position: relative;
  }
  
  .bottom .recent .ac:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
  }
  
  .bottom .recent .ac svg {
    margin-right: 10px;
    position: relative;
    z-index: 1;
  }
  
  .bottom .recent .ac.next {
    flex-direction: row-reverse;
    padding: 15px 14px 15px 10px;
    background: url(../media/recent-2.68b9834b.html) no-repeat;
  }
  
  .bottom .recent .ac.next svg {
    margin-right: 0;
    margin-left: 22px;
  }
  
  .bottom .recent .ac.next .meta a svg {
    margin-left: 0;
  }
  
  .bottom .recent .ac div {
    position: relative;
    z-index: 1;
  }
  
  .bottom .recent .ac div .meta {
    margin-bottom: 6px;
  }
  
  .bottom .recent .ac div .meta a {
    font-family: Readex Pro;
    font-weight: 300;
    font-size: 14px;
  }
  
  .bottom .recent .ac div .meta a svg {
    margin-right: 5px;
  }
  
  .bottom .recent .ac div .title {
    font-size: 14px;
    margin-bottom: 0;
  }
  
  .bottom .comment {
    margin-top: 44px;
  }
  
  .bottom .comment h5 {
    margin-bottom: 26px;
  }
  
  .bottom .form-box {
    width: 100%;
    padding: 0;
    margin-top: 41px;
  }
  
  .comment-box {
    display: flex;
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    padding-top: 20px;
    margin-top: 19px;
  }
  
  .comment-box.s1 {
    border: none;
    padding: 0;
    margin: 0;
  }
  
  .comment-box.rep {
    margin-left: 65px;
  }
  
  .comment-box .avt {
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 14px;
  }
  
  .comment-box .avt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .comment-box .info .name {
    margin-bottom: 5px;
  }
  
  .comment-box .info .meta,
  .comment-box .info .text {
    margin-bottom: 13px;
  }
  
  .comment-box .info a {
    font-family: Readex Pro;
    font-weight: 700;
    font-size: 14px;
  }
  
  .page-details .footer .footer__bottom {
    padding: 22px 0;
  }
  
  .page-visions .about {
    padding: 80px 0 216px;
    overflow: hidden;
  }
  
  .page-visions .about .block-text {
    padding: 96px 0 43px;
  }
  
  .page-visions .about .block-text:last-child {
    padding: 0;
  }
  
  .page-visions .about .about__right {
    margin-left: 117px;
  }
  
  .page-visions .about .about__right .images:after {
    right: 8px;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  
  .page-visions .about .about__right .images .img2 {
    top: 147px;
    left: auto;
    right: -87px;
    z-index: 3;
  }
  
  .page-visions .about .about__right .images .img3 {
    left: auto;
    right: -95px;
    bottom: -117px;
  }
  
  .page-visions .about .about__right .images .img4 {
    bottom: -89px;
    left: 197px;
  }
  
  .page-visions .about .about__right .images .img5 {
    right: auto;
    left: -87px;
    bottom: -69px;
  }
  
  .page-visions .faq {
    padding: 96px 0 91px;
  }
  
  .page-help .faq {
    padding: 105px 0 102px;
  }
  
  @media only screen and (max-width: 1024px) {
    .page-help .faq {
      padding: 60px 0;
    }
  }
  
  .page-help .faq .widget-search {
    max-width: 540px;
    margin: 25px auto 30px;
  }
  
  .page-help .faq .faq__main {
    margin-top: 61px;
  }
  
  .page-help .faq .faq__main .action-btn span {
    padding: 14px 28px;
  }
  
  .watch-video {
    padding: 0 0 100px;
    position: relative;
  }
  
  .watch-video__main {
    background: linear-gradient(
      89.96deg,
      hsla(0, 0%, 100%, 0.05) 0.03%,
      hsla(0, 0%, 100%, 0.008) 49.67%,
      hsla(0, 0%, 100%, 0.05) 99.96%
    );
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 26px;
    padding: 16px;
    margin-top: 39px;
  }
  
  .watch-video__main .main {
    background: url(../media/watch.8903228e.html) no-repeat;
    background-position: 50%;
    padding: 30px 15px 0;
    border-radius: 26px;
    text-align: center;
  }
  
  .watch-video__main .main h5 {
    margin-bottom: 33px;
  }
  
  @media only screen and (max-width: 1024px) {
    .watch-video__main .main img {
      width: 100%;
    }
  }
  
  .wrap-video {
    margin-bottom: 27px;
  }
  
  .wrap-video a {
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: pulse-anim2 2s infinite;
    animation: pulse-anim2 2s infinite;
  }
  
  @-webkit-keyframes pulse-anim2 {
    0% {
      box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.4);
    }
  
    to {
      box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0.1);
    }
  }
  
  @keyframes pulse-anim2 {
    0% {
      box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.4);
    }
  
    to {
      box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0.1);
    }
  }
  
  .assets {
    position: relative;
  }
  
  .assets .shape {
    top: -130%;
  }
  
  .assets .container {
    max-width: 1750px;
  }
  
  .assets .block-text {
    padding: 0 400px;
  }
  
  @media only screen and (max-width: 1200px) {
    .assets .block-text {
      padding: 0;
    }
  }
  
  .assets .block-text .heading {
    margin-bottom: 42px;
  }
  
  .assets .assets__main {
    margin-top: 33px;
  }
  
  .assets .assets__main h5 {
    margin-bottom: 30px;
  }
  
  .assets .assets__main img {
    margin-left: -15px;
    width: 100%;
  }
  
  .participants {
    padding: 107px 0 99px;
  }
  
  @media only screen and (max-width: 1024px) {
    .participants {
      padding: 60px 0;
    }
  }
  
  .participants .block-text .heading {
    margin-bottom: 40px;
  }
  
  .participants .par-bot {
    margin-top: 50px;
    padding: 0 100px;
  }
  
  @media only screen and (max-width: 1024px) {
    .participants .par-bot {
      padding: 0;
    }
  }
  
  .participants .par-bot a span {
    padding: 15px 54px;
  }
  
  .popup .modal-content {
    border-radius: 20px !important;
    border: none !important;
    box-shadow: 0 3px 16px rgba(47, 83, 109, 0.12) !important;
    background-color: #070a29;
    width: 100%;
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
  }
  
  .popup .modal-content input {
    background: 0 0;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    color: #fff;
    box-shadow: none;
    outline: none;
  }
  
  .popup .modal-content input:focus {
    border-color: #5c27fe;
    border-color: var(--primary-color);
  }
  
  .popup .modal-body {
    padding: 25px;
  }
  
  .modal-body .price {
    font-weight: 500;
    font-size: 16px;
  }
  
  .modal-body .quantity {
    color: var(--primary-color2);
  }
  
  .modal-body .btn.btn-primary:hover {
    opacity: 0.8;
  }
  
  .modal-content .close {
    overflow: hidden;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    position: absolute;
    right: -15px;
    top: -15px;
    background-color: #070a29;
    border: none;
    outline: none;
    z-index: 10 !important;
    opacity: 1;
    box-shadow: 0 3px 16px rgba(47, 83, 109, 0.12);
  }
  
  .modal-content .close:hover {
    opacity: 1;
  }
  
  .modal-content .close span {
    font-size: 15px;
    color: var(--primary-color2);
  }
  
  .modal-body h4 {
    text-align: center;
    font-size: 30px;
  }
  
  .modal {
    z-index: 999999 !important;
  }
  
  .modal-open .modal {
    overflow: hidden !important;
    padding-right: 0 !important;
  }
  
  .modal-dialog-centered {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    min-height: calc(100% - 1rem);
    max-width: 500px;
    margin: 1.75rem auto;
  }
  
  .modal.fade.popup.show {
    padding-right: 0 !important;
  }
  
  .bannerSwiper {
    position: relative;
  }
  
  .cardSwiper {
    padding: 100px 0;
  }
  
  .cardSwiper .swiper-slide.swiper-slide-prev {
    -webkit-transform: translateY(-10px) rotate(20deg) !important;
    transform: translateY(-10px) rotate(20deg) !important;
  }
  
  .cardSwiper .swiper-slide.swiper-slide-active {
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important;
    z-index: 9 !important;
  }
  
  .cardSwiper .swiper-slide.swiper-slide-next {
    -webkit-transform: translateY(-10px) rotate(-20deg) !important;
    transform: translateY(-10px) rotate(-20deg) !important;
  }
  
  section.banner.s3.s2 .container {
    max-width: 1230px;
  }
  
  section.banner.s3.s2 .container .swiper-button-next,
  section.banner.s3.s2 .container .swiper-button-prev {
    bottom: 8%;
  }
  
  section.banner.s3.s2 .container .swiper-button-next {
    right: 46%;
  }
  
  section.banner.s3.s2 .container .swiper-button-prev {
    left: 46%;
  }
  
  .card-box.s2 {
    width: 533px;
  }
  
  .card-box.s2 .content {
    position: absolute;
    top: 50px;
    left: 40px;
  }
  
  @media only screen and (max-width: 767px) {
    .card-box.s2 {
      width: auto;
    }
  }
  
  .card-box.s2 .image {
    height: 612px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 17px;
  }
  
  .card-box.s2 .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
  }
  
  @media only screen and (max-width: 767px) {
    .card-box.s2 .image {
      height: 300px;
    }
  }
  
  .banner.s4 .swiper-button-next,
  .banner.s4 .swiper-button-prev {
    bottom: 0;
    z-index: 9999;
  }
  
  .cardSwiper2 {
    padding-bottom: 100px;
  }
  
  .banner.s4 .swiper-button-prev {
    left: 22%;
  }
  
  .banner.s4 .swiper-button-next {
    right: 61%;
  }
  
  .banner.s4 .swiper-pagination {
    bottom: 20px;
    left: 60px;
  }
  
  @media only screen and (max-width: 1024px) {
    .banner.s4 .swiper-pagination {
      left: 0;
    }
  }
  
  .banner.s4 .swiper-pagination .swiper-pagination-bullet {
    width: 70px;
    height: 6px;
    border-radius: 100px;
    background: hsla(0, 0%, 100%, 0.1);
  }
  
  .banner.s4
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
  }
  
  .bannerSwiper3 {
    padding-top: 100px;
  }
  
  @media only screen and (max-width: 1024px) {
    .bannerSwiper3 {
      padding-top: 0;
    }
  }
  
  .banner.s3 .right-c .swiper-button-prev {
    bottom: 49%;
    left: 49%;
  }
  
  .banner.s3 .right-c .swiper-button-next {
    bottom: 57%;
    right: auto;
    left: 49%;
  }
  
  .right-c {
    padding-left: 200px;
    overflow: hidden;
  }
  
  @media only screen and (max-width: 1024px) {
    .right-c {
      padding-left: 0;
    }
  }
  
  .container-fluid.s4 {
    max-width: 1750px;
  }
  
  .cardSwiper4 {
    padding: 100px 0 0;
  }
  
  .banner.s2 .container-fluid.s4 .swiper-button-next,
  .banner.s2 .container-fluid.s4 .swiper-button-prev {
    bottom: 10%;
  }
  
  .banner.s2 .container-fluid.s4 .swiper-button-prev {
    left: 46%;
  }
  
  .banner.s2 .container-fluid.s4 .swiper-button-next {
    right: 46%;
  }
  
  .pd {
    padding: 0 460px;
  }
  
  @media only screen and (max-width: 1400px) {
    .pd {
      padding: 0;
    }
  }
  
  .cardSwiper5 {
    padding: 100px 0;
  }
  
  .cardSwiper5 .swiper-slide .card-box.s2 {
    width: 350px;
    height: 430px;
    padding: 0;
  }
  
  @media only screen and (max-width: 600px) {
    .cardSwiper5 .swiper-slide .card-box.s2 {
      width: 100%;
    }
  }
  
  .cardSwiper5 .swiper-slide .card-box.s2 .image {
    height: 100%;
  }
  
  .cardSwiper5 .swiper-slide .card-box.s2 .content {
    top: 30px;
    left: 30px;
    display: none;
  }
  
  .cardSwiper5 .swiper-slide .card-box.s2 .top {
    position: absolute;
    bottom: 20px;
    left: 20px;
    margin-bottom: 0;
    display: none !important;
  }
  
  .cardSwiper5 .swiper-slide.swiper-slide-active .card-box.s2 .content,
  .cardSwiper5 .swiper-slide.swiper-slide-active .card-box.s2 .top {
    display: block !important;
  }
  
  .preloader {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    transition: all 0.3s ease-in-out;
  }
  
  .clear-loading {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px auto 0 -50px;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .loading-effect-2 {
    width: 100px;
    height: 100px;
  }
  
  .loading-effect-2 > span,
  .loading-effect-2 > span:after,
  .loading-effect-2 > span:before {
    content: "";
    display: block;
    border-radius: 50%;
    border: 2px solid #5c27fe;
    border: 2px solid var(--primary-color);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  .loading-effect-2 > span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-left-color: transparent;
    -webkit-animation: effect-2 2s linear infinite;
    animation: effect-2 2s linear infinite;
  }
  
  .loading-effect-2 > span:before {
    width: 75%;
    height: 75%;
    border-right-color: transparent;
  }
  
  .loading-effect-2 > span:after {
    width: 50%;
    height: 50%;
    border-bottom-color: transparent;
  }
  
  @-webkit-keyframes effect-2 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
    }
  }
  
  @keyframes effect-2 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn);
    }
  }
  
  .page-title {
    position: relative;
    background: url(../media/bg-banner.9a8f0c9c.html) no-repeat;
    padding: 24px 0;
  }
  
  .page-title .shape {
    top: -110%;
    left: -20%;
    width: 800px;
    height: 800px;
  }
  
  .page-title .page-title__body {
    background: linear-gradient(
      89.96deg,
      hsla(0, 0%, 100%, 0.05) 0.03%,
      hsla(0, 0%, 100%, 0.008) 49.67%,
      hsla(0, 0%, 100%, 0.05) 99.96%
    );
    padding: 16px;
  }
  
  .page-title .page-title__body,
  .page-title .page-title__main {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 26px;
  }
  
  .page-title .page-title__main {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%),
      linear-gradient(
        89.96deg,
        hsla(0, 0%, 100%, 0.05) 0.03%,
        hsla(0, 0%, 100%, 0.008) 49.67%,
        hsla(0, 0%, 100%, 0.05) 99.96%
      );
    padding: 30px;
    text-align: center;
  }
  
  .page-title .page-title__main .bottom {
    padding-top: 35px;
    margin-top: 30px;
    position: relative;
  }
  
  .page-title .page-title__main .bottom:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 1px;
    width: 96px;
    background: hsla(0, 0%, 100%, 0.1);
  }
  
  .page-title .page-title__main .bottom p {
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.5);
    margin-bottom: 10px;
  }
  
  .page-title .page-title__main .bottom .list-social {
    margin-top: 0;
  }
  
  .page-title .breacrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
  }
  
  .page-title .breacrumb li {
    margin: 0 16px;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    font-family: Readex Pro;
  }
  
  .page-title .breacrumb li a {
    font-weight: 300;
    font-size: 14px;
    color: #c2c3c5;
    font-family: Readex Pro;
  }
  
  .page-title .breacrumb li a:hover {
    color: #5c27fe;
    color: var(--primary-color);
  }
  
  .action {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
  }
  
  ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
  }
  
  .terms {
    text-align: right;
  }
  
  .css-1pahdxg-control,
  .css-1s2u09g-control {
    line-height: 28px;
    min-height: 46px !important;
    background-color: #6a38fe !important;
    border-radius: 10px !important;
    color: #fff;
    border-color: #6a38fe !important;
  }
  
  .css-1gtu0rj-indicatorContainer,
  .css-1pndypt-Input,
  .css-6j8wv5-Input,
  .css-14el2xx-placeholder,
  .css-qc6sy-singleValue {
    color: #fff !important;
  }
  
  #react-select-selectbox-listbox,
  .css-1ilq67j-MenuList {
    background-color: #6059ae;
  }
  
  #react-select-selectbox-listbox {
    z-index: 2;
  }