/*!
 * Bootstrap Grid v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&family=Open+Sans:wght@400;500;600;700&display=swap");
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); 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(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); }

.row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); }

.col { flex: 1 0 0%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) { .col-sm { flex: 1 0 0%; }
  .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; }
  .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-sm-3 { flex: 0 0 auto; width: 25%; }
  .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-sm-6 { flex: 0 0 auto; width: 50%; }
  .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-sm-9 { flex: 0 0 auto; width: 75%; }
  .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-sm-12 { flex: 0 0 auto; width: 100%; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.33333333%; }
  .offset-sm-2 { margin-left: 16.66666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.33333333%; }
  .offset-sm-5 { margin-left: 41.66666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.33333333%; }
  .offset-sm-8 { margin-left: 66.66666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.33333333%; }
  .offset-sm-11 { margin-left: 91.66666667%; }
  .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; }
  .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; }
  .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; }
  .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; }
  .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; }
  .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; }
  .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; }
  .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; }
  .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; }
  .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; }
  .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; }
  .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } }
@media (min-width: 768px) { .col-md { flex: 1 0 0%; }
  .row-cols-md-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-md-auto { flex: 0 0 auto; width: auto; }
  .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-md-3 { flex: 0 0 auto; width: 25%; }
  .col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-md-6 { flex: 0 0 auto; width: 50%; }
  .col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-md-9 { flex: 0 0 auto; width: 75%; }
  .col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-md-12 { flex: 0 0 auto; width: 100%; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.33333333%; }
  .offset-md-2 { margin-left: 16.66666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.33333333%; }
  .offset-md-5 { margin-left: 41.66666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.33333333%; }
  .offset-md-8 { margin-left: 66.66666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.33333333%; }
  .offset-md-11 { margin-left: 91.66666667%; }
  .g-md-0, .gx-md-0 { --bs-gutter-x: 0; }
  .g-md-0, .gy-md-0 { --bs-gutter-y: 0; }
  .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; }
  .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; }
  .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; }
  .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; }
  .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; }
  .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; }
  .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; }
  .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; }
  .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; }
  .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } }
@media (min-width: 992px) { .col-lg { flex: 1 0 0%; }
  .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; }
  .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-lg-3 { flex: 0 0 auto; width: 25%; }
  .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-lg-6 { flex: 0 0 auto; width: 50%; }
  .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-lg-9 { flex: 0 0 auto; width: 75%; }
  .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-lg-12 { flex: 0 0 auto; width: 100%; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.33333333%; }
  .offset-lg-2 { margin-left: 16.66666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.33333333%; }
  .offset-lg-5 { margin-left: 41.66666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.33333333%; }
  .offset-lg-8 { margin-left: 66.66666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.33333333%; }
  .offset-lg-11 { margin-left: 91.66666667%; }
  .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; }
  .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; }
  .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; }
  .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; }
  .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; }
  .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; }
  .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; }
  .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; }
  .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; }
  .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; }
  .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; }
  .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } }
@media (min-width: 1200px) { .col-xl { flex: 1 0 0%; }
  .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; }
  .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-xl-3 { flex: 0 0 auto; width: 25%; }
  .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-xl-6 { flex: 0 0 auto; width: 50%; }
  .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-xl-9 { flex: 0 0 auto; width: 75%; }
  .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-xl-12 { flex: 0 0 auto; width: 100%; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.33333333%; }
  .offset-xl-2 { margin-left: 16.66666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.33333333%; }
  .offset-xl-5 { margin-left: 41.66666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.33333333%; }
  .offset-xl-8 { margin-left: 66.66666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.33333333%; }
  .offset-xl-11 { margin-left: 91.66666667%; }
  .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; }
  .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; }
  .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; }
  .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; }
  .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; }
  .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; }
  .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; }
  .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; }
  .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; }
  .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; }
  .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; }
  .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } }
@media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; }
  .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-xxl-auto { flex: 0 0 auto; width: auto; }
  .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
  .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
  .col-xxl-3 { flex: 0 0 auto; width: 25%; }
  .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; }
  .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; }
  .col-xxl-6 { flex: 0 0 auto; width: 50%; }
  .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
  .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
  .col-xxl-9 { flex: 0 0 auto; width: 75%; }
  .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
  .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; }
  .col-xxl-12 { flex: 0 0 auto; width: 100%; }
  .offset-xxl-0 { margin-left: 0; }
  .offset-xxl-1 { margin-left: 8.33333333%; }
  .offset-xxl-2 { margin-left: 16.66666667%; }
  .offset-xxl-3 { margin-left: 25%; }
  .offset-xxl-4 { margin-left: 33.33333333%; }
  .offset-xxl-5 { margin-left: 41.66666667%; }
  .offset-xxl-6 { margin-left: 50%; }
  .offset-xxl-7 { margin-left: 58.33333333%; }
  .offset-xxl-8 { margin-left: 66.66666667%; }
  .offset-xxl-9 { margin-left: 75%; }
  .offset-xxl-10 { margin-left: 83.33333333%; }
  .offset-xxl-11 { margin-left: 91.66666667%; }
  .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; }
  .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; }
  .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; }
  .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; }
  .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; }
  .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; }
  .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; }
  .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; }
  .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; }
  .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; }
  .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; }
  .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } }
.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; }

.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; }

.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; }

.my-auto { margin-top: auto !important; margin-bottom: auto !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-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; }

.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; }

.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; }

@media (min-width: 576px) { .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; } }
@media (min-width: 768px) { .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; } }
@media (min-width: 992px) { .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; } }
@media (min-width: 1200px) { .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; } }
@media (min-width: 1400px) { .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; } }
@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; } }
.py-1\/2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

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

.py-3\/2 { padding-top: 1.5rem; padding-bottom: 1.5rem; }

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

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

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

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

.px-1\/2 { padding-left: 0.5rem; padding-right: 0.5rem; }

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

.px-3\/2 { padding-left: 1.5rem; padding-right: 1.5rem; }

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

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

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

.pa-1\/2 { padding: 0.5rem; }

.pa-1 { padding: 1rem; }

.pa-3\/2 { padding: 1.5rem; }

.pa-2 { padding: 2rem; }

.pt-0 { padding-top: 0rem; }

.pt-1 { padding-top: 1rem; }

.pt-2 { padding-top: 2rem; }

.pt-3 { padding-top: 3rem; }

.pl-0 { padding-left: 0; }

.pl-1 { padding-left: 1rem; }

.pl-2 { padding-left: 2rem; }

.pl-4 { padding-left: 4rem; }

.pr-0 { padding-right: 0; }

.pr-1\/2 { padding-right: 0.5rem; }

.pr-1 { padding-right: 1rem; }

.pr-3\/2 { padding-right: 1.5rem; }

.pr-2 { padding-right: 2rem; }

.pr-5\/2 { padding-right: 2.5rem; }

.pr-3 { padding-right: 3rem; }

.pr-4 { padding-right: 4rem; }

.pb-0 { padding-bottom: 0rem; }

.pb-1 { padding-bottom: 1rem; }

.pb-2 { padding-bottom: 2rem; }

.pb-3 { padding-bottom: 3rem; }

.pb-4 { padding-bottom: 4rem; }

.pb-6 { padding-bottom: 6rem; }

.my-0 { margin-top: 0rem; margin-bottom: 0rem; }

.my-1\/2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }

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

.my-3\/2 { margin-top: 1.5rem; margin-bottom: 1.5rem; }

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

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

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

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

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

.mb-1\/2 { margin-bottom: 0.5rem; }

.mb-1 { margin-bottom: 1rem; }

.mb-3\/2 { margin-bottom: 1.5rem; }

.mb-2 { margin-bottom: 2rem; }

.mb-5\/2 { margin-bottom: 2.5rem; }

.mb-3 { margin-bottom: 3rem; }

.mb-4 { margin-bottom: 4rem; }

.mt-1\/2 { margin-top: 0.5rem; }

.mt-1 { margin-top: 1rem; }

.mt-3\/2 { margin-top: 1.5rem; }

.mt-2 { margin-top: 2rem; }

.mt-3 { margin-top: 3rem; }

.mt-4 { margin-top: 4rem; }

.mt-5 { margin-top: 5rem; }

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

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

.ml-1\/2 { margin-left: 0.5rem; }

.ml-1 { margin-left: 1rem; }

.ml-2 { margin-left: 2rem; }

.ml-3 { margin-left: 3rem; }

.ml-4 { margin-left: 4rem; }

.mr-1\/2 { margin-right: 0.5rem; }

.mr-1 { margin-right: 1rem; }

.mr-2 { margin-right: 2rem; }

.mb-05 { margin-bottom: 0.5rem; }

.mb-075 { margin-bottom: 0.75rem; }

.mb-1 { margin-bottom: 1rem; }

@media (min-width: 576px) { .py-sm-1\/2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .py-sm-1 { padding-top: 1rem; padding-bottom: 1rem; }
  .py-sm-3\/2 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .py-sm-2 { padding-top: 2rem; padding-bottom: 2rem; }
  .py-sm-3 { padding-top: 3rem; padding-bottom: 3rem; }
  .py-sm-4 { padding-top: 4rem; padding-bottom: 4rem; }
  .py-sm-5 { padding-top: 5rem; padding-bottom: 5rem; }
  .px-sm-1 { padding-left: 1rem; padding-right: 1rem; }
  .px-sm-2 { padding-left: 2rem; padding-right: 2rem; }
  .pb-sm-1 { padding-bottom: 1rem; }
  .mt-sm-0 { margin-top: 0; }
  .mt-sm-1 { margin-top: 1rem; }
  .mt-sm-2 { margin-top: 2rem; }
  .mt-sm-3 { margin-top: 3rem; }
  .mt-sm-4 { margin-top: 4rem; }
  .mb-sm-0 { margin-bottom: 0; }
  .mb-sm-1 { margin-bottom: 1rem; }
  .mb-sm-2 { margin-bottom: 2rem; }
  .mb-sm-3 { margin-bottom: 3rem; }
  .mb-sm-4 { margin-bottom: 4rem; }
  .pa-sm-1\/2 { padding: 0.5rem; }
  .pa-sm-1 { padding: 1rem; }
  .pa-sm-2 { padding: 2rem; }
  .pa-sm-3 { padding: 3rem; } }
@media (min-width: 768px) { .pr-md-0 { padding-right: 0; }
  .pr-md-1\/2 { padding-right: 0.5rem; }
  .pr-md-1 { padding-right: 1rem; }
  .pr-md-3\/2 { padding-right: 1.5rem; }
  .pr-md-2 { padding-right: 2rem; }
  .pr-md-5\/2 { padding-right: 2.5rem; }
  .pr-md-3 { padding-right: 3rem; }
  .pr-md-4 { padding-right: 4rem; }
  .pl-md-0 { padding-right: 0; }
  .pl-md-1\/2 { padding-left: 0.5rem; }
  .pl-md-1 { padding-left: 1rem; }
  .pl-md-3\/2 { padding-left: 1.5rem; }
  .pl-md-2 { padding-left: 2rem; }
  .pl-md-5\/2 { padding-left: 2.5rem; }
  .pl-md-3 { padding-left: 3rem; }
  .pl-md-4 { padding-left: 4rem; }
  .pt-md-0 { padding-top: 0rem; }
  .pt-md-1\/2 { padding-top: 0.5rem; }
  .pt-md-1 { padding-top: 1rem; }
  .pt-md-3\/2 { padding-top: 1.5rem; }
  .pt-md-2 { padding-top: 2rem; }
  .pt-md-5\/2 { padding-top: 2.5rem; }
  .pt-md-3 { padding-top: 3rem; }
  .pt-md-4 { padding-top: 4rem; }
  .pb-md-0 { padding-bottom: 0; }
  .pb-md-1\/2 { padding-bottom: 0.5rem; }
  .pb-md-1 { padding-bottom: 1rem; }
  .pb-md-3\/2 { padding-bottom: 1.5rem; }
  .pb-md-2 { padding-bottom: 2rem; }
  .pb-md-5\/2 { padding-bottom: 2.5rem; }
  .pb-md-3 { padding-bottom: 3rem; }
  .pb-md-4 { padding-bottom: 4rem; }
  .px-md-0 { padding-right: 0; padding-left: 0; }
  .px-md-1\/2 { padding-right: 0.5rem; padding-left: 0.5rem; }
  .px-md-1 { padding-right: 1rem; padding-left: 1rem; }
  .px-md-3\/2 { padding-right: 1.5rem; padding-left: 1.5rem; }
  .px-md-2 { padding-right: 2rem; padding-left: 2rem; }
  .px-md-5\/2 { padding-right: 2.5rem; padding-left: 2.5rem; }
  .px-md-3 { padding-right: 3rem; padding-left: 3rem; }
  .px-md-4 { padding-right: 4rem; padding-left: 4rem; }
  .mr-md-0 { margin-right: 0; }
  .mr-md-1\/2 { margin-right: 0.5rem; }
  .mr-md-1 { margin-right: 1rem; }
  .mr-md-3\/2 { margin-right: 1.5rem; }
  .mr-md-2 { margin-right: 2rem; }
  .mr-md-5\/2 { margin-right: 2.5rem; }
  .mr-md-3 { margin-right: 3rem; }
  .mr-md-4 { margin-right: 4rem; }
  .ml-md-0 { margin-right: 0; }
  .ml-md-1\/2 { margin-left: 0.5rem; }
  .ml-md-1 { margin-left: 1rem; }
  .ml-md-3\/2 { margin-left: 1.5rem; }
  .ml-md-2 { margin-left: 2rem; }
  .ml-md-5\/2 { margin-left: 2.5rem; }
  .ml-md-3 { margin-left: 3rem; }
  .ml-md-4 { margin-left: 4rem; }
  .mt-md-0 { margin-top: 0rem; }
  .mt-md-1\/2 { margin-top: 0.5rem; }
  .mt-md-1 { margin-top: 1rem; }
  .mt-md-3\/2 { margin-top: 1.5rem; }
  .mt-md-2 { margin-top: 2rem; }
  .mt-md-5\/2 { margin-top: 2.5rem; }
  .mt-md-3 { margin-top: 3rem; }
  .mt-md-4 { margin-top: 4rem; }
  .mb-md-0 { margin-bottom: 0; }
  .mb-md-1\/2 { margin-bottom: 0.5rem; }
  .mb-md-1 { margin-bottom: 1rem; }
  .mb-md-3\/2 { margin-bottom: 1.5rem; }
  .mb-md-2 { margin-bottom: 2rem; }
  .mb-md-5\/2 { margin-bottom: 2.5rem; }
  .mb-md-3 { margin-bottom: 3rem; }
  .mb-md-4 { margin-bottom: 4rem; } }
@media (min-width: 992px) { .pr-lg-0 { padding-right: 0; }
  .pr-lg-1\/2 { padding-right: 0.5rem; }
  .pr-lg-1 { padding-right: 1rem; }
  .pr-lg-3\/2 { padding-right: 1.5rem; }
  .pr-lg-2 { padding-right: 2rem; }
  .pr-lg-5\/2 { padding-right: 2.5rem; }
  .pr-lg-3 { padding-right: 3rem; }
  .pr-lg-4 { padding-right: 4rem; }
  .pl-lg-0 { padding-right: 0; }
  .pl-lg-1\/2 { padding-left: 0.5rem; }
  .pl-lg-1 { padding-left: 1rem; }
  .pl-lg-3\/2 { padding-left: 1.5rem; }
  .pl-lg-2 { padding-left: 2rem; }
  .pl-lg-5\/2 { padding-left: 2.5rem; }
  .pl-lg-3 { padding-left: 3rem; }
  .pl-lg-4 { padding-left: 4rem; }
  .pt-lg-0 { padding-top: 0rem; }
  .pt-lg-1\/2 { padding-top: 0.5rem; }
  .pt-lg-1 { padding-top: 1rem; }
  .pt-lg-3\/2 { padding-top: 1.5rem; }
  .pt-lg-2 { padding-top: 2rem; }
  .pt-lg-5\/2 { padding-top: 2.5rem; }
  .pt-lg-3 { padding-top: 3rem; }
  .pt-lg-4 { padding-top: 4rem; }
  .pb-lg-0 { padding-bottom: 0; }
  .pb-lg-1\/2 { padding-bottom: 0.5rem; }
  .pb-lg-1 { padding-bottom: 1rem; }
  .pb-lg-3\/2 { padding-bottom: 1.5rem; }
  .pb-lg-2 { padding-bottom: 2rem; }
  .pb-lg-5\/2 { padding-bottom: 2.5rem; }
  .pb-lg-3 { padding-bottom: 3rem; }
  .pb-lg-4 { padding-bottom: 4rem; }
  .px-lg-0 { padding-right: 0; padding-left: 0; }
  .px-lg-1\/2 { padding-right: 0.5rem; padding-left: 0.5rem; }
  .px-lg-1 { padding-right: 1rem; padding-left: 1rem; }
  .px-lg-3\/2 { padding-right: 1.5rem; padding-left: 1.5rem; }
  .px-lg-2 { padding-right: 2rem; padding-left: 2rem; }
  .px-lg-5\/2 { padding-right: 2.5rem; padding-left: 2.5rem; }
  .px-lg-3 { padding-right: 3rem; padding-left: 3rem; }
  .px-lg-4 { padding-right: 4rem; padding-left: 4rem; }
  .mr-lg-0 { margin-right: 0; }
  .mr-lg-1\/2 { margin-right: 0.5rem; }
  .mr-lg-1 { margin-right: 1rem; }
  .mr-lg-3\/2 { margin-right: 1.5rem; }
  .mr-lg-2 { margin-right: 2rem; }
  .mr-lg-5\/2 { margin-right: 2.5rem; }
  .mr-lg-3 { margin-right: 3rem; }
  .mr-lg-4 { margin-right: 4rem; }
  .ml-lg-0 { margin-right: 0; }
  .ml-lg-1\/2 { margin-left: 0.5rem; }
  .ml-lg-1 { margin-left: 1rem; }
  .ml-lg-3\/2 { margin-left: 1.5rem; }
  .ml-lg-2 { margin-left: 2rem; }
  .ml-lg-5\/2 { margin-left: 2.5rem; }
  .ml-lg-3 { margin-left: 3rem; }
  .ml-lg-4 { margin-left: 4rem; }
  .mt-lg-0 { margin-top: 0rem; }
  .mt-lg-1\/2 { margin-top: 0.5rem; }
  .mt-lg-1 { margin-top: 1rem; }
  .mt-lg-3\/2 { margin-top: 1.5rem; }
  .mt-lg-2 { margin-top: 2rem; }
  .mt-lg-5\/2 { margin-top: 2.5rem; }
  .mt-lg-3 { margin-top: 3rem; }
  .mt-lg-4 { margin-top: 4rem; }
  .mb-lg-0 { margin-bottom: 0; }
  .mb-lg-1\/2 { margin-bottom: 0.5rem; }
  .mb-lg-1 { margin-bottom: 1rem; }
  .mb-lg-3\/2 { margin-bottom: 1.5rem; }
  .mb-lg-2 { margin-bottom: 2rem; }
  .mb-lg-5\/2 { margin-bottom: 2.5rem; }
  .mb-lg-3 { margin-bottom: 3rem; }
  .mb-lg-4 { margin-bottom: 4rem; } }
@media (min-width: 1200px) { .pr-xl-0 { padding-right: 0; }
  .pr-xl-1\/2 { padding-right: 0.5rem; }
  .pr-xl-1 { padding-right: 1rem; }
  .pr-xl-3\/2 { padding-right: 1.5rem; }
  .pr-xl-2 { padding-right: 2rem; }
  .pr-xl-5\/2 { padding-right: 2.5rem; }
  .pr-xl-3 { padding-right: 3rem; }
  .pr-xl-4 { padding-right: 4rem; }
  .pl-xl-0 { padding-right: 0; }
  .pl-xl-1\/2 { padding-left: 0.5rem; }
  .pl-xl-1 { padding-left: 1rem; }
  .pl-xl-3\/2 { padding-left: 1.5rem; }
  .pl-xl-2 { padding-left: 2rem; }
  .pl-xl-5\/2 { padding-left: 2.5rem; }
  .pl-xl-3 { padding-left: 3rem; }
  .pl-xl-4 { padding-left: 4rem; }
  .pt-xl-0 { padding-top: 0rem; }
  .pt-xl-1\/2 { padding-top: 0.5rem; }
  .pt-xl-1 { padding-top: 1rem; }
  .pt-xl-3\/2 { padding-top: 1.5rem; }
  .pt-xl-2 { padding-top: 2rem; }
  .pt-xl-5\/2 { padding-top: 2.5rem; }
  .pt-xl-3 { padding-top: 3rem; }
  .pt-xl-4 { padding-top: 4rem; }
  .pb-xl-0 { padding-bottom: 0; }
  .pb-xl-1\/2 { padding-bottom: 0.5rem; }
  .pb-xl-1 { padding-bottom: 1rem; }
  .pb-xl-3\/2 { padding-bottom: 1.5rem; }
  .pb-xl-2 { padding-bottom: 2rem; }
  .pb-xl-5\/2 { padding-bottom: 2.5rem; }
  .pb-xl-3 { padding-bottom: 3rem; }
  .pb-xl-4 { padding-bottom: 4rem; }
  .px-xl-0 { padding-right: 0; padding-left: 0; }
  .px-xl-1\/2 { padding-right: 0.5rem; padding-left: 0.5rem; }
  .px-xl-1 { padding-right: 1rem; padding-left: 1rem; }
  .px-xl-3\/2 { padding-right: 1.5rem; padding-left: 1.5rem; }
  .px-xl-2 { padding-right: 2rem; padding-left: 2rem; }
  .px-xl-5\/2 { padding-right: 2.5rem; padding-left: 2.5rem; }
  .px-xl-3 { padding-right: 3rem; padding-left: 3rem; }
  .px-xl-4 { padding-right: 4rem; padding-left: 4rem; }
  .mr-xl-0 { margin-right: 0; }
  .mr-xl-1\/2 { margin-right: 0.5rem; }
  .mr-xl-1 { margin-right: 1rem; }
  .mr-xl-3\/2 { margin-right: 1.5rem; }
  .mr-xl-2 { margin-right: 2rem; }
  .mr-xl-5\/2 { margin-right: 2.5rem; }
  .mr-xl-3 { margin-right: 3rem; }
  .mr-xl-4 { margin-right: 4rem; }
  .ml-xl-0 { margin-right: 0; }
  .ml-xl-1\/2 { margin-left: 0.5rem; }
  .ml-xl-1 { margin-left: 1rem; }
  .ml-xl-3\/2 { margin-left: 1.5rem; }
  .ml-xl-2 { margin-left: 2rem; }
  .ml-xl-5\/2 { margin-left: 2.5rem; }
  .ml-xl-3 { margin-left: 3rem; }
  .ml-xl-4 { margin-left: 4rem; }
  .mt-xl-0 { margin-top: 0rem; }
  .mt-xl-1\/2 { margin-top: 0.5rem; }
  .mt-xl-1 { margin-top: 1rem; }
  .mt-xl-3\/2 { margin-top: 1.5rem; }
  .mt-xl-2 { margin-top: 2rem; }
  .mt-xl-5\/2 { margin-top: 2.5rem; }
  .mt-xl-3 { margin-top: 3rem; }
  .mt-xl-4 { margin-top: 4rem; }
  .mb-xl-0 { margin-bottom: 0; }
  .mb-xl-1\/2 { margin-bottom: 0.5rem; }
  .mb-xl-1 { margin-bottom: 1rem; }
  .mb-xl-3\/2 { margin-bottom: 1.5rem; }
  .mb-xl-2 { margin-bottom: 2rem; }
  .mb-xl-5\/2 { margin-bottom: 2.5rem; }
  .mb-xl-3 { margin-bottom: 3rem; }
  .mb-xl-4 { margin-bottom: 4rem; } }
.flex { display: flex; }

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

.flex-1 { flex: 1; }

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

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

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

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

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

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

.gap-1 { gap: 1rem; }

.gap-2 { gap: 2rem; }

.col-gap-1\/2 { column-gap: 0.5rem; }

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

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

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

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

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

.items-top { align-items: start; }

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

.items-bottom { align-items: end; }

.content-left { justify-content: left; }

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

.content-right { justify-content: right; }

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

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

.order-1 { order: 1; }

@media (min-width: 576px) { .content-sm-center { justify-content: center; }
  .content-sm-left { justify-content: left; }
  .content-sm-right { justify-content: right; }
  .col-gap-sm-1\/2 { column-gap: 0.5rem; }
  .gap-sm-1 { gap: 1rem; }
  .gap-sm-2 { gap: 2rem; }
  .flex-sm-grow-1 { flex-grow: 1; }
  .order-sm-initial { order: initial; }
  .direction-sm-column { flex-direction: column; }
  .direction-sm-row { flex-direction: row; } }
@media (min-width: 768px) { .col-gap-md-5\/4 { column-gap: 1.125rem; }
  .row-md-reverse { flex-direction: row-reverse; }
  .content-md-left { justify-content: left; }
  .content-md-center { justify-content: center; }
  .content-md-right { justify-content: right; }
  .content-md-space-around { justify-content: space-around; }
  .direction-md-column { flex-direction: column; }
  .direction-md-row { flex-direction: row; } }
@media (min-width: 992px) { .col-gap-lg-5\/4 { column-gap: 1.125rem; }
  .row-lg-reverse { flex-direction: row-reverse; }
  .content-lg-left { justify-content: left; }
  .content-lg-center { justify-content: center; }
  .content-lg-right { justify-content: right; }
  .direction-lg-column { flex-direction: column; }
  .direction-lg-row { flex-direction: row; } }
@media (min-width: 1200px) { .col-gap-xl-5\/4 { column-gap: 1.125rem; }
  .row-xl-reverse { flex-direction: row-reverse; }
  .content-xl-left { justify-content: left; }
  .content-xl-center { justify-content: center; }
  .content-xl-right { justify-content: right; }
  .direction-xl-column { flex-direction: column; }
  .direction-xl-row { flex-direction: row; } }
.inline { display: inline; }

.inline-flex { display: inline-flex; }

.inline-block { display: inline-block; }

.left-0 { left: 0; }

.right-0 { right: 0; }

.top-0 { top: 0; }

.bottom-0 { bottom: 0; }

.bottom-1 { bottom: 1rem; }

.relative { position: relative; }

.absolute { position: absolute; }

.fixed { position: fixed; }

.-inset-0, .inset-0 { bottom: 0; left: 0; right: 0; top: 0; }

.inset-x-0 { left: 0; right: 0; }

@media (min-width: 576px) { .sm-relative { position: relative; }
  .sm-absolute { position: absolute; } }
.space-y-sm { margin-top: 2rem; margin-bottom: 2rem; }
.space-y-md { margin-top: 4rem; margin-bottom: 4rem; }
.space-y-lg { margin-top: 6rem; margin-bottom: 6rem; }

.padded-y-sm { padding-top: 2rem; padding-bottom: 2rem; }
.padded-y-md { padding-top: 4rem; padding-bottom: 4rem; }
.padded-y-lg { padding-top: 6rem; padding-bottom: 6rem; }

.spaced-section { margin-top: 3rem; margin-bottom: 3rem; }

@media (min-width: 768px) { .space-y-sm { margin-top: 3rem; margin-bottom: 3rem; }
  .space-y-md { margin-top: 6rem; margin-bottom: 6rem; }
  .space-y-lg { margin-top: 8rem; margin-bottom: 8rem; } }
.custom-y-margin { margin-top: var(--margin-top); margin-bottom: var(--margin-bottom); }

.custom-y-padding { padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); }

.h-100 { height: 100%; }

.w-100 { width: 100%; }

.w-50 { width: 50%; }

@media (min-width: 576px) { .w-sm-100 { width: 100%; } }
@media (min-width: 768px) { .w-md-100 { width: 100%; }
  .w-md-auto { width: auto; } }
.noscroll { overflow: hidden; }

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

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

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

.overflow-hidden { overflow: hidden; }

.overflow-auto { overflow: auto; }

.sbar-hidden::-webkit-scrollbar { width: 0; background: transparent; }

/** Swiper 8.0.7 Most modern mobile touch slider and framework with hardware accelerated transitions https://swiperjs.com  Copyright 2014-2022 Vladimir Kharlampidi  Released under the MIT License  Released on: March 4, 2022 */
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }
:root { --swiper-theme-color: #000000; }

.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }

.swiper-vertical > .swiper-wrapper { flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }

.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); }

.swiper-pointer-events { touch-action: pan-y; }

.swiper-pointer-events.swiper-vertical { touch-action: pan-x; }

.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }

.swiper-slide-invisible-blank { visibility: hidden; }

.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }

.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }

.swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; }

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; }

.swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; }

.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; }

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }

.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; }

.swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); }

:root { --swiper-navigation-size: 44px; }

.swiper-button-next, .swiper-button-prev { --swiper-navigation-color: #ffffff; --swiper-navigation-background: #303030; position: absolute; top: 50%; width: var(--swiper-navigation-size); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 4; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); background: var(--swiper-navigation-background); border-radius: 50%; }

.swiper-button-next svg, .swiper-button-prev svg { width: 10px; height: 10px; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }

.swiper-button-prev, .swiper-rtl .swiper-button-next { left: -60px; right: auto; transition: left 0.3s ease-in-out; }

.swiper-initialized:hover .swiper-button-prev, .swiper-initialized:hover .swiper-rtl .swiper-button-next { left: 10px; right: auto; }

.swiper-button-next, .swiper-rtl .swiper-button-prev { right: -60px; left: auto; transition: right 0.3s ease-in-out; }

.swiper-initialized:hover .swiper-button-next, .swiper-initialized:hover .swiper-rtl .swiper-button-prev { right: 10px; left: auto; }

.swiper-button-lock { display: none; }

.swiper-pagination { text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }

.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet:only-child { display: none !important; }

.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); }

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { width: 8px; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { white-space: nowrap; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; }

.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-lock { display: none; }

.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; }

.swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; }

.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }

@keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } }
.swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; }

.swiper-grid > .swiper-wrapper { flex-wrap: wrap; }

.swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; }

.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; }

.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; }

.swiper-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-cube { overflow: visible; }

.swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; }

.swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); }

.swiper-flip { overflow: visible; }

.swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; }

.swiper-cards { overflow: visible; }

.swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }

:root { --font-base-size: 16; font-size: calc(var(--font-base-size,16) * 1px); --color-text-primary: #4f4f4f; --color-text-secondary: #505050; --color-primary-button-text: #ffffff; --color-primary-button-background: #54BAB9; --color-accent: #54BAB9; --color-btn-primary-text: #ffffff; --color-btn-primary-background: #54BAB9; --color-btn-primary-background-hover: #3CACAB; }

/* 1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after { box-sizing: border-box; }

/* 2. Remove default margin
*/
* { margin: 0; }

/* 3. Allow percentage-based heights in the application
*/
html, body { height: 100%; }

/* Typographic tweaks! 4. Add accessible line-height 5. Improve text rendering
*/
body { line-height: 1.5; -webkit-font-smoothing: antialiased; color: var(--color-text-secondary); font-family: 'Nunito Sans', sans-serif; font-weight: 400; }

/* 6. Improve media defaults
*/
img, picture, video, canvas, svg { display: block; max-width: 100%; }

/* 7. Remove built-in form typography styles
*/
input, button, textarea, select { font: inherit; }

/* 8. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }

/* 9. Create a root stacking context
*/
#root, #__next { isolation: isolate; }

.container-fluid { --offset-x: 120px; padding-left: var(--offset-x); padding-right: var(--offset-x); }

@media screen and (max-width: 1023.5px) { .container-fluid { --offset-x: 60px; } }
/* Typography
*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.5; color: var(--color-text-primary); }

h1, h2, h3, .h1, .h2, .h3 { font-weight: 700; }

h4, h5, h6, .h4, .h5, .h6 { font-weight: 600; }

a { color: inherit; text-decoration: none; cursor: pointer; transition: transform 0.3s ease-in-out; }
a.hover-up:hover { transform: translateY(-2rem); }

p { line-height: 1.8; }

ul { list-style-type: none; }

.small-text { font-size: 0.8rem; }

.text-center { text-align: center; }
.text-center img { display: inline-block; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.uppercase { text-transform: uppercase; }

@media (min-width: 1200px) { .w-50-desktop { width: 50%; }
  .d-w-50 { width: 50%; }
  .d-w-60 { width: 60%; }
  .d-w-40 { width: 40%; }
  .d-padl-4 { padding-left: 4rem; }
  .d-pl-2 { padding-left: 2rem; }
  .d-pr-2 { padding-left: 2rem; }
  .d-padt-4 { padding-top: 4rem; } }
@media (max-width: 1023px) { .m-text-center { text-align: center; }
  .m-text-center img { display: inline-block; } }
@media (min-width: 768px) { h1, .h1 { font-size: 2.25rem; }
  h2, .h2 { font-size: 2rem; }
  h3, .h3 { font-size: 1.75rem; }
  h4, .h4 { font-size: 1.5rem; }
  h5, .h5 { font-size: 1.25rem; }
  h6, .h6 { font-size: 1.125rem; }
  p { margin-bottom: 0.5rem; }
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; } }
@media (min-width: 992px) { .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; } }
@media (min-width: 320px) and (max-width: 767.5px) { h1, .h1 { font-size: 2rem; }
  h2, .h2 { font-size: 1.875rem; }
  h3, .h3 { font-size: 1.5rem; }
  h4, .h4 { font-size: 1.25rem; }
  h5, .h5 { font-size: 1.125rem; }
  h6, .h6 { font-size: 1rem; }
  h1, h2, h3, h4, h5, h6 { line-height: 1.3; }
  .container-fluid { --offset-x: 20px; } }
.text-xs { font-size: 0.75rem; /* 12px */ }

.text-sm { font-size: 0.875rem; /* 14px */ }

.text-base { font-size: 1rem; /* 16px */ }

.text-lg { font-size: 1.125rem; /* 18px */ }

.text-xl { font-size: 1.25rem; /* 20px */ }

.text-2xl { font-size: 1.5rem; /* 24px */ }

.text-3xl { font-size: 1.875rem; /* 30px */ }

.text-4xl { font-size: 2.25rem; /* 36px */ }

.text-5xl { font-size: 3rem; /* 48px */ }

.text-6xl { font-size: 3.75rem; /* 60px */ }

.text-7xl { font-size: 4.5rem; /* 72px */ }

.text-8xl { font-size: 6rem; /* 96px */ }

.text-9xl { font-size: 8rem; /* 128px */ }

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

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

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

.text-color-white { color: #ffffff; }

.w-100 { width: 100%; }

.w-50 { width: 50%; }

.w-2-3 { width: calc((2/3)*100 * 1%); }

.w-1-3 { width: calc((1/3)*100 * 1%); }

.w-max-xs { max-width: 20rem; /* 320px */ }

.w-max-sm { max-width: 24rem; /* 384px */ }

.w-max-md { max-width: 28rem; /* 448px */ }

.w-max-lg { max-width: 32rem; /* 512px */ }

.w-max-13 { max-width: 13rem; }

.w-max-18 { max-width: 18rem; }

.h-100 { height: 100%; }

@media (max-width: 1023px) { .m-w-100 { width: 100%; } }
.pa-2 { padding: 2rem; }

.pt-4 { padding-top: 4rem; }

.pl-2 { padding-left: 2rem; }

.pl-4 { padding-left: 4rem; }

.pr-4 { padding-right: 4rem; }

@media (max-width: 1023px) { .m-pt-4 { padding-top: 4rem; }
  .m-pl-0 { padding-left: 0; } }
.mt-1 { margin-top: 1rem; }

.mt-2 { margin-top: 2rem; }

.mt-4 { margin-top: 4rem; }

.mb-1 { margin-bottom: 1rem; }

.mb-2 { margin-bottom: 2rem; }

.mb-4 { margin-bottom: 4rem; }

.mb-6 { margin-bottom: 6rem; }

.inline-block { display: inline-block; }

.absolute { position: absolute; }

.relative { position: relative; }

.overflow-hidden { overflow: hidden; }

@media (min-width: 1024px) { .mobile-only { display: none; } }
@media (max-width: 1023px) { .desktop-only { display: none; } }
.flex { display: flex; }

.flex-center-middle { justify-content: center; align-items: center; }

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

.content-left { justify-content: left; }

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

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

.row-gap-6 { row-gap: 6rem; }

.gap-3 { gap: 3rem; }

.basis-1\/2 { flex-basis: 50%; }

.basis-1\/3 { flex-basis: 33.333333%; }

.basis-2\/3 { flex-basis: 66.666667%; }

.basis-1\/4 { flex-basis: 25%; }

.g-2 { margin: -2rem -2rem; }
.g-2 > * { padding: 2rem 2rem; }

.inset-0 { inset: 0; }

@media (max-width: 1023px) { .m-align-top { align-items: start; } }
@media (max-width: 767px) { .m-g-1 { margin: -1rem -1rem; }
  .m-g-1 > * { padding: 1rem 1rem; }
  .m-gap-2 { gap: 2rem; }
  .m-basis-1\/2 { flex-basis: 50%; }
  .m-basis-full { flex-basis: 100%; }
  .m-flex-wrap { flex-wrap: wrap; }
  .m-column-reverse { flex-direction: column-reverse; } }
@media (max-width: 575px) { .xs-basis-full { flex-basis: 100%; } }
@media (max-width: 767.5px) { .m-mb-1 { margin-bottom: 1rem; }
  .m-mb-2 { margin-bottom: 2rem; }
  .m-row-gap-2 { row-gap: 2rem; }
  .m-w-100 { width: 100%; }
  .m-pl-0 { padding-left: 0; }
  .m-pr-0 { padding-left: 0; } }
.hidden { display: none; }

.opacity-0 { opacity: 0; }

.visually-hidden { position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); word-wrap: normal !important; }

.header { --offset-x: 48px; }
.header__container { padding: 1rem 0; display: flex; justify-content: space-between; }
.header__right { display: flex; align-items: center; }

nav ul { padding-left: 0; display: flex; gap: 1rem; }
nav li { display: inline-flex; }

@media (max-width: 520px) { .header__container { flex-wrap: wrap; gap: 2rem; justify-content: center; } }
.footer { --color-background: #FFFBF7; background: var(--color-background); padding-top: 2rem; padding-bottom: 2rem; display: flex; justify-content: space-between; }

@media (max-width: 520px) { .footer { flex-wrap: wrap; gap: 1rem; } }
.transition--300 { transition: all 0.3s ease-in-out; }

.sticky { position: sticky; }

.btn { padding: 0.8rem 1.6rem; white-space: nowrap; font-weight: normal; display: inline-block; line-height: 1.3; cursor: pointer; background: none; transition: all 0.3s ease-in-out; border-radius: 0.2rem; }
.btn--transparent { background: transparent; }
.btn-small { padding: 0.2rem 0.8rem; letter-spacing: 0; font-size: 0.8rem; line-height: 1.4rem; }

.btn-text { padding: 0; text-decoration: underline; }

.btn-primary { color: var(--color-btn-primary-text); background: var(--color-btn-primary-background); border: 2px solid var(--color-btn-primary-background); }
.btn-primary:not(:disabled):hover, .btn-primary:not(:disabled):focus { background: var(--color-btn-primary-background-hover); }
.btn-primary:disabled { background: var(--color-primary-btn-background-disabled); cursor: not-allowed; }
.btn-primary:active { background: var(--color-btn-primary-background-hover); }
.btn-primary--outlined { color: var(--color-btn-primary-background); border: 2px solid var(--color-btn-primary-background); background: none; }
.btn-primary--outlined:not(:disabled):hover, .btn-primary--outlined:not(:disabled):focus { background: var(--color-btn-primary-background-hover); color: var(--color-btn-primary-text); border-color: var(--color-btn-primary-background-hover); }

.label-info { background: #2B2F2F; color: #ffffff; padding: 0.5rem 1rem; display: inline-block; border-radius: 2px; }

@media (max-width: 767.5px) { .demo-item { max-width: 15rem; } }
@media (min-width: 768px) { .demo-item { max-width: 30rem; } }
.feature-box { border-radius: 0.5rem; padding: 1rem 2rem; background: #ffffff; width: 10rem; }
.feature-box img { max-width: 5rem; width: 100%; display: inline-block; }

.copied-notif { position: absolute; right: 10%; top: 110%; padding: 0.5rem 1rem; background: #ffffff; box-shadow: 7px 4px 7px -3px rgba(0, 0, 0, 0.15); border-radius: 4px; }

.documentation-page__content { position: relative; display: flex; gap: 5rem; }
.documentation-page aside { flex: 1 0 25%; }
.documentation-page aside .js-toc.sticky { top: 2rem; background: #eeebeb; padding: 1rem 2rem; border-radius: 0.5rem; }
.documentation-page aside a { color: var(--color-text-primary); font-size: 1.1rem; font-weight: 300; }
.documentation-page aside ul { padding-left: 0; }
.documentation-page aside ul ul { padding-left: 1.5rem; margin-top: 0.5rem; }
.documentation-page aside ul ul a { font-size: 1rem; }
.documentation-page aside li { margin-bottom: 0.5rem; }
.documentation-page aside .is-active-li::before { content: "\2022"; color: var(--color-primary-button-background); font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
.documentation-page aside .is-active-link { color: #0B0B0B; }
.documentation-page .page-header { text-align: center; }

.post-content figure { margin: 1rem 0; display: inline-block; }
.post-content figcaption { text-align: center; margin-top: 0.5rem; color: var(--color-text-secondary); }
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .post-content .h1, .post-content .h2, .post-content .h3, .post-content .h4, .post-content .h5, .post-content .h6 { margin: 4rem 0 1rem; }

.page-header { margin: 4rem 0 6rem; gap: 4rem; }
.page-header .post-featured-image img { filter: drop-shadow(0px 4px 10px rgba(90, 90, 90, 0.3)); width: 100%; }
.page-header .post-featured-image { max-height: 30rem; overflow: hidden; }

.theme-page .page-header .post-title { margin-bottom: 0.5rem; }
.theme-page .page-header .post-custom-excerpt { margin-bottom: 1rem; }
.theme-page .page-header__cta a:first-of-type { margin-right: 0.8rem; }
.theme-page .page-header .theme-info { display: flex; width: 100%; flex-wrap: wrap; margin-top: 2rem; }
.theme-page .page-header .theme-info dt, .theme-page .page-header .theme-info dd { flex: 0 0 40%; margin-bottom: 0.8rem; }
.theme-page .post-content { max-width: 50rem; }
.theme-page .theme-highlight-list { padding-left: 0; display: inline-block; width: 40%; }
.theme-page .theme-highlight-list li { margin-bottom: 0.5rem; display: flex; align-items: center; }
.theme-page .theme-highlight-list li::before { content: url("/assets/icons/check.svg"); display: inline-flex; margin-right: 0.2rem; height: 1.2rem; width: 1.2rem; }

.post-content { margin-bottom: 4rem; }

@media (max-width: 720px) { .theme-page .theme-highlight-list { width: 100%; } }
@media (max-width: 1200px) { .page-header { flex-wrap: wrap; gap: 2rem; }
  .documentation-page aside { flex-basis: 100%; }
  .documentation-page__content { flex-wrap: wrap; gap: 2rem; } }
.support { display: flex; gap: 4rem; padding-top: 4rem; padding-bottom: 4rem; }
.support__text, .support iframe { flex: 0 0 50%; }
.support__text { font-size: 1.5rem; padding-top: 5rem; }
.support__text p { line-height: 1.5; }

@media screen and (max-width: 767.5px) { .support { flex-wrap: wrap; }
  .support__text, .support iframe { flex: 0 0 100%; }
  .support__text { font-size: 1rem; padding-top: 0; } }
.image-banner { max-height: 600px; overflow-y: hidden; position: relative; }
.image-banner__content { --color-font: #ffffff; background-color: rgba(238, 238, 238, 0.5); position: absolute; width: 100%; height: 100%; top: 0; color: var(--color-font); display: flex; padding-top: 6rem; }
.image-banner__post-content { flex: 0 0 50%; display: inline-flex; align-items: center; }
.image-banner__post-content-inner { max-width: 30rem; --heading-color: #285557; }
.image-banner__post-content-inner .heading { max-width: 20rem; color: var(--color-text-primary); text-transform: capitalize; margin-bottom: 1rem; }
.image-banner__post-content-inner p { color: var(--color-text-primary); }
.image-banner__featured-theme { flex: 0 0 50%; }
.image-banner__featured-theme img { box-shadow: -4px 0px 8px 3px rgba(90, 90, 90, 0.3); }

@media screen and (max-width: 767.5px) { .image-banner__content { padding-top: 0; }
  .image-banner__post-content { flex-basis: 100%; }
  .image-banner__featured-theme { display: none; } }
.featured-theme { --color-background: #FFFBF7; background: var(--color-background); padding-top: 8rem; padding-bottom: 5rem; }
.featured-theme h2 { margin-bottom: 1rem; }
.featured-theme__content { display: flex; gap: 3rem; align-items: center; }
.featured-theme__text-inner { max-width: 30rem; }
.featured-theme__image, .featured-theme__text { flex: 0 0 50%; }

@media screen and (max-width: 767.5px) { .featured-theme { padding-top: 4rem; padding-bottom: 4rem; }
  .featured-theme__content { flex-wrap: wrap; }
  .featured-theme__image, .featured-theme__text { flex: 0 0 100%; } }
.custom-contact-page .inner { display: flex; }
.custom-contact-page article { flex: 0 0 50%; }
.custom-contact-page article ul { list-style-type: disc; }
.custom-contact-page .article-inner { max-width: 35rem; }
.custom-contact-page iframe { flex: 0 0 50%; margin-top: 4rem; }

@media screen and (max-width: 767.5px) { .custom-contact-page .inner { flex-wrap: wrap; }
  .custom-contact-page article { flex-basis: 100%; }
  .custom-contact-page iframe { flex-basis: 100%; margin-top: 2rem; } }
article.page ul, article.post ul { list-style: disc; padding-left: 1rem; }
article.page ol, article.post ol { padding-left: 1rem; }
article.page li, article.post li { margin-left: 0.8rem; margin-bottom: 0.8rem; }
article.page a, article.post a { color: var(--color-btn-primary-background); }

.splash-page__subheading p { max-width: 30rem; margin: 0 auto; }
.splash-page__header-bg { height: 100%; width: 100%; position: absolute; left: 0; top: 0; }
.splash-page__header-bg img { object-fit: cover; object-position: center center; position: absolute; width: 100%; height: 100%; }
.splash-page__header-overlay { background: #0B0B0B; opacity: 0.56; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.splash-page__header-content { position: relative; z-index: 10; display: flex; justify-content: space-between; padding: 2rem; }
.splash-page__featured-image { flex: 0 0 50%; }
.splash-page__featured-image img { width: 100%; }
.splash-page__theme-title { color: #eaeaea; height: fit-content; margin-bottom: 2rem; }
.splash-page__theme-title h1 { color: #eaeaea; text-align: center; }
.splash-page__theme-info { background: #232323; padding: 1.5rem; border-radius: 2px; transition: right 0.3s cubic-bezier(0.42, 0, 1, 1); height: fit-content; }
.splash-page__theme-info .page-header__cta .btn { margin-right: 0.8rem; }
.splash-page__theme-info .theme-info { margin-top: 2rem; }
.splash-page__theme-info .theme-info > div { display: flex; gap: 1rem; }
.splash-page__theme-info .copy-btn { font-size: 0.8rem; line-height: 0; padding: 0.2rem 0.8rem; background: #4D4D4D; border-radius: 2px; margin-left: 1rem; cursor: pointer; }
.splash-page__theme-info .theme-info-toggle { cursor: pointer; position: absolute; left: -3rem; background: #232323; padding: 1rem; top: 0; display: none; justify-content: center; align-items: center; }
.splash-page__theme-info .theme-info-toggle__icon { color: #ffffff; }
.splash-page__theme-info .theme-info-toggle__icon svg { width: 1.5rem; height: 1.5rem; }
.splash-page__theme-info dt { color: #FFFBF7; flex: 0 0 40%; margin-bottom: 0.8rem; }
.splash-page__theme-info dd { color: #FFFBF7; flex: 1 0 40%; margin-bottom: 0.8rem; }
.splash-page__theme-info.minimize { position: fixed; z-index: 10; top: 1rem; right: 1rem; }
.splash-page__theme-info.minimize .theme-info { display: none; }
.splash-page__theme-info.minimize .theme-info-toggle { display: flex; }
.splash-page__theme-info.minimize.hide { right: -21.6rem; }
.splash-page__theme-info.minimize.hide .theme-info-toggle__icon { transform: rotate(-180deg); }
.splash-page__section { padding: 6rem 5rem; background: var(--background, #ffffff); background-image: var(--background-image); display: flex; flex-wrap: wrap; gap: 4rem; justify-content: center; position: relative; }
.splash-page__section-background { height: 100%; width: 100%; position: absolute; left: 0; top: 0; }
.splash-page__section-background img { object-fit: cover; object-position: center center; position: absolute; width: 100%; height: 100%; }
.splash-page__section-overlay { background: #E4ECE5; opacity: 0.91; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.splash-page__section-content { position: relative; }
.splash-page__section-header { text-align: center; width: 100%; }
.splash-page__section h4 { margin-bottom: 2rem; width: 100%; text-align: center; }
.splash-page__section .media { max-width: var(--width); }
.splash-page__section .media img { width: 100%; }
.splash-page__section .media-container { display: flex; flex-wrap: wrap; justify-content: center; }
.splash-page__demo-password { padding: 2rem; }
.splash-page__demo-password-image { border: 1px solid #dedede; padding: 1rem; }
.splash-page__demo-password-image img { width: 100%; max-width: 25rem; }

.fulia-sp .splash-page__theme-title { color: #232323; }
.fulia-sp .splash-page__theme-title h1 { color: #232323; }
.fulia-sp .splash-page__featured-image img { max-width: 600px; }
.fulia-sp .splash-page__header-bg img { object-position: left top; }

@media (max-width: 767.5px) { .splash-page__header { padding: 1rem; }
  .splash-page__header-content { flex-wrap: wrap; padding: 0; justify-content: center; }
  .splash-page__featured-image { flex: 0 0 100%; margin-bottom: 2rem; }
  .splash-page__featured-image img { width: 100%; }
  .splash-page__theme-title { position: relative; margin-bottom: 2rem; right: 0; }
  .splash-page__theme-info { position: inherit; top: unset; right: unset; }
  .splash-page__theme-info.minimize { right: 0; }
  .splash-page__theme-info.minimize.hide { right: -20.8rem; }
  .splash-page__theme-info .theme-info { display: none; }
  .splash-page__section { padding: 3rem 1rem; }
  .splash-page__section .media { width: 100%; }
  .fulia-sp .splash-page__header-content { flex-direction: column-reverse; padding-top: 4rem; } }
.zora-sp .splash-page__section { gap: unset; }
.zora-sp .splash-page__section-header { max-width: 53rem; }
.zora-sp .splash-page__section-header h3 { font-size: 3rem; font-weight: bold; line-height: 1.3; color: #232323; }
.zora-sp .splash-page__section-header h4 { font-size: 2rem; }
.zora-sp .splash-page__section-header span { color: #64b3cd; }
.zora-sp .splash-page__image-banner { min-height: 810px; }
.zora-sp .splash-page__image-banner-bg img { object-fit: cover; object-position: center center; position: absolute; width: 100%; height: 100%; }
.zora-sp .splash-page__image-banner-content { padding-top: 7rem; color: #232323; }
.zora-sp .splash-page__image-banner-content h2 { font-size: 2.5rem; line-height: 1.3; color: #232323; }
.zora-sp .splash-page__image-banner-content ul { padding-left: 0; }
.zora-sp .splash-page__image-banner-content li { display: inline-block; margin-right: 1rem; padding: 0.5rem 1rem; background: #ffffff; }
.zora-sp .splash-page__demo-password h3 { font-size: 3rem; line-height: 1.3; margin-bottom: 1rem; color: #232323; max-width: 30rem; }
.zora-sp .splash-page__demo-password h3 span { color: #64b3cd; }
.zora-sp .splash-page__header { position: sticky; z-index: 3; width: 100%; top: 0; background-color: #ffffff; padding: 1rem 2rem; }
.zora-sp .splash-page__header > div { flex: 1 1 33.33%; }
.zora-sp .splash-page__navigation { display: flex; align-items: center; height: 100%; column-gap: 2rem; font-size: 1rem; color: #262626; font-weight: bold; letter-spacing: 1px; }
.zora-sp .splash-page__navigation li { text-transform: uppercase; display: inline-block; }
.zora-sp .splash-page__logo img { width: 100px; }
.zora-sp input { background-color: #fff; border: none; color: #6c6c6c; font-size: 14px; border-radius: 5px; padding: 15px 45px 15px 15px; box-shadow: 4px 4px 10px -1px rgba(0, 0, 0, 0.1); width: 100%; }
.zora-sp .btn-copy { cursor: pointer; position: absolute; right: 0; height: 100%; background: none; border: none; padding-right: 1rem; }
.zora-sp .demo-section { padding: 3rem 5rem; }
.zora-sp .demo-section h3 { font-size: 3rem; }
.zora-sp .total-demos { font-size: 6rem; font-weight: bold; color: #CD5888; line-height: 1; }
.zora-sp .total-demos sup { font-size: 3rem; }
.zora-sp .demo-item img { box-shadow: 5px 5px 20px -3px rgba(0, 0, 0, 0.2); }
.zora-sp .demo-item__image:hover .demo-overlay { opacity: 1; }
.zora-sp .demo-overlay { background: rgba(0, 0, 0, 0.5); opacity: 0; }
.zora-sp .feature-box { width: 20rem; }

@media (max-width: 767px) { .zora-sp .demo-section { padding: 3rem 1rem; }
  .zora-sp .demo-item { max-width: unset; } }
.nadine-sp .demo-section { padding: 3rem 5rem; }
.nadine-sp .demo-section h3 { font-size: 3rem; }
.nadine-sp .demo-item img { box-shadow: 5px 5px 20px -3px rgba(0, 0, 0, 0.2); }
.nadine-sp .demo-item__image:hover .demo-overlay { opacity: 1; }
.nadine-sp .demo-overlay { background: rgba(0, 0, 0, 0.5); opacity: 0; }

.ablaze-sp { --heading-color: #443838; }
.ablaze-sp h2 { font-size: 2.5rem; }
.ablaze-sp h3 { font-size: 3rem; }
.ablaze-sp h4 { font-size: 2rem; }
.ablaze-sp .splash-page__section { gap: unset; }
.ablaze-sp .splash-page__section-header { max-width: 53rem; }
.ablaze-sp .splash-page__section-header h3 { font-weight: bold; line-height: 1.3; color: var(--heading-color); }
.ablaze-sp .splash-page__section-header span { color: #BD8A8A; }
.ablaze-sp .splash-page__image-banner { min-height: 810px; }
.ablaze-sp .splash-page__image-banner-bg img { object-fit: cover; object-position: center center; position: absolute; width: 100%; height: 100%; }
.ablaze-sp .splash-page__image-banner-content { padding-top: 4rem; color: #443838; }
.ablaze-sp .splash-page__image-banner-content h2 { line-height: 1.3; color: var(--heading-color); }
.ablaze-sp .splash-page__image-banner-content ul { padding-left: 0; }
.ablaze-sp .splash-page__image-banner-content li { display: inline-block; margin-right: 1rem; padding: 0.5rem 1rem; background: #ffffff; }
.ablaze-sp .splash-page__demo-password h3 { line-height: 1.3; margin-bottom: 1rem; color: var(--heading-color); max-width: 30rem; }
.ablaze-sp .splash-page__demo-password h3 span { color: #BD8A8A; }
.ablaze-sp .splash-page__header { position: sticky; z-index: 3; width: 100%; top: 0; background-color: #ffffff; padding: 1rem 2rem; }
.ablaze-sp .splash-page__header > div { flex: 1 1 33.33%; }
.ablaze-sp .splash-page__logo img { width: 200px; }
.ablaze-sp .btn-primary { --color-btn-primary-text: #ffffff; --color-btn-primary-background: #d68b8b; --color-btn-primary-background-hover: #da9b9b; }
.ablaze-sp input { background-color: #fff; border: none; color: #6c6c6c; font-size: 14px; border-radius: 5px; padding: 15px 45px 15px 15px; box-shadow: 4px 4px 10px -1px rgba(0, 0, 0, 0.1); width: 100%; }
.ablaze-sp .btn-copy { cursor: pointer; position: absolute; right: 0; height: 100%; background: none; border: none; padding-right: 1rem; }
.ablaze-sp .demo-section { padding: 3rem 5rem; }
.ablaze-sp .demo-item img { box-shadow: 5px 5px 20px -3px rgba(0, 0, 0, 0.2); }
.ablaze-sp .demo-item__image:hover .demo-overlay { opacity: 1; }
.ablaze-sp .demo-overlay { background: rgba(0, 0, 0, 0.5); opacity: 0; }

@media (max-width: 767px) { .ablaze-sp .demo-section { padding: 3rem 1rem; }
  .ablaze-sp .demo-item { max-width: unset; }
  .ablaze-sp .demo-item__image img { width: 100%; }
  .ablaze-sp h3 { font-size: 2rem; }
  .ablaze-sp .copied-notif { bottom: 0; right: 0; } }
.sp-template { --heading-color: #272727; --highlight-text-color: #6c5dd0; --image-banner-height: 810px; }
.sp-template h2 { font-size: 2.5rem; }
.sp-template h3 { font-size: 3rem; }
.sp-template h4 { font-size: 2rem; }
.sp-template .highlight-text { background: linear-gradient(0.25turn, #d14fb1, #4ec7fb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sp-template .splash-page__section { gap: unset; }
.sp-template .splash-page__section-header { max-width: 53rem; }
.sp-template .splash-page__section-header h3 { font-weight: bold; line-height: 1.3; }
.sp-template .splash-page__image-banner { min-height: var(--image-banner-height); }
.sp-template .splash-page__image-banner-bg img { object-fit: cover; object-position: center center; position: absolute; width: 100%; height: 100%; }
.sp-template .splash-page__image-banner-content { padding-top: 4rem; color: #443838; }
.sp-template .splash-page__image-banner-content h2 { line-height: 1.3; }
.sp-template .splash-page__demo-password h3 { line-height: 1.3; margin-bottom: 1rem; max-width: 30rem; }
.sp-template .splash-page__demo-password h3 span { color: var(--highlight-text-color); }
.sp-template .splash-page__header { position: sticky; z-index: 3; width: 100%; top: 0; padding: 1rem 2rem; }
.sp-template .splash-page__header > div { flex: 1 1 33.33%; }
.sp-template .splash-page__logo img { width: 200px; }
.sp-template .btn-primary { --color-btn-primary-text: #ffffff; --color-btn-primary-background: #272727; --color-btn-primary-background-hover: #191919; }
.sp-template input { background-color: #fff; border: none; color: #6c6c6c; font-size: 14px; border-radius: 5px; padding: 15px 45px 15px 15px; box-shadow: 4px 4px 10px -1px rgba(0, 0, 0, 0.1); width: 100%; }
.sp-template .btn-copy { cursor: pointer; position: absolute; right: 0; height: 100%; background: none; border: none; padding-right: 1rem; }
.sp-template .demo-section { padding: 3rem 5rem; }
.sp-template .demo-item img { box-shadow: 5px 5px 20px -3px rgba(0, 0, 0, 0.2); }
.sp-template .demo-item__image:hover .demo-overlay { opacity: 1; }
.sp-template .demo-overlay { background: rgba(0, 0, 0, 0.5); opacity: 0; }
.sp-template .feature-swiper { --swiper-item-padding-x: 1rem; }
.sp-template .feature-swiper .swiper-slide { padding: 0 var(--swiper-item-padding-x); }
.sp-template .feature-swiper .swiper-button-next, .sp-template .feature-swiper .swiper-button-prev { --swiper-navigation-background: #ffffff; --swiper-navigation-color: #6c6c6c; }
.sp-template .feature-swiper .swiper-button-next svg, .sp-template .feature-swiper .swiper-button-prev svg { fill: var(--swiper-navigation-color); }
.sp-template .feature-swiper:hover .swiper-button-next, .sp-template .feature-swiper:hover .swiper-rtl .swiper-button-prev { right: 2rem; }
.sp-template .feature-swiper:hover .swiper-button-prev, .sp-template .feature-swiper:hover .swiper-rtl .swiper-button-next { left: 2rem; }
.sp-template .theme-feature { --theme-feature-items-width: 800px; }
.sp-template .theme-feature__items { width: 100%; max-width: var(--theme-feature-items-width); }

.comvort-sp { --color-text-primary: #171717; --highlight-text-color: #bfbfbf; }
.comvort-sp img { width: 100%; }
.comvort-sp .feature-swiper { --swiper-item-padding-x: 1rem; }
.comvort-sp__image-banner h3 { color: #93c7c4; font-size: 2.5rem; }
.comvort-sp__image-banner h5 { color: #f0f0f0; }
.comvort-sp .subheading { font-size: 6rem; font-weight: bold; position: absolute; top: -30%; width: 100%; text-align: center; color: rgba(54, 54, 54, 0.13); }
.comvort-sp .section-bg { position: absolute; z-index: -1; inset: 0; }
.comvort-sp .section-bg img { object-fit: cover; object-position: center center; position: absolute; width: 100%; height: 100%; }
.comvort-sp__footer { --color-btn-primary-background: #93c7c4; --color-btn-primary-background-hover: #93c7c4; }
.comvort-sp__footer h3 { color: #f3f3f3; font-size: 2rem; }
@media (max-width: 767px) { .comvort-sp .demo-section { padding: 3rem 1rem; overflow: hidden; }
  .comvort-sp .demo-item { max-width: unset; } }

.myevent-sp { --color-text-primary: #2b2b2b; --highlight-text-color: #423EBD; --color-btn-primary-background: #423EBD; --color-btn-primary-background-hover:#423EBD; }
.myevent-sp img { width: 100%; }
.myevent-sp .banner-subheading { font-size: 1.6rem; color: #f8f8f8; }
.myevent-sp__body-bg { position: absolute; z-index: -1; inset: 0; }
.myevent-sp__body-bg img { object-fit: cover; object-position: center center; position: absolute; width: 100%; height: 100%; }
.myevent-sp .feature-swiper { --swiper-item-padding-x: 1rem; }
.myevent-sp__image-banner h3 { color: #93c7c4; font-size: 2.5rem; }
.myevent-sp__image-banner h5 { color: #f0f0f0; }
.myevent-sp .subheading { font-size: 6rem; font-weight: bold; position: absolute; top: -30%; width: 100%; text-align: center; color: rgba(66, 62, 189, 0.21); }
.myevent-sp .section-bg { position: absolute; inset: 0; }
.myevent-sp .section-bg img { object-fit: cover; object-position: var(--background-position, center center); position: absolute; width: 100%; height: 100%; }
.myevent-sp .feature-swiper:not(.swiper-initialized) { opacity: 0; }
.myevent-sp .feature-swiper .swiper-button-nav { transition: all 0.4s ease-in-out; }
.myevent-sp .feature-swiper .swiper-button-nav:hover { background: var(--color-btn-primary-background); }
.myevent-sp .feature-swiper .swiper-button-nav:hover svg { fill: #f8f8f8; }
.myevent-sp__footer { --background-position: 100% 75%; }
.myevent-sp__footer h4 { color: #353535; font-weight: normal; line-height: 1.5; font-size: 2rem; }
@media (max-width: 767px) { .myevent-sp .demo-section { padding: 3rem 1rem; overflow: hidden; }
  .myevent-sp .demo-item { max-width: unset; } }

.demo-card { position: relative; padding: 1rem; border-radius: 8px; box-shadow: 0px 4px 12px 2px rgba(218, 218, 218, 0.3); background: #ffffff; transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.demo-card:hover { transform: translateY(-1rem); }
.demo-card__url { position: absolute; inset: 0; z-index: 2; }

.highlight-features { max-width: 1360px; --bs-gutter-x: 2rem; }
.highlight-features .row { --bs-gutter-y: 2rem; --bs-gutter-x: 2rem; }

.feature-card { box-shadow: 0px 4px 12px 2px rgba(218, 218, 218, 0.3); background-color: #ffffff; border-radius: 4px; gap: 0.85rem; }
.feature-card__title { font-size: 1.125rem; font-weight: 600; }
.feature-card__subtext { font-size: 0.875rem; color: #797979; }

.custom-bg { background: var(--background, #ffffff); }

.header-sticky { position: sticky; top: 0; height: 0; z-index: 5; padding-bottom: 60px; }
.header-sticky__container { transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.header-sticky--scroll .header-sticky__container { background: #ffffff; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); }
.header-sticky--show .header-sticky__container { transform: translateY(0); }
.header-sticky--hide .header-sticky__container { transform: translateY(-100%); }

.header-sp__logo { font-size: 2rem; font-weight: 700; }
.header-sp__menu { padding: 0; position: absolute; left: 50%; transform: translateX(-50%); }
.header-sp__menu li { display: inline-block; padding: 0.5rem; font-size: 1rem; font-weight: 600; }

.nadine-sp { --color-text-primary: #000000; color: var(--color-text-primary); font-family: 'Open Sans', sans-serif; --color-accent: #3D99A8; width: 100%; }
.nadine-sp .container { width: 100%; max-width: 1360px; }
.nadine-sp section { width: 100%; }
.nadine-sp .section-heading { color: var(--color-accent); }
.nadine-sp .section-subheading { color: #797979; }
.nadine-sp footer { color: #ffffff; }
.nadine-sp .btn-primary { --color-btn-primary-text: #ffffff; --color-btn-primary-background: #26606A; }
.nadine-sp .theme-banner__headline { color: var(--color-accent); }

.ben-card__desc { color: #B6C5DA; }

.mobile-first-card__image { border-radius: 16px; border: 2px solid #dedede; padding: 0.5rem; background: #dedede; }
.mobile-first-card__image video { border-radius: 8px; }

.footer-copyright { border-top: 1px solid #184B54; color: #7D8CA3; }

.img-password-page { border: 1px solid #C6C6C6; padding: 0.5rem; width: fit-content; border-radius: 8px; }
.img-password-page img { max-width: 15rem; }

.theme-password__input { background-color: #fff; border: none; color: var(--color-text-primary); font-size: 14px; border-radius: 5px; padding: 15px 45px 15px 15px; box-shadow: 4px 4px 10px -1px rgba(0, 0, 0, 0.1); width: 100%; }
.theme-password .btn-copy { cursor: pointer; position: absolute; right: 0; height: 100%; background: none; border: none; padding-right: 1rem; color: var(--color-text-primary); font-weight: 600; }

.melia-sp { --color-text-primary: #016A70; color: var(--color-text-primary); font-family: 'Open Sans', sans-serif; --color-accent: #3D99A8; width: 100%; }
.melia-sp .container { width: 100%; max-width: 1360px; }
.melia-sp section { width: 100%; }
.melia-sp .section-heading { color: #016A70; }
.melia-sp .section-subheading { color: #2F878C; }
.melia-sp .header-sp__menu { color: #016A70; position: unset; transform: unset; }
.melia-sp .feature-card__subtext { color: #2F878C; }
.melia-sp footer { color: #ffffff; }
.melia-sp .btn-primary { --color-btn-primary-text: #ffffff; --color-btn-primary-background: #026a70; --color-btn-primary-background-hover: #64a58a; font-weight: bold; }
.melia-sp .theme-banner__headline { color: #016A70; }

.dazzle-sp { --color-text-primary: #292929; --color-btn-primary-text: #ffffff; --color-btn-primary-background: #242424; --color-btn-primary-background-hover: #0b0b0b; }
.dazzle-sp .container { width: 100%; max-width: 1360px; }
.dazzle-sp .btn-primary { font-weight: bold; padding: 0.8rem 2rem; }
.dazzle-sp .btn-primary--outlined { font-weight: bold; padding: 0.8rem 2rem; }
.dazzle-sp .header-sp__menu { position: unset; transform: unset; color: var(--color-text-primary); text-transform: uppercase; letter-spacing: 1px; }
.dazzle-sp h3 { letter-spacing: 1px; }
.dazzle-sp .feature-card__title { color: #B07A29; }
.dazzle-sp footer { color: #ffffff; }

.cateredbites-sp { --color-text-primary: #292929; --color-btn-primary-text: #ffffff; --color-btn-primary-background: #F96167; --color-btn-primary-background-hover: #F96167; }
.cateredbites-sp .container { width: 100%; max-width: 1360px; }
.cateredbites-sp .btn-primary { font-weight: bold; padding: 0.8rem 2rem; }
.cateredbites-sp .btn-primary--outlined { font-weight: bold; padding: 0.8rem 2rem; }
.cateredbites-sp .header-sp__menu { position: unset; transform: unset; color: var(--color-text-primary); text-transform: uppercase; }
.cateredbites-sp .header-sp__menu a { font-weight: 700; }
.cateredbites-sp .theme-name { font-weight: 700; }
.cateredbites-sp .theme-name h3 { font-size: 40px; }
.cateredbites-sp .theme-name span { font-size: 30px; }
.cateredbites-sp .demo-password { color: #ffffff; font-size: 18px; font-weight: 500; }
.cateredbites-sp .demo-password strong { background-color: #ffffff; padding: 4px 30px; border-radius: 30px; margin: 0 4px; color: #794027; }
.cateredbites-sp footer { color: #ffffff; }
.cateredbites-sp .footer-copyright { border-top: 1px solid #333333; }
@media (min-width: 768px) { .cateredbites-sp .theme-name h3 { font-size: 60px; } }

html:not(.no-js) .fadeIn { opacity: 0; }
html:not(.no-js) .fadeIn.animated { animation: fadeIn 1s ease-in-out 0.2s forwards; }
html:not(.no-js) .slideUp { transform: translateY(2rem); opacity: 0; }
html:not(.no-js) .slideUp.animated { animation: fadeIn 1s ease-in-out 0s forwards, slideUp 1.5s ease-in-out 0.2s forwards; }

@keyframes fadeIn { 60% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes slideUp { 100% { transform: translateY(0); } }
.transition-none { transition-property: none; }

.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }

.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }

.transition-opacity { transition-property: opacity; transition-timing-function: ease-in-out; transition-duration: 500ms; }

.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; }

.kg-width-wide .kg-width-full .kg-gallery-container .kg-gallery-row .kg-gallery-image .kg-bookmark-card .kg-bookmark-container .kg-bookmark-content .kg-bookmark-title .kg-bookmark-description .kg-bookmark-metadata .kg-bookmark-icon .kg-bookmark-author .kg-bookmark-publisher .kg-bookmark-thumbnail { width: unset; }

.kg-bookmark-card { max-width: 25rem; }
.kg-bookmark-card .kg-bookmark-container { display: flex; flex-direction: column-reverse; }
.kg-bookmark-card .kg-bookmark-content { margin-top: 1rem; }
.kg-bookmark-card .kg-bookmark-description, .kg-bookmark-card .kg-bookmark-metadata { display: none; }