@charset "UTF-8";

:root {
  --bs-primary: #ff0000;
  --bs-secondary: #ed1c24;
  --bs-sucess: #5cb85c;
  --bs-gold: yellow;
  --primary: #38b36c;
  --secondary: #ed1c24;
}

/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

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

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

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

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

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

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

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

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

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

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

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

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: right;
}

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

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

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

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

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

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

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

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

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

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

textarea {
  resize: vertical;
}

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

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

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

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

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

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

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

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

output {
  display: inline-block;
}

iframe {
  border: 0;
}

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

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

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

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

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

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: 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.33333333%;
}

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

.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-right: 8.33333333%;
}

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

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

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

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

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

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

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

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

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

.offset-11 {
  margin-right: 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.33333333%;
  }

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

  .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-right: 0;
  }

  .offset-sm-1 {
    margin-right: 8.33333333%;
  }

  .offset-sm-2 {
    margin-right: 16.66666667%;
  }

  .offset-sm-3 {
    margin-right: 25%;
  }

  .offset-sm-4 {
    margin-right: 33.33333333%;
  }

  .offset-sm-5 {
    margin-right: 41.66666667%;
  }

  .offset-sm-6 {
    margin-right: 50%;
  }

  .offset-sm-7 {
    margin-right: 58.33333333%;
  }

  .offset-sm-8 {
    margin-right: 66.66666667%;
  }

  .offset-sm-9 {
    margin-right: 75%;
  }

  .offset-sm-10 {
    margin-right: 83.33333333%;
  }

  .offset-sm-11 {
    margin-right: 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.33333333%;
  }

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

  .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-right: 0;
  }

  .offset-md-1 {
    margin-right: 8.33333333%;
  }

  .offset-md-2 {
    margin-right: 16.66666667%;
  }

  .offset-md-3 {
    margin-right: 25%;
  }

  .offset-md-4 {
    margin-right: 33.33333333%;
  }

  .offset-md-5 {
    margin-right: 41.66666667%;
  }

  .offset-md-6 {
    margin-right: 50%;
  }

  .offset-md-7 {
    margin-right: 58.33333333%;
  }

  .offset-md-8 {
    margin-right: 66.66666667%;
  }

  .offset-md-9 {
    margin-right: 75%;
  }

  .offset-md-10 {
    margin-right: 83.33333333%;
  }

  .offset-md-11 {
    margin-right: 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.33333333%;
  }

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

  .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-right: 0;
  }

  .offset-lg-1 {
    margin-right: 8.33333333%;
  }

  .offset-lg-2 {
    margin-right: 16.66666667%;
  }

  .offset-lg-3 {
    margin-right: 25%;
  }

  .offset-lg-4 {
    margin-right: 33.33333333%;
  }

  .offset-lg-5 {
    margin-right: 41.66666667%;
  }

  .offset-lg-6 {
    margin-right: 50%;
  }

  .offset-lg-7 {
    margin-right: 58.33333333%;
  }

  .offset-lg-8 {
    margin-right: 66.66666667%;
  }

  .offset-lg-9 {
    margin-right: 75%;
  }

  .offset-lg-10 {
    margin-right: 83.33333333%;
  }

  .offset-lg-11 {
    margin-right: 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.33333333%;
  }

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

  .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-right: 0;
  }

  .offset-xl-1 {
    margin-right: 8.33333333%;
  }

  .offset-xl-2 {
    margin-right: 16.66666667%;
  }

  .offset-xl-3 {
    margin-right: 25%;
  }

  .offset-xl-4 {
    margin-right: 33.33333333%;
  }

  .offset-xl-5 {
    margin-right: 41.66666667%;
  }

  .offset-xl-6 {
    margin-right: 50%;
  }

  .offset-xl-7 {
    margin-right: 58.33333333%;
  }

  .offset-xl-8 {
    margin-right: 66.66666667%;
  }

  .offset-xl-9 {
    margin-right: 75%;
  }

  .offset-xl-10 {
    margin-right: 83.33333333%;
  }

  .offset-xl-11 {
    margin-right: 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.33333333%;
  }

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

  .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-right: 0;
  }

  .offset-xxl-1 {
    margin-right: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-right: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-right: 25%;
  }

  .offset-xxl-4 {
    margin-right: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-right: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-right: 50%;
  }

  .offset-xxl-7 {
    margin-right: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-right: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-right: 75%;
  }

  .offset-xxl-10 {
    margin-right: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-right: 91.66666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

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

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-left: 0;
  padding-right: 0;
}

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

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

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

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

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

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

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

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

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

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

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

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

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

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

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 100% 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}

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

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

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

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

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

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

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

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

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

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

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-left: 4.125rem;
  background-position: left 0.75rem center, center left 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

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

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

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

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

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

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

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

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

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

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

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    left: auto;
    right: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    left: 0;
    right: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    left: auto;
    right: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    left: 0;
    right: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    left: auto;
    right: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    left: 0;
    right: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    left: auto;
    right: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    left: 0;
    right: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    left: auto;
    right: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

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

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-left: 0;
  padding-right: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

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

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

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

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

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

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

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

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

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

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

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

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

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

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

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

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

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

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

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

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

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

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

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

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

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-right: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

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

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

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

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

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

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

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

.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}

[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-left: auto;
    margin-right: auto;
  }

  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

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

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

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

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  right: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-right: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

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

.carousel {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

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

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

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

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

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

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

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

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) auto calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(-0.25em, 0, 0));
}

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

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

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

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

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

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

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

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

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

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

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

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

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

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

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

.object-fit-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
     object-fit: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

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

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

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

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

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

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

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

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

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

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

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

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

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

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

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

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

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

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

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

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

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rounded-end-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

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

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

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

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

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

.rounded-end-circle {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

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

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

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

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

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

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

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

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

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

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

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

.rounded-start-0 {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

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

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

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

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

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

.rounded-start-circle {
  border-bottom-right-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

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

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: right !important;
  }

  .float-sm-end {
    float: left !important;
  }

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

  .object-fit-sm-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }

  .object-fit-sm-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }

  .object-fit-sm-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }

  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }

  .object-fit-sm-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .me-sm-0 {
    margin-left: 0 !important;
  }

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

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

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

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

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

  .me-sm-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

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

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

  .ms-sm-0 {
    margin-right: 0 !important;
  }

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

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

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

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

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

  .ms-sm-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-left: 0 !important;
  }

  .pe-sm-1 {
    padding-left: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-left: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-left: 1rem !important;
  }

  .pe-sm-4 {
    padding-left: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-left: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-right: 0 !important;
  }

  .ps-sm-1 {
    padding-right: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-right: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-right: 1rem !important;
  }

  .ps-sm-4 {
    padding-right: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-right: 3rem !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .row-gap-sm-0 {
    row-gap: 0 !important;
  }

  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }

  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }

  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }

  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }

  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }

  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }

  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }

  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }

  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }

  .text-sm-start {
    text-align: right !important;
  }

  .text-sm-end {
    text-align: left !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: right !important;
  }

  .float-md-end {
    float: left !important;
  }

  .float-md-none {
    float: none !important;
  }

  .object-fit-md-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }

  .object-fit-md-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }

  .object-fit-md-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }

  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }

  .object-fit-md-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-inline-grid {
    display: inline-grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-left: 0 !important;
  }

  .me-md-1 {
    margin-left: 0.25rem !important;
  }

  .me-md-2 {
    margin-left: 0.5rem !important;
  }

  .me-md-3 {
    margin-left: 1rem !important;
  }

  .me-md-4 {
    margin-left: 1.5rem !important;
  }

  .me-md-5 {
    margin-left: 3rem !important;
  }

  .me-md-auto {
    margin-left: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-right: 0 !important;
  }

  .ms-md-1 {
    margin-right: 0.25rem !important;
  }

  .ms-md-2 {
    margin-right: 0.5rem !important;
  }

  .ms-md-3 {
    margin-right: 1rem !important;
  }

  .ms-md-4 {
    margin-right: 1.5rem !important;
  }

  .ms-md-5 {
    margin-right: 3rem !important;
  }

  .ms-md-auto {
    margin-right: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-left: 0 !important;
  }

  .pe-md-1 {
    padding-left: 0.25rem !important;
  }

  .pe-md-2 {
    padding-left: 0.5rem !important;
  }

  .pe-md-3 {
    padding-left: 1rem !important;
  }

  .pe-md-4 {
    padding-left: 1.5rem !important;
  }

  .pe-md-5 {
    padding-left: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-right: 0 !important;
  }

  .ps-md-1 {
    padding-right: 0.25rem !important;
  }

  .ps-md-2 {
    padding-right: 0.5rem !important;
  }

  .ps-md-3 {
    padding-right: 1rem !important;
  }

  .ps-md-4 {
    padding-right: 1.5rem !important;
  }

  .ps-md-5 {
    padding-right: 3rem !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .row-gap-md-0 {
    row-gap: 0 !important;
  }

  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }

  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }

  .row-gap-md-3 {
    row-gap: 1rem !important;
  }

  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-md-5 {
    row-gap: 3rem !important;
  }

  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }

  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }

  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }

  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }

  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }

  .text-md-start {
    text-align: right !important;
  }

  .text-md-end {
    text-align: left !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: right !important;
  }

  .float-lg-end {
    float: left !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .object-fit-lg-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }

  .object-fit-lg-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }

  .object-fit-lg-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }

  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }

  .object-fit-lg-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-inline-grid {
    display: inline-grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-left: 0 !important;
  }

  .me-lg-1 {
    margin-left: 0.25rem !important;
  }

  .me-lg-2 {
    margin-left: 0.5rem !important;
  }

  .me-lg-3 {
    margin-left: 1rem !important;
  }

  .me-lg-4 {
    margin-left: 1.5rem !important;
  }

  .me-lg-5 {
    margin-left: 3rem !important;
  }

  .me-lg-auto {
    margin-left: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-right: 0 !important;
  }

  .ms-lg-1 {
    margin-right: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-right: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-right: 1rem !important;
  }

  .ms-lg-4 {
    margin-right: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-right: 3rem !important;
  }

  .ms-lg-auto {
    margin-right: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-left: 0 !important;
  }

  .pe-lg-1 {
    padding-left: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-left: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-left: 1rem !important;
  }

  .pe-lg-4 {
    padding-left: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-left: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-right: 0 !important;
  }

  .ps-lg-1 {
    padding-right: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-right: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-right: 1rem !important;
  }

  .ps-lg-4 {
    padding-right: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-right: 3rem !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .row-gap-lg-0 {
    row-gap: 0 !important;
  }

  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }

  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }

  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }

  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }

  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }

  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }

  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }

  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }

  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }

  .text-lg-start {
    text-align: right !important;
  }

  .text-lg-end {
    text-align: left !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: right !important;
  }

  .float-xl-end {
    float: left !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .object-fit-xl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }

  .object-fit-xl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }

  .object-fit-xl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }

  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }

  .object-fit-xl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-inline-grid {
    display: inline-grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-left: 0 !important;
  }

  .me-xl-1 {
    margin-left: 0.25rem !important;
  }

  .me-xl-2 {
    margin-left: 0.5rem !important;
  }

  .me-xl-3 {
    margin-left: 1rem !important;
  }

  .me-xl-4 {
    margin-left: 1.5rem !important;
  }

  .me-xl-5 {
    margin-left: 3rem !important;
  }

  .me-xl-auto {
    margin-left: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-right: 0 !important;
  }

  .ms-xl-1 {
    margin-right: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-right: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-right: 1rem !important;
  }

  .ms-xl-4 {
    margin-right: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-right: 3rem !important;
  }

  .ms-xl-auto {
    margin-right: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-left: 0 !important;
  }

  .pe-xl-1 {
    padding-left: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-left: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-left: 1rem !important;
  }

  .pe-xl-4 {
    padding-left: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-left: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-right: 0 !important;
  }

  .ps-xl-1 {
    padding-right: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-right: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-right: 1rem !important;
  }

  .ps-xl-4 {
    padding-right: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-right: 3rem !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .row-gap-xl-0 {
    row-gap: 0 !important;
  }

  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }

  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }

  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }

  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }

  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }

  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }

  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }

  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }

  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }

  .text-xl-start {
    text-align: right !important;
  }

  .text-xl-end {
    text-align: left !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: right !important;
  }

  .float-xxl-end {
    float: left !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }

  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }

  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }

  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }

  .object-fit-xxl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-inline-grid {
    display: inline-grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-xxl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-left: 0 !important;
  }

  .me-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-left: 1rem !important;
  }

  .me-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-left: 3rem !important;
  }

  .me-xxl-auto {
    margin-left: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-right: 0 !important;
  }

  .ms-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-right: 1rem !important;
  }

  .ms-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-right: 3rem !important;
  }

  .ms-xxl-auto {
    margin-right: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-xxl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-left: 0 !important;
  }

  .pe-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-left: 1rem !important;
  }

  .pe-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-left: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-right: 0 !important;
  }

  .ps-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-right: 1rem !important;
  }

  .ps-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-right: 3rem !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }

  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }

  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }

  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }

  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }

  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }

  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }

  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }

  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }

  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }

  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }

  .text-xxl-start {
    text-align: right !important;
  }

  .text-xxl-end {
    text-align: left !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-inline-grid {
    display: inline-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;
  }
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/assets/plugins/owl.carousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/*!
 * Font Awesome Free 5.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(/assets/plugins/fontawsome/webfonts/fa-brands-400.eot);src:url(/assets/plugins/fontawsome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/assets/plugins/fontawsome/webfonts/fa-brands-400.woff2) format("woff2"),url(/assets/plugins/fontawsome/webfonts/fa-brands-400.woff) format("woff"),url(/assets/plugins/fontawsome/webfonts/fa-brands-400.ttf) format("truetype"),url(/assets/plugins/fontawsome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(/assets/plugins/fontawsome/webfonts/fa-regular-400.eot);src:url(/assets/plugins/fontawsome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/assets/plugins/fontawsome/webfonts/fa-regular-400.woff2) format("woff2"),url(/assets/plugins/fontawsome/webfonts/fa-regular-400.woff) format("woff"),url(/assets/plugins/fontawsome/webfonts/fa-regular-400.ttf) format("truetype"),url(/assets/plugins/fontawsome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; src: url(/assets/plugins/fontawsome/webfonts/fa-solid-900.eot); src: url(/assets/plugins/fontawsome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/assets/plugins/fontawsome/webfonts/fa-solid-900.woff2) format("woff2"),url(/assets/plugins/fontawsome/webfonts/fa-solid-900.woff) format("woff"),url(/assets/plugins/fontawsome/webfonts/fa-solid-900.ttf) format("truetype"),url(/assets/plugins/fontawsome/webfonts/fa-solid-900.svg#fontawesome) format("svg"); font-display: swap; }.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}

.pdatepicker[data-v-88026878] { position: relative; display: inline-block }
.pdatepicker [data-v-88026878] { -webkit-box-sizing: border-box; box-sizing: border-box }
.pdatepicker input[data-v-88026878] {/* text-align: left; */direction: rtl;width: 270px;background-color: #fff;color: #000;}
.pdatepicker .pdatepicker-dialog[data-v-88026878] {position: absolute;border: 1px solid gray;-webkit-box-shadow: 0 0 2px 0 gray;box-shadow: 0 0 2px 0 gray;background-color: #fafafa;z-index: 100000;width: 272px;font-size: 0;}
.pdatepicker .pdatepicker-dialog span[data-v-88026878] { font-size: 14px }
.pdatepicker .pdatepicker-dialog .pdatepicker-dialog-header[data-v-88026878] { width: 100%; -webkit-box-shadow: 0 0 5px 0 gray; box-shadow: 0 0 5px 0 gray }
    .pdatepicker .pdatepicker-dialog .pdatepicker-dialog-header[data-v-88026878]:after { display: block; content: ""; clear: both }
.pdatepicker .pdatepicker-dialog .endofseason[data-v-88026878], .pdatepicker .pdatepicker-dialog .endofweek[data-v-88026878] { padding: 0; margin: 0; width: 0; height: 0 }
    .pdatepicker .pdatepicker-dialog .endofseason[data-v-88026878]:after, .pdatepicker .pdatepicker-dialog .endofweek[data-v-88026878]:after { display: block; content: ""; clear: both }
.pdatepicker .pdatepicker-dialog .day-view[data-v-88026878] { text-align: center }
.pdatepicker .pdatepicker-dialog .day-view .pdatepicker-dialog-month[data-v-88026878] { width: 100% }
.pdatepicker .pdatepicker-dialog .day-view .pdatepicker-dialog-month div[data-v-88026878] { display: inline-block; text-align: center; padding: 10px 0; cursor: pointer; font-size: 14px }
.pdatepicker .pdatepicker-dialog .day-view .pdatepicker-dialog-month .nextMonth[data-v-88026878] { float: right; width: 10% }
    .pdatepicker .pdatepicker-dialog .day-view .pdatepicker-dialog-month .nextMonth[data-v-88026878]:hover { background-color: hsla(0,0%,78%,.6) }
.pdatepicker .pdatepicker-dialog .day-view .pdatepicker-dialog-month .preMonth[data-v-88026878] { float: right; width: 10% }
    .pdatepicker .pdatepicker-dialog .day-view .pdatepicker-dialog-month .preMonth[data-v-88026878]:hover { background-color: hsla(0,0%,78%,.6) }
.pdatepicker .pdatepicker-dialog .day-view .pdatepicker-dialog-month .monthName[data-v-88026878] { float: right; width: 80% }
    .pdatepicker .pdatepicker-dialog .day-view .pdatepicker-dialog-month .monthName[data-v-88026878]:hover { background-color: hsla(0,0%,78%,.6) }
.pdatepicker .pdatepicker-dialog .day-view .pdatepicker-dialog-week[data-v-88026878] { width: 100% }
.pdatepicker .pdatepicker-dialog .day-view .day-box[data-v-88026878] { width: 38.57143px; height: 38.57143px; line-height: 38.57143px; display: inline-block; text-align: center; border: 1px solid transparent; padding: 0; cursor: pointer; vertical-align: middle; border-radius: 50%; position: relative }
.pdatepicker .pdatepicker-dialog .day-view .day-box .hover-effect[data-v-88026878] { position: absolute; top: 0; right: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out,-webkit-transform .15s ease-out; z-index: 1; -webkit-transform: scale(0); transform: scale(0) }
.pdatepicker .pdatepicker-dialog .day-view .day-box .num[data-v-88026878] { z-index: 2; position: relative }
.pdatepicker .pdatepicker-dialog .day-view .day-box[data-v-88026878]:hover { border: 1px solid transparent }
.pdatepicker .pdatepicker-dialog .day-view .day-box:hover .hover-effect[data-v-88026878] { -webkit-transform: scale(1); transform: scale(1) }
.pdatepicker .pdatepicker-dialog .day-view .day-box.disabled-day[data-v-88026878] { background-color: #e3e3e3; cursor: default }
.pdatepicker .pdatepicker-dialog .day-view .day-box.disabled-day .hover-effect[data-v-88026878] { display: none !important }
.pdatepicker .pdatepicker-dialog .day-view .day-box.chosen-day .hover-effect[data-v-88026878] { -webkit-transform: scale(1) !important; transform: scale(1) !important }
.pdatepicker .pdatepicker-dialog .day-view .day-name[data-v-88026878] { border-bottom: 1px solid gray }
    .pdatepicker .pdatepicker-dialog .day-view .day-name[data-v-88026878]:hover { cursor: default; border-bottom: 1px solid gray }
.pdatepicker .pdatepicker-dialog .day-view .empty-box[data-v-88026878] { cursor: default }
    .pdatepicker .pdatepicker-dialog .day-view .empty-box[data-v-88026878]:hover { border: inherit }
.pdatepicker .pdatepicker-dialog .month-view[data-v-88026878] { text-align: center }
.pdatepicker .pdatepicker-dialog .month-view .pdatepicker-dialog-year[data-v-88026878] { width: 100% }
.pdatepicker .pdatepicker-dialog .month-view .pdatepicker-dialog-year div[data-v-88026878] { display: inline-block; text-align: center; padding: 10px 0; cursor: pointer; font-size: 14px }
.pdatepicker .pdatepicker-dialog .month-view .pdatepicker-dialog-year .nextYear[data-v-88026878], .pdatepicker .pdatepicker-dialog .month-view .pdatepicker-dialog-year .preYear[data-v-88026878] { float: right; width: 10% }
.pdatepicker .pdatepicker-dialog .month-view .pdatepicker-dialog-year .cyear[data-v-88026878] { float: right; width: 80% }
.pdatepicker .pdatepicker-dialog .month-view .month-box[data-v-88026878] { width: 90px; line-height: 38.57143px; display: inline-block; text-align: center; border: 1px solid hsla(0,0%,78%,0); padding: 0 5px; cursor: pointer; font-size: 14px; position: relative }
.pdatepicker .pdatepicker-dialog .month-view .month-box .hover-effect[data-v-88026878] { position: absolute; top: 0; right: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out,-webkit-transform .15s ease-out; -webkit-transform: scale(0); transform: scale(0); z-index: 1 }
.pdatepicker .pdatepicker-dialog .month-view .month-box .num[data-v-88026878] { position: relative; z-index: 2 }
.pdatepicker .pdatepicker-dialog .month-view .month-box[data-v-88026878]:hover { border: 1px solid #c8c8c8 }
.pdatepicker .pdatepicker-dialog .month-view .month-box:hover .hover-effect[data-v-88026878] { -webkit-transform: scale(1); transform: scale(1) }
.pdatepicker .pdatepicker-dialog .month-view .month-box.chosen-month .hover-effect[data-v-88026878] { -webkit-transform: scale(1) !important; transform: scale(1) !important }
.pdatepicker .pdatepicker-dialog .year-view[data-v-88026878] { width: 100%; height: 250px; overflow: scroll; overflow-x: hidden }
.pdatepicker .pdatepicker-dialog .year-view .year-box[data-v-88026878] { display: inline-block; text-align: center; padding: 10px 0; cursor: pointer; font-size: 14px; width: 25%; position: relative; border: 1px solid hsla(0,0%,78%,0) }
.pdatepicker .pdatepicker-dialog .year-view .year-box .hover-effect[data-v-88026878] { position: absolute; top: 0; right: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out,-webkit-transform .15s ease-out; -webkit-transform: scale(0); transform: scale(0); z-index: 1 }
.pdatepicker .pdatepicker-dialog .year-view .year-box .num[data-v-88026878] { position: relative; z-index: 2 }
.pdatepicker .pdatepicker-dialog .year-view .year-box[data-v-88026878]:hover { border: 1px solid #c8c8c8 }
.pdatepicker .pdatepicker-dialog .year-view .year-box:hover .hover-effect[data-v-88026878] { -webkit-transform: scale(1); transform: scale(1) }
.pdatepicker .pdatepicker-dialog .year-view .year-box.chosen-year .hover-effect[data-v-88026878] { -webkit-transform: scale(1) !important; transform: scale(1) !important }
.pdatepicker.inline[data-v-88026878] { display: inline-block }
.pdatepicker.inline .pdatepicker-dialog[data-v-88026878] { position: static }
.modal-overlay[data-v-88026878] { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); z-index: 10000 }
.modal-dialog[data-v-88026878] { position: fixed !important; right: 50%; top: 50%; -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); z-index: 10001; -webkit-box-shadow: 0 0 5px 2px #1a1a1a; box-shadow: 0 0 5px 2px #1a1a1a; -webkit-transition: all .15s ease-out; transition: all .15s ease-out }
.fade-enter-active[data-v-88026878], .fade-leave-active[data-v-88026878] { -webkit-transition: all .3s ease-out; transition: all .3s ease-out }
.fade-enter[data-v-88026878], .fade-leave-to[data-v-88026878] { opacity: 0; position: absolute; top: 0 }
.fade-enter-to[data-v-88026878], .fade-leave[data-v-88026878] { opacity: 1 }
.scale-fade-enter-active[data-v-88026878], .scale-fade-leave-active[data-v-88026878] { -webkit-transition: all .3s ease-out; transition: all .3s ease-out }
.scale-fade-enter[data-v-88026878], .scale-fade-leave-to[data-v-88026878] { -webkit-transform: translate(50%,-50%) scale(.7); transform: translate(50%,-50%) scale(.7); opacity: 0 }
.scale-fade-enter-to[data-v-88026878] { -webkit-transform: translate(50%,-50%) scale(1.05); transform: translate(50%,-50%) scale(1.05); opacity: 1 }
.scale-fade-leave[data-v-88026878] { -webkit-transform: translate(50%,-50%) scale(1.1); transform: translate(50%,-50%) scale(1.1); opacity: 1 }
.slide-fade-enter-active[data-v-88026878], .slide-fade-leave-active[data-v-88026878] { -webkit-transition: all .3s ease-out; transition: all .3s ease-out }
.slide-fade-enter[data-v-88026878], .slide-fade-leave-to[data-v-88026878] { -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0 }
.slide-fade-enter-to[data-v-88026878], .slide-fade-leave[data-v-88026878] { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 }

.vue-range-slider.slider-component {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.vue-range-slider.slider-component .slider {
  position: relative;
  display: block;
  border-radius: 15px;
  background-color: #ccc;
}
.vue-range-slider.slider-component .slider::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.vue-range-slider.slider-component .slider .slider-dot {
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0.5px 0.5px 2px 1px rgba(0,0,0,0.32);
          box-shadow: 0.5px 0.5px 2px 1px rgba(0,0,0,0.32);
  -webkit-transition: all 0s;
  transition: all 0s;
  will-change: transform;
  cursor: pointer;
  z-index: 5;
}
.vue-range-slider.slider-component .slider .slider-dot.slider-dot-focus {
  -webkit-box-shadow: 0 0 2px 1px #3498db;
          box-shadow: 0 0 2px 1px #3498db;
}
.vue-range-slider.slider-component .slider .slider-dot.slider-dot-dragging {
  z-index: 5;
}
.vue-range-slider.slider-component .slider .slider-dot.slider-dot-disabled {
  z-index: 4;
}
.vue-range-slider.slider-component .slider .slider-dot.slider-hover:hover .slider-tooltip-wrap {
  display: block;
}
.vue-range-slider.slider-component .slider .slider-dot.slider-always .slider-tooltip-wrap {
  display: block !important;
}
.vue-range-slider.slider-component .slider .slider-process {
  position: absolute;
  border-radius: 15px;
  background-color: #3498db;
  z-index: 1;
}
.vue-range-slider.slider-component .slider .slider-process.slider-process-draggable {
  cursor: pointer;
  z-index: 3;
}
.vue-range-slider.slider-component .slider .slider-input {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}
.vue-range-slider.slider-component .slider .slider-piecewise {
  position: absolute;
  width: 100%;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  height: 100%;
  list-style: none;
}
.vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item {
  position: absolute;
  width: 8px;
  height: 8px;
}
.vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item:first-child .piecewise-dot,
.vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item:last-child .piecewise-dot {
  visibility: hidden;
}
.vue-range-slider.slider-component .slider .slider-piecewise .piecewise-item .piecewise-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: rgba(0,0,0,0.16);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.vue-range-slider.slider-component.slider-horizontal .slider-dot {
  left: 0;
}
.vue-range-slider.slider-component.slider-horizontal .slider-process {
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  will-change: width;
}
.vue-range-slider.slider-component.slider-vertical .slider-dot {
  bottom: 0;
}
.vue-range-slider.slider-component.slider-vertical .slider-process {
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  will-change: height;
}
.vue-range-slider.slider-component.slider-horizontal-reverse .slider-dot {
  right: 0;
}
.vue-range-slider.slider-component.slider-horizontal-reverse .slider-process {
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
}
.vue-range-slider.slider-component.slider-vertical-reverse .slider-dot {
  top: 0;
}
.vue-range-slider.slider-component.slider-vertical-reverse .slider-process {
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
}
.vue-range-slider.slider-component.slider-horizontal .slider-piecewise .piecewise-item .piecewise-label,
.vue-range-slider.slider-component.slider-horizontal-reverse .slider-piecewise .piecewise-item .piecewise-label {
  position: absolute;
  display: inline-block;
  top: 100%;
  left: 50%;
  white-space: nowrap;
  font-size: 12px;
  color: #333;
  -webkit-transform: translate(-50%, 8px);
          transform: translate(-50%, 8px);
  visibility: visible;
}
.vue-range-slider.slider-component.slider-vertical .slider-piecewise .piecewise-item .piecewise-label,
.vue-range-slider.slider-component.slider-vertical-reverse .slider-piecewise .piecewise-item .piecewise-label {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 100%;
  white-space: nowrap;
  font-size: 12px;
  color: #333;
  -webkit-transform: translate(8px, -50%);
          transform: translate(8px, -50%);
  visibility: visible;
}
.vue-range-slider.slider-component .slider-tooltip-wrap {
  display: none;
  position: absolute;
  z-index: 9;
}
.vue-range-slider.slider-component .slider-tooltip-wrap.merged-tooltip {
  display: block;
  visibility: hidden;
}
.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-top {
  top: -9px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-top .slider-tooltip::before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: inherit;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-bottom {
  bottom: -9px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-bottom .slider-tooltip::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: inherit;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-left {
  top: 50%;
  left: -9px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-left .slider-tooltip::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -10px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: inherit;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-right {
  top: 50%;
  right: -9px;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-right .slider-tooltip::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -10px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: inherit;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.vue-range-slider.slider-component .slider-tooltip-wrap.merged-tooltip {
  display: block;
  visibility: hidden;
}
.vue-range-slider.slider-component .slider-tooltip-wrap .slider-tooltip {
  display: block;
  font-size: 14px;
  white-space: nowrap;
  padding: 2px 5px;
  min-width: 20px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #3498db;
  background-color: #3498db;
}
.vue-range-slider.slider-component.slider-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vue-range-slider.slider-component.slider-disabled .slider-dot {
  cursor: not-allowed;
}
.vue-range-slider.slider-component.slider-has-label {
  margin-bottom: 15px;
}

/*# sourceMappingURL=vue-range-slider.css.map */

fieldset[disabled] .multiselect { pointer-events: none }
.multiselect__spinner { position: absolute; right: 1px; top: 1px; width: 48px; height: 35px; background: #fff; display: block }
    .multiselect__spinner:after, .multiselect__spinner:before { position: absolute; content: ""; top: 50%; left: 50%; margin: -8px 0 0 -8px; width: 16px; height: 16px; border-radius: 100%; border-color: #41b883 transparent transparent; border-style: solid; border-width: 2px; box-shadow: 0 0 0 1px transparent }
    .multiselect__spinner:before { animation: a 2.4s cubic-bezier(.41,.26,.2,.62); animation-iteration-count: infinite }
    .multiselect__spinner:after { animation: a 2.4s cubic-bezier(.51,.09,.21,.8); animation-iteration-count: infinite }
.multiselect__loading-enter-active, .multiselect__loading-leave-active { transition: opacity .4s ease-in-out; opacity: 1 }
.multiselect__loading-enter, .multiselect__loading-leave-active { opacity: 0 }
.multiselect, .multiselect__input, .multiselect__single { font-family: inherit; font-size: 16px; -ms-touch-action: manipulation; touch-action: manipulation }
.multiselect { box-sizing: content-box; display: block; position: relative; width: 100%; min-height: 40px; text-align: left; color: #35495e }
    .multiselect * { box-sizing: border-box }
    .multiselect:focus { outline: none }
.multiselect--disabled { opacity: .6 }
.multiselect--active { z-index: 1 }
    .multiselect--active:not(.multiselect--above) .multiselect__current, .multiselect--active:not(.multiselect--above) .multiselect__input, .multiselect--active:not(.multiselect--above) .multiselect__tags { border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
    .multiselect--active .multiselect__select { transform: rotate(180deg) }
.multiselect--above.multiselect--active .multiselect__current, .multiselect--above.multiselect--active .multiselect__input, .multiselect--above.multiselect--active .multiselect__tags { border-top-left-radius: 0; border-top-right-radius: 0 }
.multiselect__input, .multiselect__single { position: relative; display: inline-block; min-height: 20px; line-height: 20px; border: none; border-radius: 5px; background: #fff; padding: 0 0 0 5px; width: 100%; transition: border .1s ease; box-sizing: border-box; margin-bottom: 8px; vertical-align: top }
    .multiselect__input::-webkit-input-placeholder { color: #35495e }
    .multiselect__input:-ms-input-placeholder { color: #35495e }
    .multiselect__input::placeholder { color: #35495e }
.multiselect__tag ~ .multiselect__input, .multiselect__tag ~ .multiselect__single { width: auto }
.multiselect__input:hover, .multiselect__single:hover { border-color: #cfcfcf }
.multiselect__input:focus, .multiselect__single:focus { border-color: #a8a8a8; outline: none }
.multiselect__single { padding-left: 5px; margin-bottom: 8px }
.multiselect__tags-wrap { display: inline }
.multiselect__tags { min-height: 40px; display: block; padding: 8px 40px 0 8px; border-radius: 5px; border: 1px solid #e8e8e8; background: #fff; font-size: 14px }
.multiselect__tag { position: relative; display: inline-block; padding: 4px 26px 4px 10px; border-radius: 5px; margin-right: 10px; color: #fff; line-height: 1; background: #41b883; margin-bottom: 5px; white-space: nowrap; overflow: hidden; max-width: 100%; text-overflow: ellipsis }
.multiselect__tag-icon { cursor: pointer; margin-left: 7px; position: absolute; right: 0; top: 0; bottom: 0; font-weight: 700; font-style: normal; width: 22px; text-align: center; line-height: 22px; transition: all .2s ease; border-radius: 5px }
    .multiselect__tag-icon:after { content: "\D7"; color: #266d4d; font-size: 14px }
    .multiselect__tag-icon:focus, .multiselect__tag-icon:hover { background: #369a6e }
        .multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after { color: #fff }
.multiselect__current { min-height: 40px; overflow: hidden; padding: 8px 12px 0; padding-right: 30px; white-space: nowrap; border-radius: 5px; border: 1px solid #e8e8e8 }
.multiselect__current, .multiselect__select { line-height: 16px; box-sizing: border-box; display: block; margin: 0; text-decoration: none; cursor: pointer }
.multiselect__select { position: absolute; width: 28px; height: 38px; right: 1px; top: 1px; padding: 4px 8px; text-align: center; transition: transform .2s ease }
    .multiselect__select:before { position: relative; right: 0; top: 65%; color: #999; margin-top: 4px; border-style: solid; border-width: 5px 5px 0; border-color: #999 transparent transparent; content: "" }
.multiselect__placeholder { color: #adadad; display: inline-block; margin-bottom: 10px; padding-top: 2px }
.multiselect--active .multiselect__placeholder { display: none }
.multiselect__content-wrapper { position: absolute; display: block; background: #fff; width: 100%; max-height: 240px; overflow: auto; border: 1px solid #e8e8e8; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 1; -webkit-overflow-scrolling: touch }
.multiselect__content { list-style: none; display: inline-block; padding: 0; margin: 0; min-width: 100%; vertical-align: top }
.multiselect--above .multiselect__content-wrapper { bottom: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: none; border-top: 1px solid #e8e8e8 }
.multiselect__content::webkit-scrollbar { display: none }
.multiselect__element { display: block }
.multiselect__option { text-align:right; display: block; padding: 12px; min-height: 40px; line-height: 16px; text-decoration: none; text-transform: none; vertical-align: middle; position: relative; cursor: pointer; white-space: nowrap }
    .multiselect__option:after { top: 0; left: 0; position: absolute; line-height: 40px; padding-right: 12px; padding-left: 20px; font-size: 13px }
.multiselect__option--highlight { background: #41b883; outline: none; color: #fff }
    .multiselect__option--highlight:after { content: attr(data-select); background: rgba(65, 184, 131,0.5); color: #fff }
.multiselect__option--selected { background: #f3f3f3; color: #35495e; font-weight: 700; text-align: right }
    .multiselect__option--selected:after { content: attr(data-selected); color: silver; text-align: left }
    .multiselect__option--selected.multiselect__option--highlight { }
        .multiselect__option--selected.multiselect__option--highlight:after { content: attr(data-deselect); color: black; left: 0; }
.multiselect--disabled { background: #ededed; pointer-events: none }
    .multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select, .multiselect__option--disabled { background: #ededed; color: #a6a6a6 }
.multiselect__option--disabled { cursor: text; pointer-events: none }
.multiselect__option--group { background: #ededed; color: #35495e }
    .multiselect__option--group.multiselect__option--highlight { background: #35495e; color: #fff }
        .multiselect__option--group.multiselect__option--highlight:after { background: #35495e }
.multiselect__option--disabled.multiselect__option--highlight { background: #dedede }
.multiselect__option--group-selected.multiselect__option--highlight { background: #ff6a6a; color: #fff }
    .multiselect__option--group-selected.multiselect__option--highlight:after { background: #ff6a6a; content: attr(data-deselect); color: #fff }
.multiselect-enter-active, .multiselect-leave-active { transition: all .15s ease }
.multiselect-enter, .multiselect-leave-active { opacity: 0 }
.multiselect__strong { margin-bottom: 8px; line-height: 20px; display: inline-block; vertical-align: top }
[dir=rtl] .multiselect { text-align: right }
[dir=rtl] .multiselect__select { right: auto; left: 1px }
[dir=rtl] .multiselect__tags { padding: 8px 8px 0 40px }
[dir=rtl] .multiselect__content { text-align: right }
[dir=rtl] .multiselect__option:after { right: auto; left: 0 }
[dir=rtl] .multiselect__clear { right: auto; left: 12px }
[dir=rtl] .multiselect__spinner { right: auto; left: 1px }

@keyframes a {
    0% { transform: rotate(0) }
    to { transform: rotate(2turn) }
}



/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}
/*------------------------------ mine*/
.about-title-border {
animation-name: about-title-border;
}
.fixed-border-right {
animation-name: fixed-border-right;
}
.fixed-border-left {
animation-name: fixed-border-left;
}
/*------------------------------ */
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: none;
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: none;
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
    .mfp-preloader a { color: #CCC; }
        .mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
    .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
    .mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .mfp-arrow:active { margin-top: -54px; }
    .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
    .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
    .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
    .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
    .mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
    .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }
    .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
    .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
    .mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /* Remove all paddings around the image on small screen */
    .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
    .mfp-img-mobile img.mfp-img { padding: 0; }
    .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
    .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
    .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
    .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px) {
    .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
    .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
    .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
    .mfp-container { padding-left: 6px; padding-right: 6px; }
}
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

.autocomplete-suggestions {
    text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);

    /* core styles should not be changed */
    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestion { position: relative; padding: 0.4em .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }

/*@import './mixins/clearfix.scss';*/
/*@import '../images/icons/icons.sprite.scss';

@import './config/reset.scss';*/
/*@import '../images/icons/icons.sprite.scss';*/
.base-tab {
  margin-top: 20px;
}
.base-tab .nav-pills .nav-link.active, .base-tab .nav-pills .show > .nav-link {
  background: gray;
}
.base-tab .nav-link {
  color: gray;
}
.base-tab .nav {
  background: #e1e1e1;
  margin-bottom: 15px;
  border-radius: 7px;
}
.base-tab .tab-content {
  background: #fff;
  border-radius: 7px;
  padding: 30px 20px;
  font-size: 0.9rem;
  overflow: auto;
}
.base-tab #pills-comment {
  background: #f7f7f7;
  margin: -30px -20px;
}
.base-tab .comments {
  padding: 20px;
}

.page-banner-container img {
  width: 100%;
}

/*latest-items */
.latest-items {
  padding-top: 15px;
  position: sticky;
  top: 60px;
  background: #ffff;
}
.latest-items .latest-title {
  background-color: var(--bs-primary);
  color: #fff;
  font-size: 1.2rem;
  padding: 5px 15px;
  margin-bottom: 15px;
}
.latest-items > div {
  border: 1px solid #ebebeb;
}
.latest-items .latest-item {
  padding: 10px;
  border-bottom: 1px solid #ebebeb;
  display: inline-block;
  width: 100%;
}
.latest-items .latest-item:last-child {
  border-bottom: none;
}
.latest-items .latest-item h3 {
  font-size: 13px;
  color: #000;
  margin-bottom: 5px;
  vertical-align: top;
  line-height: 23px;
}
.latest-items .latest-item h3 a {
  display: block;
}
.latest-items .latest-item .latest-info {
  font-size: 11px;
  color: #688383;
}
.latest-items .latest-item .latest-info > span {
  margin-left: 20px;
}
.latest-items .latest-item .latest-img {
  float: right;
  margin-left: 10px;
}

#gallery-thumbnails .gallery-item {
  width: 65px;
  margin: 10px 5px;
  display: inline-block;
  position: relative;
}
#gallery-thumbnails .gallery-item.main-photo {
  width: auto;
}
#gallery-thumbnails .gallery-item:hover .play {
  opacity: 1;
}
#gallery-thumbnails .gallery-item .play {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: 0.3s all;
  z-index: 3;
  right: 0;
  left: 0;
}
#gallery-thumbnails .gallery-item .play i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  color: white;
}

/*img-zoom-container */
.img-zoom-container {
  position: relative;
  border-radius: 7px;
  cursor: crosshair;
}
.img-zoom-container > img {
  border-radius: 7px;
}

.img-zoom-lens {
  position: absolute;
  background: rgba(255, 188, 188, 0.68);
  width: 100px;
  height: 100px;
}

.img-zoom-result {
  width: 300px;
  height: 300px;
  position: absolute;
  left: -305px;
  top: 0;
  pointer-events: none;
  border: 1px solid #e1e1e1;
  z-index: 5;
}

/*Allform*/
.form-control {
  border-radius: 5px;
  font-size: 0.85rem;
  height: 40px;
  color: gray;
}

.form-group {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.form-control:hover, .form-control:focus {
  border: 1px solid var(--bs-primary);
  box-shadow: none;
}

textarea.form-control {
  min-height: 110px;
}

.btn-primary {
  background: var(--bs-primary);
  border: 1px solid var(--bs-primary);
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background: #fff !important;
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background: inherit;
  outline: none;
}

.btn {
  text-shadow: none;
}

.form-title {
  text-align: center;
  padding: 0 15px;
  margin-bottom: 30px;
}

.form-title .sec-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.3rem;
  margin-top: 0;
  font-weight: 500;
}

.form-title .sec-des {
  text-align: center;
  font-size: 0.8rem;
}

.disabled {
  background: inherit !important;
  border-color: inherit !important;
  color: inherit !important;
}

@media (max-width: 550px) {
  .detail-page .detail-header .rate {
    float: none;
    margin-top: -5px;
  }
  .detail-page .detail-gallery {
    position: inherit;
    background: none;
  }
}
.bg-background-black {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 4;
}

header {
  background-color: #fff;
  z-index: 5;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  max-width: 1920px;
  margin: 0 auto;
}
header.fixed-header .bottom-header, header .all-stuff-link {
  display: none;
}
header .header-top {
  display: none;
  width: 100%;
  height: 23px;
  background: #d1def0 url("/Images/pattern.png") repeat-x 7px center;
}
header .header-logo {
  position: relative;
  width: 26.83%;
  float: right;
  padding: 10px 0;
  transition: all 0.3s ease;
}
header .header-logo:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 669px;
  height: 90px;
  background-color: #284572;
  clip-path: polygon(0 100%, 100% 100%, 100% 0%, 3.8% 0);
}
header .header-logo > a {
  display: inline-block;
  vertical-align: middle;
}
header .header-logo > a span {
  display: block;
  text-align: center;
  width: 150px;
}
header .header-logo > a span img {
  height: 69px;
}
header .header-logo > a span.logo-text {
  display: none;
  font-family: Rokh-Regular;
  font-size: 1.25rem;
  color: #fcecc6;
  margin-top: 5px;
}
header .social {
  display: inline-block;
  margin: 0 0.5rem 0 0;
  vertical-align: middle;
  direction: ltr;
  height: 30px;
}
header .social > a {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  margin-right: 5px;
  text-align: center;
  line-height: 30px;
}
header .social > a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  background: url(/Images/my-icons.png);
  transition: all 0.3s ease;
}
header .social > a:hover:before {
  transform: rotateY(180deg);
}
header .social > a.instagram:before {
  background-position: 0 0;
}
header .social > a.telegram:before {
  background-position: -36px 0;
}
header .social > a.aparat:before {
  background-position: -71px 0;
}
header .social > a.linkedin:before {
  background-position: -108px 0;
}
header .Lang {
  display: inline-block;
  width: 12%;
  float: left;
  direction: ltr;
  font-size: 1rem;
  font-style: italic;
  font-family: Arial;
  line-height: 47px;
  padding: 21px 0;
  transition: all 0.3s ease;
}
header .Lang a {
  margin-right: 30px;
  color: #1d2733;
}
header .Lang a:hover {
  color: var(--bs-secondary);
}
header .Lang .icon-search {
  position: relative;
  display: inline-block;
  /*float: right;*/
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin: 0;
}
header .Lang .icon-search:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  width: 20px;
  height: 20px;
  background: url("/Images/my-icons.png") -249px 0;
  transform: scale(1) rotateY(0);
  transition: all 0.3s ease;
}
header .Lang .icon-search:after {
  content: "\f067";
  position: absolute;
  left: 0;
  top: 10px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-style: normal;
  color: var(--bs-primary);
  background: unset;
  transform: scale(0) rotate(0);
  transform-origin: center center;
  transition: all 0.3s ease;
}
header .Lang .icon-search.active:before {
  transform: scale(0) rotateY(0);
}
header .Lang .icon-search.active:after {
  transform: scale(1) rotate(45deg);
}
header .nav-toggle-button {
  display: none;
}
header .nav-toggle-button .toggle-button {
  position: absolute;
  left: 0;
  top: 22px;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid #1d2733;
  transition: all 0.3s cubic-bezier(0, 0, 0, 1);
  cursor: pointer;
}
header .nav-toggle-button .toggle-button .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
header .nav-toggle-button .toggle-button .icon .bar {
  display: block;
  height: 2px;
  border-radius: 2px;
  background: #1d2733;
  transition: all 0.2s ease-in-out;
  margin: 4px auto;
}
header .nav-toggle-button .toggle-button .icon .bar.bar.i-1 {
  width: 22px;
}
header .nav-toggle-button .toggle-button .icon .bar.bar.i-2 {
  width: 22px;
}
header .nav-toggle-button .toggle-button .icon .bar.bar.i-3 {
  width: 22px;
}
header .nav-toggle-button.open .icon .bar {
  margin: 6px 0 0 auto;
}
header .nav-toggle-button.open .icon .bar.i-1 {
  transform: translate(0, 4px) rotate(-45deg);
}
header .nav-toggle-button.open .icon .bar.i-2 {
  opacity: 0;
}
header .nav-toggle-button.open .icon .bar.i-3 {
  transform: translate(0, -12px) rotate(45deg);
}
header .menu-nav {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 21px 0;
  transition: all 0.3s ease;
}
header .menu-nav nav {
  display: inline-block;
}
header .menu-nav ul {
  list-style: none;
}
header .menu-nav ul li {
  display: inline-block;
  font-family: Rokh-SemiBold;
  font-size: 1.125rem;
}
header .menu-nav .level-1 {
  position: relative;
}
header .menu-nav .level-1 .item {
  position: relative;
  transition: all 0.5s ease;
  /* &:last-child a { padding-left: 0; }*/
}
header .menu-nav .level-1 .item a {
  display: inline-block;
  position: relative;
  padding: 10px 15px;
  color: #1d2733;
}
header .menu-nav .level-1 .item a .caret {
  position: absolute;
  left: 0;
  top: 10px;
  margin: auto;
  transform: rotate(0);
  transition: all 0.3s;
  z-index: 1;
}
header .menu-nav .level-1 .item a .caret:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  font-weight: bold;
  color: var(--bs-primary);
  transition: all 0.3s ease;
}
header .menu-nav .level-1 .item a img {
  display: none;
}
header .menu-nav .level-1 .item.open a {
  color: var(--bs-secondary);
}
header .menu-nav .level-1 .item.open a .caret:after {
  color: var(--bs-secondary);
}
header .menu-nav .level-1 .item.open .level-2 {
  display: block;
}
header .menu-nav .level-1 .level-2 {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 2;
  background: #f3f3f3;
}
header .menu-nav .level-1 .level-2 > .item {
  display: block;
  float: none !important;
  padding: 0;
  min-width: 200px;
  border: 1px solid #e0dddd;
}
header .menu-nav .level-1 .level-2 > .item a {
  position: relative;
  display: block;
  padding: 5px 15px;
  line-height: 28px;
  color: var(--bs-primary);
  text-wrap: nowrap;
}
header .menu-nav .level-1 .level-2 > .item a > .caret {
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(90deg);
  transition: all 0.3s;
  z-index: 100;
}
header .menu-nav .level-1 .level-2 > .item a > .caret:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  font-weight: bold;
  color: var(--bs-primary);
  transition: all 0.3s ease;
}
header .menu-nav .level-1 .level-2 > .item.open {
  background: var(--bs-primary);
}
header .menu-nav .level-1 .level-2 > .item.open > a {
  color: var(--bs-secondary);
}
header .menu-nav .level-1 .level-2 > .item.open > a > .caret:after {
  color: var(--bs-secondary);
}
header .menu-nav .level-1 .level-2 > .item.open img {
  filter: grayscale(0) !important;
}
header .menu-nav .level-1 .level-2 > .item.open .level-3 {
  display: block;
}
header .menu-nav .level-1 .level-3 {
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
  background: #e3e3e3;
}
header .menu-nav .level-1 .level-3 > .item {
  display: block;
  float: none !important;
  border: 1px solid #e0dddd;
  padding: 0;
  min-width: 200px;
}
header .menu-nav .level-1 .level-3 > .item > a {
  padding: 5px 15px;
  color: var(--bs-primary);
}
header .menu-nav .level-1 .level-3 > .item > a > .caret {
  transform: rotate(90deg);
}
header .menu-nav .level-1 .level-3 > .item.open {
  background: var(--bs-primary);
}
header .menu-nav .level-1 .level-3 > .item.open > a {
  color: var(--bs-secondary);
}
header .menu-nav .level-1 .level-3 > .item.open > a > .caret {
  transform: rotate(90deg);
}
header .menu-nav .level-1 .level-3 > .item.open > a > .caret:after {
  color: var(--bs-secondary);
}
header .menu-nav .level-1 .level-3 > .item.open img {
  filter: grayscale(0) !important;
}
header .menu-nav .level-1 .level-3 > .item.open .level-4 {
  display: block;
}
header .menu-nav .level-1 .level-4 {
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
  background: #d3d3d3;
}
header .menu-nav .level-1 .level-4 .item {
  display: block;
  border: 1px solid #e0dddd;
  min-width: 200px;
}
header .menu-nav .level-1 .level-4 .item > a {
  font-weight: normal;
  padding: 5px 15px;
}
header .menu-nav .level-1 .level-4 .item.open {
  background: var(--bs-primary);
}
header .menu-nav .level-1 .level-4 .item.open > a {
  color: var(--bs-secondary);
}
header.fixate {
  position: fixed;
  top: 0 !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.14), 0 2px 0 rgba(0, 0, 0, 0.05);
  transition: top 0.5s ease;
}
header.fixate .Lang {
  padding: 9px 0;
}
header.fixate .menu-nav {
  padding: 9px 0;
}
header.fixate .header-logo {
  padding: 0.5rem 0;
}
header.fixate .header-logo img {
  height: 50px;
}
header.fixate .header-logo > a span.logo-text {
  display: none;
}
header .search-wrap {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 5;
  right: 0;
  top: 100%;
  direction: rtl;
  background-color: var(--bs-secondary);
}
header .search-wrap .search-box {
  width: 100%;
  margin: 0 auto;
  padding: 25px 15px;
  text-align: center;
}
header .search-wrap .search-box input {
  background: #fff;
}
header .search-wrap .search-item-container {
  display: none;
  border: 1px solid #eee;
  color: #000;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  background: white;
  text-align: right;
  max-height: 250px;
  max-width: 1563px;
  margin: 0 auto;
  overflow: auto;
}
header .search-wrap .search-item-container .search-item {
  background: white;
  padding: 5px 15px;
}
header .search-wrap .search-item-container .search-item:nth-child(2n+1) {
  background: #eee;
}
header .search-wrap .search-item-container .search-item:hover {
  background: var(--bs-primary);
  color: white;
}

/*  .item { cursor: pointer; border-radius: 35px; display: flex; flex-wrap: wrap; padding: 10px 2px; align-items: center; justify-content: center; transition: 0.3s all;
        .title { font-size: 0.9rem; font-weight: 300; flex: 0 0 100%; transition: 1s all; }
        .icon { flex: 0 0 100%; transition: 1s all; }
        &.active { background: #138a9273; flex-direction: row; align-items: center; justify-content: center;
            .icon { margin-left: 5px; color: var(--bs-secondary); flex: 1; }
            .title { color: var(--bs-secondary); flex: 1 0 70%; }
        }
    }*/
.fixed-navigation-bottom, header .bottom-header .menu-nav .fixed-navigation .menu-container {
  display: none;
}

@media (max-width: 1279px) {
  header .header-logo {
    width: 29%;
  }
  header .menu-nav ul li {
    font-size: 1rem;
  }
}
@media (max-width: 1199px) {
  header .header-logo {
    display: block;
    width: 31%;
  }
  header .header-logo > a {
    transform: scale(0.8);
    transform-origin: right;
  }
  header .header-logo .social {
    margin-right: -20px;
  }
  header .Lang {
    width: auto;
  }
  header .Lang a {
    margin-right: 1rem;
  }
  header .menu-nav .level-1 .item a {
    padding: 10px 8px;
  }
}
@media (max-width: 991px) {
  .fixed-navigation-bottom {
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    box-shadow: 0px -1px 11px #2e2e2e;
    z-index: 100;
    padding: 5px;
    font-size: 1rem;
  }
  .fixed-navigation-bottom.no-shadow {
    border-top: 1px solid #eee;
    box-shadow: none;
  }
  .fixed-navigation-bottom .item {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: transparent;
    padding-top: 5px;
    transition: 0.3s all;
    border-radius: var(--border-radius);
  }
  .fixed-navigation-bottom .item .title {
    font-size: 0.9rem;
    font-weight: 300;
    display: block;
  }
  .fixed-navigation-bottom .item .icon {
    display: block;
    margin-left: 0;
    transition: 0.8s margin;
    position: relative;
  }
  .fixed-navigation-bottom .item .badge {
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 0.6rem;
  }
  .fixed-navigation-bottom .item.active {
    background: var(--bs-primary);
    color: white;
    flex-direction: row;
    flex: 1.2;
  }
  .fixed-navigation-bottom .item.active .title {
    font-weight: bold;
  }
  .fixed-navigation-bottom .item.active .icon {
    display: block;
    margin-left: 5px;
  }

  header .in-side-menu {
    position: fixed;
    left: auto;
    right: -500px;
    background: white;
    top: 0;
    bottom: 0;
    transition: 0.3s all;
    z-index: 3;
    min-width: 250px;
    box-shadow: 0px 3px 15px black;
    overflow: auto;
  }
  header .in-side-menu.open {
    right: 0;
  }
  header .nav-toggle-button {
    display: block !important;
  }
  header .nav-toggle-button .toggle-button {
    top: 15px;
  }
  header .Lang {
    margin-left: 3rem;
  }
  header .header-logo {
    width: 50%;
    padding: 0.5rem 0;
  }
  header .header-logo > a {
    width: 50%;
  }
  header .header-logo .social {
    width: 40%;
    margin-right: 0;
  }
  header .Lang {
    padding: 0.5rem 0;
  }
  header .menu-nav {
    float: left;
    padding: 0.5rem 0;
  }
  header .menu-nav ul {
    list-style: none;
  }
  header .menu-nav ul li {
    display: block;
  }
  header .menu-nav .level-1 {
    background: #fff;
  }
  header .menu-nav .level-1 .item {
    padding: 0;
    border: 1px solid #e0dddd;
    border-width: 0 0 1px 0;
    font-size: 1rem;
  }
  header .menu-nav .level-1 .item a {
    display: block;
    color: #000;
    padding: 5px 15px;
  }
  header .menu-nav .level-1 .item a .caret {
    height: 24px;
    width: 24px;
  }
  header .menu-nav .level-1 .item a .caret:after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    color: var(--bs-primary);
    background: unset;
    height: 24px;
    width: 24px;
  }
  header .menu-nav .level-1 .item.open {
    background-color: transparent;
  }
  header .menu-nav .level-1 .item.open > a {
    color: #000;
  }
  header .menu-nav .level-1 .item.open > a .caret:after {
    content: "\f068";
    color: var(--bs-primary);
  }
  header .menu-nav .level-1 .item.open .level-2 {
    display: block;
    position: relative;
  }
  header .menu-nav .level-1 .level-2 {
    border-radius: 0;
  }
  header .menu-nav .level-1 .level-2 .item {
    border: 1px solid #e0dddd;
    border-width: 0 0 1px 0;
  }
  header .menu-nav .level-1 .level-2 .item > a {
    color: #333;
  }
  header .menu-nav .level-1 .level-2 .item > a .caret {
    transform: rotate(0) !important;
    left: 0;
  }
  header .menu-nav .level-1 .level-2 .item > a .caret:after {
    content: "\f067";
    background: unset;
    text-align: center;
  }
  header .menu-nav .level-1 .level-2 .item.open {
    background-color: transparent;
  }
  header .menu-nav .level-1 .level-2 .item.open > a {
    color: #333;
  }
  header .menu-nav .level-1 .level-2 .item.open > a .caret:after {
    content: "\f068";
    text-align: center;
    color: var(--bs-primary);
  }
  header .menu-nav .level-1 .level-2 .item.open .level-3 {
    display: block;
    position: relative;
    right: 0;
  }
  header .menu-nav .level-1 .level-2 .item:last-child {
    border-radius: 0;
  }
  header .menu-nav .level-1 .level-3 {
    border-radius: 0;
  }
  header .menu-nav .level-1 .level-3 .item {
    border: 1px solid #e0dddd;
    border-width: 0 0 1px 0;
  }
  header .menu-nav .level-1 .level-3 .item > a {
    color: #666;
  }
  header .menu-nav .level-1 .level-3 .item > a .caret:after {
    content: "\f067";
  }
  header .menu-nav .level-1 .level-3 .item.open {
    background-color: transparent;
  }
  header .menu-nav .level-1 .level-3 .item.open > a {
    color: #666;
  }
  header .menu-nav .level-1 .level-3 .item.open > a .caret:after {
    content: "\f068";
    color: var(--bs-primary);
  }
  header .menu-nav .level-1 .level-3 .item.open .level-4 {
    display: block;
    right: 0;
    position: relative;
  }
  header .menu-nav .level-1 .level-3 .item:last-child {
    border-radius: 0;
  }
  header .menu-nav .level-1 .level-4 {
    border-radius: 0;
  }
  header .menu-nav .level-1 .level-4 .item > a {
    color: #fff;
  }
  header .bottom-header .menu-nav .fixed-navigation {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -100%;
    top: auto;
    background: white;
    transition: 0.3s all;
    z-index: 11;
    display: block;
  }
  header .bottom-header .menu-nav .fixed-navigation.open {
    top: 0;
    bottom: 0;
  }
  header .bottom-header .menu-nav .fixed-navigation .level-1 {
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 0 5px #dddddd;
    padding: 10px;
    padding: 5px 10px;
  }
  header .bottom-header .menu-nav .fixed-navigation .level-1 > .item {
    display: inline-block;
    border-radius: 5px;
    padding: 5px 15px;
  }
  header .bottom-header .menu-nav .fixed-navigation .level-1 > .item.open {
    background: var(--bs-primary);
    color: white;
    font-weight: bold;
  }
  header .bottom-header .menu-nav .fixed-navigation .level-1 > .item .icon {
    display: none;
  }
  header .bottom-header .menu-nav .fixed-navigation .level-1 .level-2 {
    display: none !important;
  }
  header .bottom-header .menu-nav .fixed-navigation .level-2, header .bottom-header .menu-nav .fixed-navigation .level-3, header .bottom-header .menu-nav .fixed-navigation .level-4 {
    display: none;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container {
    display: block;
    background: #f3f3f3;
    height: 90vh;
    overflow: auto;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .icon, header .bottom-header .menu-nav .fixed-navigation .menu-container .caret, header .bottom-header .menu-nav .fixed-navigation .menu-container .all-stuff-link {
    display: none;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .level-2 {
    list-style: none;
    display: inline-block;
    text-align: center;
    width: 100px;
    height: calc(100% - 10px);
    overflow: auto;
    padding: 0 5px 80px;
    background: white;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .level-2 .item {
    border-radius: 5px;
    display: block;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .level-2 .item.open {
    background: var(--bs-primary);
    color: white;
    font-weight: bold;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .level-2 .item.open .level-3 {
    display: block;
    position: absolute;
    left: 0px;
    width: calc(100% - 105px);
    top: 50px;
    bottom: 0;
    border-radius: 5px;
    color: black;
    list-style: none;
    text-align: right;
    padding: 5px;
    overflow: auto;
    padding-bottom: 80px;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .level-2 .item.open .level-3 > .item {
    background: white;
    margin: 5px 0;
    box-shadow: 0 0 5px #d5d5d5;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .level-2 .item.open .level-3 > .item > a {
    display: block;
    border-bottom: 1px solid #cbcbcb;
    padding: 5px;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .level-2 .item.open .level-3 > .item > a > .menu-img {
    display: inline-block;
    width: 21px;
    margin: 0;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .level-2 .item.open .level-3 > .item > a .all-stuff-link {
    display: inline-block;
    float: left;
    color: var(--bs-primary);
    font-size: 0.8rem;
    font-weight: 500;
    margin-top: 2px;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .level-2 .item.open .level-3 > .item .level-4 {
    display: flex;
    flex-wrap: wrap;
    padding: 12px 0px;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .level-2 .item.open .level-3 > .item .level-4 > a {
    display: block;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .level-2 .item.open .level-3 > .item .level-4 > .item {
    flex: 0 0 30%;
    text-align: center;
    font-weight: normal;
    margin: 10px 0;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .level-2 .item .menu-img {
    width: 40px;
    display: block;
    margin: 5px auto;
    border-top: 1px solid #d9d9d9;
    padding-top: 5px;
  }
  header .bottom-header .menu-nav .fixed-navigation .menu-container .level-2 .item:first-child .menu-img {
    border-top: 0;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  header .header-logo {
    width: 50%;
  }
  header .header-logo > a {
    width: 30%;
  }
  header .header-logo .social {
    width: 60%;
  }
}
@media (max-width: 575px) {
  header .header-logo {
    width: 100%;
    padding: 0.5rem 0;
  }
  header .header-logo:before {
    width: calc(100% + 30px);
    height: 100%;
    clip-path: unset;
    left: -99px;
    right: -99px;
    margin: auto;
  }
  header .header-logo > a span {
    text-align: right;
  }
  header .header-logo .social {
    width: 69%;
    margin-top: 7px;
  }
  header .header-logo .social a {
    margin-right: 3px;
  }
}
footer {
  position: relative;
  overflow-y: hidden;
}
footer > .container {
  height: 300px;
}
footer .footer-top-wrap {
  background-color: #d1def0;
}
footer .footer-top {
  position: relative;
  flex: 0 0 auto;
  width: 35%;
  padding: 0 15px;
}
footer .footer-top .footer-top-inner {
  position: relative;
  z-index: 1;
  padding-top: 1.5rem;
}
footer .footer-top .footer-top-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  z-index: -1;
  display: block;
  width: 762px;
  height: 2875px;
  background: url("/Images/Img-Footer.webp") no-repeat left top;
  /* background-color: #c9ac74; clip-path: polygon(5.3% 0, 100% 0%, 100% 100%, 8.1% 100%, 0 40%);*/
}
footer .footer-top .footer-top-inner .footer-logo {
  display: inline-block;
  width: 25%;
  vertical-align: top;
}
footer .footer-top .footer-top-inner .footer-logo img {
  height: 133px;
}
footer .footer-top .footer-top-inner .namads {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  text-align: center;
}
footer .footer-top .footer-top-inner .namads img {
  mix-blend-mode: multiply;
}
footer .footer-top .footer-top-inner .namads .footer-social {
  margin-top: 0.5rem;
  direction: ltr;
  text-align: center;
}
footer .footer-top .footer-top-inner .namads .footer-social > a {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  margin-left: 5px;
  text-align: center;
  line-height: 30px;
}
footer .footer-top .footer-top-inner .namads .footer-social > a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  background: url(/Images/my-icons.png);
  transition: all 0.3s ease;
}
footer .footer-top .footer-top-inner .namads .footer-social > a:hover:before {
  transform: rotateY(180deg);
}
footer .footer-top .footer-top-inner .namads .footer-social > a.instagram:before {
  background-position: 0 -22px;
}
footer .footer-top .footer-top-inner .namads .footer-social > a.telegram:before {
  background-position: -36px -22px;
}
footer .footer-top .footer-top-inner .namads .footer-social > a.aparat:before {
  background-position: -71px -22px;
}
footer .footer-top .footer-top-inner .namads .footer-social > a.linkedin:before {
  background-position: -108px -22px;
}
footer .footer-top .footer-top-inner .footer-about {
  font-family: Rokh-SemiBold;
  font-size: 1rem;
  margin-top: 1rem;
  text-align: justify;
  padding-left: 3rem;
}
footer .footer-bottom {
  position: relative;
  flex: 0 0 auto;
  width: 65%;
  padding: 3rem 15px 0;
}
footer .footer-bottom .address-wrap:nth-child(1) {
  width: 55%;
}
footer .footer-bottom .address-wrap:nth-child(2) {
  width: 45%;
}
footer .footer-bottom .address-wrap p {
  position: relative;
  color: #1d2733;
  font-family: Rokh-SemiBold;
  font-size: 1.125rem;
  line-height: 1.8rem;
  padding-right: 30px;
}
footer .footer-bottom .address-wrap p:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  margin: auto;
  width: 20px;
  height: 21px;
  background: url(/Images/my-icons.png);
  transition: all 0.3s ease;
}
footer .footer-bottom .address-wrap p:hover:before {
  transform: rotateY(180deg);
}
footer .footer-bottom .address-wrap p.address {
  margin-bottom: 1rem;
}
footer .footer-bottom .address-wrap p.address:before {
  background-position: -147px 0;
}
footer .footer-bottom .address-wrap p.phone {
  margin-right: 30px;
}
footer .footer-bottom .address-wrap p.phone span {
  padding: 0 5px;
}
footer .footer-bottom .address-wrap p.phone:before {
  background-position: -175px 0;
}
footer .footer-bottom .address-wrap p.email {
  margin-right: 30px;
}
footer .footer-bottom .address-wrap p.email:before {
  background-position: -201px 0;
}
footer .footer-bottom .footer-menu {
  margin: 2.5rem 0 1rem;
}
footer .footer-bottom .footer-menu .footer-title {
  color: var(--bs-secondary);
  margin-bottom: 15px;
  font-weight: bold;
}
footer .footer-bottom .footer-menu .footer-item {
  position: relative;
  display: inline-block;
  width: 16.5%;
  font-family: Rokh-SemiBold;
  font-size: 1rem;
  line-height: 2rem;
}
footer .footer-bottom .footer-menu .footer-item:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-left: 10px;
  background-color: #000;
}
footer .footer-bottom .footer-menu .footer-item:hover {
  color: #284572;
}
footer .footer-Dscp {
  position: relative;
  background-color: #fff;
  padding: 2rem 0 0;
  font-family: Rokh-Medium;
  font-size: 1.2rem;
  height: 170px;
}
footer .footer-Dscp h1, footer .footer-Dscp h2, footer .footer-Dscp h3, footer .footer-Dscp h4, footer .footer-Dscp h5, footer .footer-Dscp h6 {
  font-size: 1.2rem;
  font-weight: bold;
}
footer .footer-Dscp .link-inner-wrap {
  position: relative;
  z-index: 1;
  font-size: 0;
  text-align: center;
  max-width: 82%;
}
footer .footer-Dscp .link-inner-wrap .item {
  display: inline-block;
  vertical-align: top;
  max-width: 200px;
  margin: 0 1% 30px;
  text-align: center;
}
footer .footer-Dscp .link-inner-wrap .item .img-container img {
  display: inline-block;
}
footer .footer-Dscp .link-inner-wrap .item .content-container h2 {
  color: #fff;
  margin: 5px 0 0;
  font-size: 0.875rem;
}
footer .footer-Dscp .link-inner-wrap:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: none;
  height: 70%;
  background: linear-gradient(0deg, #caac74 25%, rgba(202, 172, 116, 0) 100%);
}
footer .footer-Dscp .link-inner-wrap.has-shadow {
  height: 130px;
  overflow: hidden;
}
footer .footer-Dscp .link-inner-wrap.has-shadow:after {
  display: block;
}
footer .footer-Dscp .content-wrap {
  position: relative;
  z-index: 1;
}
footer .footer-Dscp .content-wrap .text-truncate {
  position: relative;
}
footer .footer-Dscp .content-wrap .text-truncate:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  height: 50px;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
footer .footer-Dscp .content-wrap .text-truncate.d-block:after {
  display: none !important;
  visibility: hidden;
}
footer .footer-Dscp:has(.text-truncate.d-block) {
  height: auto;
}
footer .copy-right {
  position: relative;
  z-index: 1;
  color: #102b24;
  font-family: Rokh-Medium;
  font-size: 0.85rem;
  padding: 1rem 0;
  overflow: auto;
}
footer .copy-right .container > div {
  position: relative;
  z-index: 2;
  display: inline-block;
  float: right;
}
footer .copy-right .container > div.copyright {
  float: left;
}

@media (max-width: 1599px) {
  footer > .container {
    height: auto;
  }
  footer .footer-top .footer-top-inner .footer-about {
    padding-left: 3rem;
  }
  footer .footer-bottom .footer-menu .footer-item {
    width: 16%;
  }
  footer .footer-bottom .address-wrap:nth-child(1) {
    width: 50%;
  }
  footer .footer-bottom .address-wrap:nth-child(2) {
    width: 50%;
  }
  footer .footer-bottom .address-wrap p.phone, footer .footer-bottom .address-wrap p.email {
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  footer .footer-bottom .footer-menu .footer-item {
    width: 24%;
  }
  footer .footer-bottom .address-wrap:nth-child(1) {
    width: 100%;
    margin-bottom: 2rem;
  }
  footer .footer-bottom .address-wrap:nth-child(2) {
    width: 1000%;
  }
  footer .footer-bottom .address-wrap p.address {
    margin: 0;
  }
  footer .footer-Dscp .link-inner-wrap {
    display: none;
  }
}
@media (max-width: 991px) {
  footer .row {
    margin: 0 -15px;
  }
  footer .footer-top {
    width: 100%;
    background-color: #c9ac74;
  }
  footer .footer-top .footer-top-inner {
    padding: 1rem 0;
    max-width: 500px;
    margin: 0 auto;
  }
  footer .footer-top .footer-top-inner:before {
    display: none;
  }
  footer .footer-top .footer-top-inner .footer-logo {
    text-align: center;
    width: 49%;
  }
  footer .footer-top .footer-top-inner .namads {
    text-align: center;
    width: 49%;
  }
  footer .footer-top .footer-top-inner .footer-about {
    padding-left: 15px;
    text-align: justify;
  }
  footer .footer-bottom {
    width: 100%;
    padding: 2rem 15px;
  }
  footer .copy-right {
    padding: 3rem 0 0.5rem;
  }
  footer .copy-right .container > div {
    float: none !important;
    display: block;
    text-align: center;
  }
}
@media (max-width: 767px) {
  footer .footer-bottom .footer-menu .footer-item {
    width: 32%;
  }
  footer .copy-right {
    font-size: 0.9rem;
  }
}
@media (max-width: 575px) {
  footer .footer-bottom .footer-menu .footer-item {
    width: 49%;
  }
}
html {
  max-width: 100%;
  overflow-x: hidden;
  font-size: 16px;
}

body {
  direction: rtl;
  padding: 0;
  padding: 0;
  max-width: 1920px;
  margin: 0 auto;
  font-family: Rokh-Regular;
  background-color: #fff;
  color: #000;
  overflow-x: hidden;
}

.container {
  width: 100%;
  max-width: 1290px;
  padding: 0 15px;
  margin: 0 auto;
}

.breadcrumb-w {
  margin-top: 100px;
}

.no-scroll-bar {
  overflow: hidden;
}

p {
  margin: 0;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-weight: normal;
  line-height: inherit;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
  font-size: 1rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 1rem;
}

.inner-page .content-wrapper, .html-page .content-wrapper {
  padding: 30px 0;
  min-height: 300px;
  line-height: 2;
  font-family: Rokh-SemiBold;
  font-size: 1.125rem;
}
.inner-page .content-wrapper strong, .html-page .content-wrapper strong {
  font-family: Rokh-Bold;
}
.inner-page .content-wrapper .main-title, .inner-page .content-wrapper h1, .html-page .content-wrapper .main-title, .html-page .content-wrapper h1 {
  color: var(--bs-primary);
  margin-bottom: 30px;
}
.inner-page .content-wrapper .page-content, .html-page .content-wrapper .page-content {
  margin-bottom: 30px;
  text-align: justify;
}
.inner-page .content-wrapper .page-content a, .html-page .content-wrapper .page-content a {
  color: var(--bs-primary);
}
.inner-page .content-wrapper h6, .inner-page .content-wrapper .h6, .inner-page .content-wrapper h5, .inner-page .content-wrapper .h5, .inner-page .content-wrapper h4, .inner-page .content-wrapper .h4, .inner-page .content-wrapper h3, .inner-page .content-wrapper .h3, .inner-page .content-wrapper h2, .inner-page .content-wrapper .h2, .inner-page .content-wrapper h1, .inner-page .content-wrapper .h1, .html-page .content-wrapper h6, .html-page .content-wrapper .h6, .html-page .content-wrapper h5, .html-page .content-wrapper .h5, .html-page .content-wrapper h4, .html-page .content-wrapper .h4, .html-page .content-wrapper h3, .html-page .content-wrapper .h3, .html-page .content-wrapper h2, .html-page .content-wrapper .h2, .html-page .content-wrapper h1, .html-page .content-wrapper .h1 {
  font-family: Rokh-Bold;
}
.inner-page .content-wrapper > ul, .inner-page .content-wrapper > ol, .html-page .content-wrapper > ul, .html-page .content-wrapper > ol {
  padding-right: 30px;
}
.inner-page .content-wrapper > ul li, .inner-page .content-wrapper > ol li, .html-page .content-wrapper > ul li, .html-page .content-wrapper > ol li {
  margin-bottom: 5px;
}
.inner-page .content-wrapper .detail-dscp a, .html-page .content-wrapper .detail-dscp a {
  color: var(--bs-primary);
  font-weight: bold;
}

.more-btn {
  background: var(--bs-primary);
  color: #fff;
}

.error, .field-validation-error {
  color: red;
  display: block;
  font-size: 0.7rem;
}

/*faq component */
.faq-section {
  background: #ffffff;
  padding: 0;
  margin-top: 30px;
}
.faq-section .content-title {
  display: block;
  background: #585858;
  color: white;
  padding: 5px 10px;
  margin-bottom: 15px;
}
.faq-section .card {
  border: 1px solid #e1e1e1;
  margin-bottom: 15px;
  border-radius: 0;
}
.faq-section .card .card-header {
  padding: 5px 0;
  cursor: pointer;
}
.faq-section .card .card-header h3 {
  padding: 5px 15px;
  margin: 0;
}
.faq-section .card .card-header h3 i {
  color: var(--bs-primary);
  margin-right: 15px;
  vertical-align: middle;
  font-size: 18px;
  float: left;
  line-height: 2;
}
.faq-section .card .card-header h3:not(.collapsed) i:before {
  content: "\f068";
}
.faq-section .card .card-body {
  background: white;
  display: block;
  text-align: justify;
}

.v-toast-container {
  position: fixed;
  right: 15px;
  top: 10px;
  z-index: 99999;
}
.v-toast-container .v-toast {
  z-index: 100;
  overflow: hidden;
  transition: 0.5s all;
  cursor: pointer;
  min-width: 350px;
  text-align: center;
  color: black;
  background-color: #effcf9 !important;
  font-size: 16px;
  opacity: 0.5;
  box-shadow: 0 2px 9px #cbcbcb;
  border-radius: 2px;
  margin-bottom: 10px;
}
.v-toast-container .v-toast .toast-header {
  height: 5px;
  width: 100%;
  background: #ddd;
  position: relative;
}
.v-toast-container .v-toast .toast-header .timing {
  position: absolute;
  left: 0;
  right: 0;
  background: #88e4cf;
  height: 5px;
  top: 0;
  width: 100%;
}
.v-toast-container .v-toast .toast-header .timing.toast-header-error {
  background: #e4888c;
}
.v-toast-container .v-toast.toast-erorr {
  background: #fcefef !important;
}
.v-toast-container .v-toast p {
  margin: 0;
  vertical-align: middle;
  padding: 5px 30px;
}
.v-toast-container .v-toast.show-toast {
  opacity: 1;
}

[type=tel], [type=url], [type=email], [type=number] {
  direction: rtl;
}

.custom-input p.text-danger {
  margin: 0;
  padding-right: 10px;
}
.custom-input .form-group {
  margin-bottom: 5px;
}

.like {
  cursor: pointer;
}
.like:after {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
}
.like.liked:after {
  font-weight: bold;
  color: red;
}

.owl-carousel {
  display: block;
}

/***MultiSelect****/
.multiselect {
  direction: rtl !important;
  text-align: right !important;
}
.multiselect .multiselect__select {
  left: 1px;
  right: auto;
}
.multiselect .multiselect__select:before {
  top: 80%;
}
.multiselect .multiselect__tags {
  padding: 8px 8px 8px 28px;
  height: 38px;
}
.multiselect .multiselect__content-wrapper .multiselect__content .multiselect__element .multiselect__option {
  white-space: normal;
}

.multiselect__option--highlight {
  background: var(--bs-primary);
  color: white;
}

.size-100 {
  font-size: 1rem;
}

.size-80 {
  font-size: 0.8rem;
}

.line-bar-container {
  background: #efefef;
  height: 8px;
  overflow: hidden;
  border-radius: 5px;
  margin: 15px 0 0;
}
.line-bar-container .line-bar {
  background: var(--bs-primary);
  width: 0;
  height: 100%;
  display: block;
  transition: 1s width;
}

.share-btn:after {
  content: "\f1e0";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}

[v-cloak] {
  display: none;
}

.modal-backdrop.show {
  z-index: 100 !important;
}

.form-group {
  margin-bottom: 15px;
}

.btn-block {
  display: block;
  width: 100%;
}

.float-button {
  display: none;
  position: fixed;
  left: 10px;
  bottom: 10px;
  z-index: 4;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer;
}

.w-20 {
  width: 20% !important;
}

.col-b-15 {
  flex: 0 0 15%;
}

.col-b-20 {
  flex: 0 0 20%;
}

.col-b-25 {
  flex: 0 0 25%;
}

.col-b-50 {
  flex: 0 0 50%;
}

.col-b-75 {
  flex: 0 0 75%;
}

.pb-6 {
  padding-bottom: 4.5rem;
}

.loading-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9999;
}
.loading-container .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  background: white;
  padding: 40px 10px;
  border-radius: 10px;
}
.loading-container .loading img {
  margin: 0 auto;
  width: 70%;
}
.loading-container .loading img:last-child {
  width: 80px;
}

.profile .dropdown-menu {
  font-size: 0.9rem;
}

.vue-uploader .progres-bar-container {
  color: #000 !important;
  background-color: #f1f1f1 !important;
  margin: 10px 0;
}
.vue-uploader .progres-bar-container .progres-bar {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
  padding: 0.01em 16px;
  text-align: center !important;
}

.text-ellipsis--2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.text-ellipsis--3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.text-ellipsis--4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.text-ellipsis--5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.text-ellipsis--6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.text-ellipsis--7 {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.text-ellipsis--8 {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.text-ellipsis--9 {
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.text-ellipsis--10 {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.flex-grow-2 {
  flex-grow: 2 !important;
}

.flex-grow-3 {
  flex-grow: 3 !important;
}

.flex-grow-4 {
  flex-grow: 4 !important;
}

.ltr {
  direction: ltr;
}

.lg-container.lg-show {
  direction: ltr;
}

.form-check-input:disabled {
  background: #dddddd;
}

strong {
  font-weight: bold;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

.no-padding {
  padding-right: 0;
  padding-left: 0;
}

* a {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

*:focus, *:visited, *:active {
  outline: none;
  text-decoration: none;
}

a {
  color: inherit;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
a:hover, a:focus {
  text-decoration: none;
  outline: none;
  color: inherit;
}

.mw-90 {
  min-width: 90%;
}

ul, ol {
  list-style-position: inside;
  padding: 0;
  margin: 0;
}

.custom-radio-gp {
  margin: 10px 0;
}
.custom-radio-gp .title {
  font-weight: bold !important;
}
.custom-radio-gp .custom-radio, .custom-radio-gp .custom-checkbox {
  padding-right: 20px;
  margin: 10px 0;
}

.label-success {
  background-color: var(--bs-sucess);
  color: black;
}

.label-danger {
  background-color: var(--bs-danger);
}

.back-top {
  position: fixed;
  bottom: -35px;
  right: 0;
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.5s ease 0s, bottom 0.5s ease 0s;
}
.back-top.show {
  bottom: 0;
  opacity: 1;
}
.back-top span {
  width: 35px;
  height: 35px;
  display: block;
  background: var(--bs-secondary);
  text-align: center;
  opacity: 1;
}
.back-top span:before {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
}

.progress-indicator {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
  z-index: 10;
  cursor: pointer;
}
.progress-indicator svg {
  position: absolute;
  left: 0;
}
.progress-indicator svg circle {
  fill: none;
  stroke-width: 6px;
  stroke: #a5a5a5;
}
.progress-indicator svg circle.animated-circle {
  fill: none;
  stroke-width: 6px;
  stroke: var(--bs-secondary);
  stroke-dasharray: 189;
  stroke-dashoffset: 189;
}
.progress-indicator .progress-count {
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 100px;
  color: #462066;
}
.progress-indicator .progress-count span {
  color: var(--bs-secondary);
  font-size: 25px;
}

.sticky {
  position: sticky;
  z-index: 2;
}

.rate .br-widget {
  height: 23px;
  white-space: nowrap;
}
.rate .br-widget a {
  text-decoration: none;
  height: 19px;
  width: 19px;
  float: left;
  font-size: 23px;
  margin-right: 5px;
  background: url("/images/star.png") no-repeat;
}
.rate .br-widget a.br-active, .rate .br-widget a.br-selected {
  background: url("/images/star-hover.png") no-repeat;
}
.rate .br-widget .br-current-rating {
  display: none;
}
.rate .br-readonly a {
  cursor: default;
}

.alert-modal-container {
  position: fixed;
  left: 30px;
  bottom: 80px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 2px 10px 0px #c3c3c3;
  background: white;
  z-index: 100;
  border-radius: 2px;
  font-size: 0.9rem;
}
.alert-modal-container .modal-content {
  line-height: 2;
}
.alert-modal-container .modal-content .modal-header {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 10px;
  padding: 10px;
  background: var(--bs-primary);
  color: white;
}
.alert-modal-container .modal-content .modal-header .alert-close-btn {
  font-size: 1.2rem;
}
.alert-modal-container .modal-content .modal-body {
  padding: 10px;
}

.br-theme-poll .br-widget {
  white-space: nowrap;
  display: inline-block;
}
.br-theme-poll .br-widget a {
  display: inline-block;
  width: 55px;
  height: 12px;
  background-color: #b3eaee;
  margin: 1px;
}
.br-theme-poll .br-widget a.br-active, .br-theme-poll .br-widget a.br-selected {
  background-color: #60d3db;
}
.br-theme-poll .br-widget .br-current-rating {
  text-align: center;
  font-weight: 600;
  display: block;
  color: #27a5ae;
  font-weight: 400;
  min-height: 34px;
}
.br-theme-poll .br-readonly a {
  cursor: default;
}
.br-theme-poll .br-readonly a.br-active, .br-theme-poll .br-readonly a.br-selected {
  background-color: #81dce3;
}
.br-theme-poll .br-readonly .br-current-rating {
  color: #36c7d2;
}

.more-content-btn {
  color: var(--bs-primary);
  cursor: pointer;
  margin: 10px 0;
}
.more-content-btn:after {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  vertical-align: sub;
  margin-right: 2px;
}

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.tooltip-left {
  position: relative;
}
.tooltip-left .tooltiptext {
  visibility: hidden;
  width: 170px;
  background-color: #8f8f8f;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 150%;
  font-size: 0.9rem;
}
.tooltip-left .tooltiptext:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #8f8f8f transparent transparent;
}
.tooltip-left:hover .tooltiptext {
  visibility: visible;
}

.share-box-modal {
  cursor: pointer;
}
.share-box-modal:after {
  content: "\f1e0";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}

#shareModal .links .btn {
  margin: 5px;
}
#shareModal .links .btn i {
  vertical-align: middle;
}
#shareModal .links .facebook {
  background: #4267B2;
  color: white;
}
#shareModal .links .twitter {
  background: #1DA1F2;
  color: white;
}
#shareModal .links .linkedin {
  background: #0077b5;
  color: white;
}
#shareModal .links .telegram {
  background: #229ED9;
  color: white;
}
#shareModal .links .whatsapp {
  background: #128C7E;
  color: white;
}

.modal-dialog .close {
  background: white;
  border: none;
  font-size: 1.4rem;
}

@media (max-width: 991px) {
  html {
    font-size: 14px;
  }

  .wow {
    animation: none !important;
    visibility: visible !important;
  }

  /*.inner-page .content-wrapper .container, .html-page .content-wrapper .container { padding: 1rem; }*/
}
@media (max-width: 767px) {
  .tooltip-left .tooltiptext {
    display: none;
  }

  .progress-indicator {
    display: none;
  }
}
@media print {
  .br-theme-poll .br-widget a {
    border: 1px solid #b3b3b3;
    background: white;
    box-sizing: border-box;
  }
  .br-theme-poll .br-widget a.br-active, .br-theme-poll .br-widget a.br-selected {
    border: 1px solid black;
    background: white;
  }
  .br-theme-poll .br-widget .br-current-rating {
    color: black;
  }
}
@media print {
  .br-theme-css-stars .br-widget a {
    background: url("/images/star.png") no-repeat;
    color: black;
  }
  .br-theme-css-stars .br-widget a.br-active,
.br-theme-css-stars .br-widget a.br-selected {
    background: url("/images/star-hover.png") no-repeat;
    color: black;
  }
}
/*# sourceMappingURL=page-layout-rtl.css.map */

/*@import '../images/icons.sprite.scss';*/
.grid-container .container-fluid {
  padding: 0;
}

.carousel-container .img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.carousel-container .title {
  text-align: center;
  font-weight: bold;
  direction: rtl;
}
.carousel-container .description {
  direction: rtl;
}
.carousel-container .price {
  font-size: 1rem;
  direction: rtl;
  text-align: left;
}
.carousel-container .owl-carousel {
  direction: rtl;
  position: relative;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
}
.carousel-container .owl-carousel .owl-nav {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 50%;
}
.carousel-container .owl-carousel .owl-nav button {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background-color: #fff !important;
  border: 1px solid #ECECEC !important;
  transition: 0.3s;
}
.carousel-container .owl-carousel .owl-nav button:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: 1.5rem;
}
.carousel-container .owl-carousel .owl-nav button.disabled {
  background-color: #fff !important;
  border-color: var(--bs-primary) !important;
}
.carousel-container .owl-carousel .owl-nav button.disabled:before {
  filter: unset !important;
}
.carousel-container .owl-carousel .owl-nav button:hover {
  background-color: var(--bs-secondary) !important;
  border: 1px solid var(--bs-secondary) !important;
}
.carousel-container .owl-carousel .owl-nav button:hover:before {
  filter: brightness(100) !important;
}
.carousel-container .owl-carousel .owl-nav .owl-next {
  left: 0;
  transform: translate(-50%);
}
.carousel-container .owl-carousel .owl-nav .owl-next:before {
  transform: rotate(180deg);
}
.carousel-container .owl-carousel .owl-nav .owl-prev {
  right: 0;
  transform: translate(50%);
}
.carousel-container .owl-carousel .owl-dots {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  text-align: center;
  margin-top: 2rem;
}
.carousel-container .owl-carousel .owl-dots .owl-dot {
  padding: 0;
  transition: 0.3s all;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 7px;
  background-color: #756443;
}
.carousel-container .owl-carousel .owl-dots .owl-dot.active {
  transform: scale(1.5);
  background-color: #1d2733;
}
.carousel-container .owl-carousel.full-screen-carousel .owl-dots {
  display: block;
}
.carousel-container .owl-carousel.full-screen-carousel .owl-nav {
  position: absolute;
  right: 70px;
  bottom: 30px;
  left: auto;
}
.carousel-container .owl-carousel.full-screen-carousel .owl-nav .owl-next {
  left: 10px;
  right: auto;
}
.carousel-container .owl-carousel.full-screen-carousel .owl-nav .owl-prev {
  right: 0;
  left: auto;
}
.carousel-container .owl-item.active .item:before {
  animation: bannerArrow;
  animation-duration: 7s;
}

.swiper-wrapper .swiper-slide img {
  width: 100%;
}

/*****Shared**********/
/********Contact-Us**********/
.contact-us .contact-us-container {
  border-radius: var(--border-radius);
}
.contact-us .contact-us-container .contact-data {
  line-height: 30px;
  margin-bottom: 45px;
}
.contact-us .contact-us-container .form-title {
  margin-bottom: 30px;
}
.contact-us .contact-us-container .alert {
  text-align: center;
}
.contact-us .contact-us-container .captcha-box {
  position: relative;
}
.contact-us .contact-us-container .captcha-box input {
  display: inline-block;
  width: calc(100% - 77px);
  height: 42px;
  position: relative;
  top: -2px;
}
.contact-us .contact-us-container .captcha-box img {
  height: 42px;
  border-radius: 7px;
}
.contact-us .contact-us-container .captcha-box .refresh-token {
  position: absolute;
  right: 85px;
  top: 1px;
  margin: auto;
  z-index: 2;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #d1def0;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 0 5px 5px 0;
}

.html-page .main-title, .html-page h1 {
  color: var(--bs-primary);
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.html-page .catalogue-download {
  background-color: var(--bs-primary);
  color: #fff;
  text-align: center;
  margin: 15px 0;
}
.html-page .catalogue-download a {
  display: block;
  font-size: 1rem;
  color: #fff !important;
}
.html-page .html-page-container table.table > tbody > tr > th {
  color: #fff;
  background-color: var(--bs-primary);
}
.html-page .html-page-container .rate {
  float: left;
  margin-top: 12px;
}
.html-page .html-page-container .sub-menu-item {
  margin-bottom: 1rem;
}
.html-page .html-page-container .sub-menu-item .img-container {
  text-align: center;
  overflow: hidden;
  display: block;
  border: 1px solid #ccc;
}
.html-page .html-page-container .sub-menu-item .img-container img {
  transform: scale(1) rotate(0);
  transition: 0.3s all;
}
.html-page .html-page-container .sub-menu-item .title {
  background: var(--bs-primary);
  color: #fff;
  padding: 5px 15px;
  font-size: 0.9rem;
  font-weight: bold;
  margin: 0;
  text-align: center;
}
.html-page .html-page-container .sub-menu-item .title:hover {
  color: var(--bs-secondary);
}
.html-page .html-page-container .sub-menu-item:hover img {
  transform: scale(1.05);
}
.html-page .html-page-container table td a {
  color: white;
  display: block;
}
.html-page .html-page-container ul.sub-menu-item-container {
  display: flex;
  flex-direction: column;
}
.html-page .html-page-container ul.sub-menu-item-container .sub-menu-item {
  margin-bottom: 0.5rem;
}
.html-page .html-page-container ul.sub-menu-item-container .sub-menu-item h2 {
  display: inline-block;
  margin: 0;
}
.html-page .html-page-container ul.sub-menu-item-container .sub-menu-item h2 a {
  color: var(--bs-primary);
}
.html-page .html-page-container ul.sub-menu-item-container .sub-menu-item h2 a:hover {
  color: var(--bs-secondary);
}
.html-page .intro h1 {
  margin-bottom: 0 !important;
  font-size: 1.5rem;
}
.html-page .intro h2 {
  font-size: 1.5rem;
  color: var(--bs-primary);
}
.html-page .intro .intro-dscp {
  padding-bottom: 2rem;
}
.html-page .intro .intro-dscp .intro-dscp-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3.5rem;
}
.html-page .intro .intro-dscp .intro-dscp-inner .intro-dscp-Text {
  flex: 1;
}
.html-page .intro .intro-dscp .intro-dscp-inner .intro-dscp-img img {
  margin-top: -48px;
}
.html-page .intro .intro-mission {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 3rem 0;
}
.html-page .intro .intro-mission:before {
  content: "";
  position: absolute;
  top: 0;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1920px;
  height: 100%;
  background-color: #f5f5f5;
}
.html-page .intro .intro-mission .intro-mission-Text {
  flex: 1;
}
.html-page .intro .intro-services {
  position: relative;
  padding: 5.5rem 0;
}
.html-page .intro .intro-services:before {
  content: "";
  position: absolute;
  top: 0;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1920px;
  height: 100%;
  background: url(/UserFiles/intro-service-bg.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.html-page .intro .intro-services h2 {
  text-align: center;
  color: var(--bs-secondary);
  margin-bottom: 3rem;
}
.html-page .intro .intro-services .grid-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}
.html-page .intro .intro-services .grid-container .grid-item {
  flex: 1;
}
.html-page .intro .intro-services .grid-container .grid-item .img-container {
  margin: 0 auto 1rem;
  text-align: center;
}
.html-page .intro .intro-services .grid-container .grid-item .img-container .img-wrap {
  display: inline-block;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.22);
  border-radius: 50%;
}
.html-page .intro .intro-services .grid-container .grid-item .img-container .img-wrap img {
  transition: all 0.3s ease;
}
.html-page .intro .intro-services .grid-container .grid-item .content-container p {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #fff;
  font-family: "Rokh-Regular";
}
.html-page .intro .intro-services .grid-container .grid-item .content-container p strong {
  display: block;
  font-family: "Rokh-Bold";
  transition: all 0.3s ease;
}
.html-page .intro .intro-services .grid-container .grid-item:hover .img-container .img-wrap img {
  transform: scale(0.9);
}
.html-page .intro .intro-services .grid-container .grid-item:hover .content-container p strong {
  color: #c7963b;
}
.html-page .intro .intro-manage {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 11rem;
  background-color: #f5f5f5;
}
.html-page .intro .intro-manage:before {
  content: "";
  position: absolute;
  top: 0;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1920px;
  height: 100%;
  background-color: #f5f5f5;
}
.html-page .intro .intro-manage > div {
  flex: 1;
  padding: 3.3rem 0;
}
.html-page .intro .intro-vision {
  position: relative;
  direction: ltr;
  padding: 3rem 0;
}
.html-page .intro .intro-vision:before {
  content: "";
  position: absolute;
  top: 0;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1920px;
  height: 100%;
  background: url("/UserFiles/intro-vision-bg.jpg") no-repeat center center;
  background-size: cover;
}
.html-page .intro .intro-vision .intro-vision-Text {
  position: relative;
  width: 65%;
  direction: rtl;
  padding: 4.3rem 7rem 4.3rem 0;
}
.html-page .intro .intro-vision .intro-vision-Text:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1135px;
  height: 100%;
  background: url("/UserFiles/import-why-bg-2.png") no-repeat right center;
  background-size: cover;
}
.html-page .intro .intro-vision .intro-vision-Text h2 {
  color: #fff;
  font-size: 1.875rem;
}
.html-page .intro .intro-vision .intro-vision-Text h3 {
  font-family: Rokh-UltraBold;
  font-size: 1.32rem;
  color: #c7963b;
}
.html-page .intro .intro-vision .intro-vision-Text > p {
  color: #fff;
  font-size: 1.125rem;
  text-align: justify;
}
.html-page .intro .intro-resp {
  padding: 2rem 0;
}
.html-page .intro .intro-resp .intro-resp-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3.5rem;
  padding-top: 2rem;
}
.html-page .intro .intro-resp .intro-resp-inner .intro-resp-Text {
  flex: 1;
}
.html-page .members-list .member-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background-color: #fff;
  margin-bottom: 1rem;
  border-radius: 1.5rem;
  padding: 1rem;
}
.html-page .members-list .member-item .member-img img {
  border: 1px solid #ccc;
  display: inline-block;
  border-radius: 1rem;
}
.html-page .members-list .member-item .member-des {
  flex: 1;
}
.html-page .members-list .member-item .member-des h3 {
  color: var(--bs-primary);
  font-size: 1.125rem;
  margin: 5px 0 0;
}
.html-page .members-list .member-item .member-des .member-dscp {
  line-height: 1.5;
}
.html-page .chart-page {
  position: relative;
}
.html-page .chart-page .chart-pic {
  position: absolute;
  right: 130px;
  top: -50px;
}
.html-page .chart-page .item {
  margin-bottom: 1rem;
}
.html-page .chart-page .item.active, .html-page .chart-page .item:hover {
  color: #000;
}
.html-page .chart-page .item span {
  font-size: 1rem;
  color: var(--bs-primary);
}
.html-page .chart-page .tree-nav__item {
  display: block;
  position: relative;
}
.html-page .chart-page .tree-nav__item .tree-nav__item {
  margin-right: 2.4rem;
}
.html-page .chart-page .tree-nav__item.is-expandable:before {
  border-right: 1px solid #c9ac74;
  content: "";
  height: 100%;
  right: 0.8rem;
  position: absolute;
  top: 2.4rem;
  height: calc(100% - 2.4rem);
}
.html-page .chart-page .tree-nav__item.is-expandable summary {
  display: block;
  cursor: pointer;
  outline: 0;
}
.html-page .chart-page .tree-nav__item.is-expandable summary::-webkit-details-marker {
  display: none;
}
.html-page .chart-page .tree-nav__item.is-expandable > .tree-nav__item-title {
  padding-right: 1.5rem;
}
.html-page .chart-page .tree-nav__item.is-expandable > .tree-nav__item-title:before {
  position: absolute;
  will-change: transform;
  transition: transform 300ms ease;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  color: #c9ac74;
  content: "\f053";
  right: 0;
  display: inline-block;
  width: 1.6rem;
  text-align: center;
}
.html-page .chart-page .tree-nav__item.is-expandable[open] > .tree-nav__item-title::before {
  transform: rotate(-90deg);
}
.html-page .chart-page .tree-nav__item-title {
  cursor: pointer;
  display: block;
  outline: 0;
  color: #000;
  padding-right: 0.5rem;
}
.html-page .chart-page .tree-nav__item-title::-webkit-details-marker {
  display: none;
}
.html-page .chart-page .manager-view {
  max-width: 560px;
  margin: 0 auto;
}
.html-page .chart-page .manager-view .itemPo {
  box-shadow: 0 0px 5px 0px #cecece;
  background: white;
  border-radius: 10px;
  text-align: right;
  overflow: hidden;
  margin-bottom: 15px;
}
.html-page .chart-page .manager-view .itemPo h2 {
  font-size: 20px;
  text-align: center;
  color: #fff;
  background: #3f949a;
  padding: 10px 30px;
  border-radius: 10px 10px 0 0;
}
.html-page .chart-page .manager-view .itemPo .summary {
  text-align: center;
  font-size: 18px;
  color: #000;
  padding: 0 30px;
}
.html-page .chart-page .manager-view .itemPo .dscp {
  border-top: 1px solid #5cc6d0;
  margin-top: 10px;
  padding: 10px;
  font-size: 14px;
  line-height: 35px;
}
.html-page .chart-page .manager-view .itemPo .dscp img {
  display: inline-block;
  width: 25%;
  max-width: 125px;
  border: 1px solid #3f949a;
  transition: all 0.3s ease;
}
.html-page .chart-page .manager-view .itemPo .dscp img:hover {
  transform: scale(1.05);
}
.html-page .chart-page .manager-view .itemPo .dscp > div {
  display: inline-block;
  vertical-align: middle;
  width: 74%;
}
.html-page .chart-page .manager-view .itemPo .dscp > div.text-center {
  width: 100%;
}
.html-page .chart-page .manager-view .itemPo .dscp > div a {
  color: #3f949a;
}
.html-page .chart-page .manager-view .itemPo .dscp > div a:hover, .html-page .chart-page .manager-view .itemPo .dscp > div a.active {
  color: var(--bs-primary);
  cursor: pointer;
}
.html-page .chart-page .manager-view .itemPo .dscp p {
  position: relative;
  padding-right: 40px;
  margin-bottom: 5px;
}
.html-page .chart-page .manager-view .itemPo .dscp p:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  background: #3f949a;
  color: #fff;
  transition: all 0.3s ease;
}
.html-page .chart-page .manager-view .itemPo .dscp p:nth-child(1):before {
  content: "\f095";
}
.html-page .chart-page .manager-view .itemPo .dscp p:nth-child(2):before {
  content: "\f1fa";
}
.html-page .chart-page .manager-view .itemPo .dscp p:nth-child(3):before {
  content: "\f1c1";
}
.html-page .chart-page .manager-view .itemPo .dscp p:hover:before {
  transform: rotate(360deg);
}
.html-page .chart-page .manager-view .itemPo .dscp a.btn {
  color: #fff;
}
.html-page .chart-page .manager-view .resume-wrap {
  display: none;
  box-shadow: 0 0px 5px 0px #cecece;
  background: white;
  border-radius: 10px;
  text-align: right;
  overflow: hidden;
  margin-bottom: 15px;
}
.html-page .chart-page .manager-view .resume-wrap .resume-title {
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: #3f949a;
  padding: 10px 30px;
  border-radius: 10px 10px 0 0;
}
.html-page .chart-page .manager-view .resume-wrap .resume-dscp {
  padding: 15px;
  font-size: 14px;
}
.html-page .chart-page .manager-view .resume-wrap .resume-dscp ul {
  padding-right: 20px;
}
.html-page .chart-page .manager-view .resume-wrap .resume-dscp ul li {
  margin-bottom: 0;
}
.html-page .history-page .timeline-holder {
  position: relative;
  padding: 7rem 0px 3rem;
  overflow: hidden;
}
.html-page .history-page .timeline-holder .progress-line {
  width: 2px;
  height: 100%;
  background-color: #3f3f3f;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.html-page .history-page .timeline-holder .timeline-item {
  width: 100%;
  position: relative;
  margin-bottom: 3rem;
}
.html-page .history-page .timeline-holder .timeline-item .content {
  position: relative;
  width: 50%;
  height: auto;
  text-align: justify;
}
.html-page .history-page .timeline-holder .timeline-item .content.left {
  float: left;
}
.html-page .history-page .timeline-holder .timeline-item .content.right {
  float: right;
}
.html-page .history-page .timeline-holder .timeline-item .content .title {
  display: inline-block;
  min-width: 182px;
  background-color: #284572;
  color: #fff;
  font-size: 1.375rem;
  padding: 0 1rem;
  line-height: 43px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.html-page .history-page .timeline-holder .timeline-item .content p {
  clear: both;
  padding: 2rem 1.5rem;
}
.html-page .history-page .timeline-holder .timeline-item span.pulse {
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  background-color: #284572;
  position: absolute;
  left: 50%;
  top: -7px;
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 2;
}
.html-page .history-page .timeline-holder .timeline-item .timeline-date {
  position: absolute;
  top: -40px;
  color: #fff;
  font-size: 1.125rem;
  background-color: #284572;
  padding: 0 1rem;
  line-height: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.html-page .history-page .timeline-holder .timeline-item:nth-child(even) .timeline-date {
  right: 50%;
}
.html-page .history-page .timeline-holder .timeline-item:nth-child(even) .title {
  float: right;
}
.html-page .history-page .timeline-holder .timeline-item:nth-child(odd) .timeline-date {
  left: 50%;
}
.html-page .history-page .timeline-holder .timeline-item:nth-child(odd) .title {
  float: left;
}
.html-page .history-page .timeline-holder .timeline-item:nth-child(2) .timeline-date, .html-page .history-page .timeline-holder .timeline-item:nth-child(2) .title, .html-page .history-page .timeline-holder .timeline-item:nth-child(2) span.pulse {
  background-color: #45abba;
}
.html-page .history-page .timeline-holder .timeline-item:nth-child(3) .timeline-date, .html-page .history-page .timeline-holder .timeline-item:nth-child(3) .title, .html-page .history-page .timeline-holder .timeline-item:nth-child(3) span.pulse {
  background-color: #868198;
}
.html-page .branches-page .item {
  border: 1px solid #ccc;
  padding: 1rem;
  border-radius: 1rem;
}
.html-page .branches-page .item .img-container {
  display: block;
  background: var(--bs-primary);
}
.html-page .branches-page .item .img-container img {
  width: 100%;
  opacity: 1;
  position: static !important;
  transition: all 0.5s ease;
  border: 1px solid #ccc;
}
.html-page .branches-page .item .txt-container h2 {
  text-align: center;
  color: var(--bs-primary);
  margin: 1rem 0;
}
.html-page .branches-page .item .txt-container p strong {
  color: var(--bs-primary);
}
.html-page .branches-page .item:hover .img-container img {
  opacity: 0.8;
}
.html-page .leasing {
  position: relative;
}
.html-page .leasing .main-title {
  position: relative;
  z-index: 3;
  margin-bottom: 0;
  font-size: 1.5rem;
  color: var(--bs-secondary);
}
.html-page .leasing .leasing-options {
  padding-bottom: 2rem;
}
.html-page .leasing .leasing-options:before {
  content: "";
  position: absolute;
  top: -30px;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1920px;
  background-color: #f5f5f5;
}
.html-page .leasing .leasing-options:after {
  content: "";
  position: absolute;
  top: -30px;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: 0;
  display: block;
  width: 1920px;
  height: 526px;
  background: url("/UserFiles/leasing-option-bg.jpg") no-repeat center top;
  background-size: cover;
}
.html-page .leasing .leasing-options > p {
  position: relative;
  z-index: 3;
  font-size: 1.125rem;
  color: #fff;
}
.html-page .leasing .leasing-options .grid-container {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.html-page .leasing .leasing-options .grid-container .grid-item {
  width: 25%;
  margin-bottom: 1.5rem;
}
.html-page .leasing .leasing-options .grid-container .grid-item .img-container {
  max-width: 227px;
  margin: 0 auto 1rem;
  padding: 10px;
  border: 1px solid var(--bs-secondary);
  background-color: #284572;
}
.html-page .leasing .leasing-options .grid-container .grid-item .img-container .img-wrap {
  display: block;
  overflow: hidden;
}
.html-page .leasing .leasing-options .grid-container .grid-item .img-container .img-wrap img {
  transition: all 0.3s ease;
}
.html-page .leasing .leasing-options .grid-container .grid-item .content-container {
  max-width: 227px;
  margin: 0 auto;
}
.html-page .leasing .leasing-options .grid-container .grid-item .content-container p {
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  color: #fff;
}
.html-page .leasing .leasing-options .grid-container .grid-item .content-container p strong {
  display: block;
  font-size: 1.125rem;
  color: var(--bs-secondary);
}
.html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(1) .content-container p, .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(2) .content-container p {
  color: initial;
}
.html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(1) .content-container p strong, .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(2) .content-container p strong {
  color: var(--bs-primary);
}
.html-page .leasing .leasing-options .grid-container .grid-item:hover .img-container .img-wrap img {
  transform: scale(1.1);
}
.html-page .leasing .leasing-stages {
  padding: 5rem 0;
}
.html-page .leasing .leasing-stages h2 {
  color: var(--bs-primary);
  font-size: 1.5rem;
}
.html-page .leasing .leasing-stages .grid-container {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2rem;
}
.html-page .leasing .leasing-stages .grid-container .grid-item {
  width: 25%;
  max-width: 310px;
  display: flex;
  flex-direction: column;
}
.html-page .leasing .leasing-stages .grid-container .grid-item .img-container {
  position: relative;
  text-align: center;
  padding-bottom: 55px;
}
.html-page .leasing .leasing-stages .grid-container .grid-item .img-container:before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: block;
  width: 30px;
  height: 43px;
  background-color: var(--stage-color);
  -webkit-mask-image: url("/Images/leasing-mask-1.png");
          mask-image: url("/Images/leasing-mask-1.png");
  -webkit-mask-size: 100%;
          mask-size: 100%;
}
.html-page .leasing .leasing-stages .grid-container .grid-item .img-container .img-wrap {
  display: inline-block;
  max-width: 95px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-color: var(--stage-color);
  text-align: center;
}
.html-page .leasing .leasing-stages .grid-container .grid-item .img-container .img-wrap img {
  transition: all 0.5s ease;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:hover .img-container .img-wrap img {
  transform: rotateY(360deg);
}
.html-page .leasing .leasing-stages .grid-container .grid-item .title-container {
  position: relative;
  text-align: center;
  background-color: var(--stage-color);
  color: #fff;
  border-radius: 30px 30px 0 0;
  border-bottom: 2px solid #000;
}
.html-page .leasing .leasing-stages .grid-container .grid-item .title-container:before {
  content: "";
  position: absolute;
  bottom: -6px;
  right: -6px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #000;
  background-color: #fff;
}
.html-page .leasing .leasing-stages .grid-container .grid-item .content-container {
  position: relative;
  height: 182px;
}
.html-page .leasing .leasing-stages .grid-container .grid-item .content-container p {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  padding: 1.6rem 0;
}
.html-page .leasing .leasing-stages .grid-container .grid-item .content-container p strong {
  display: block;
  font-size: 1.125rem;
  color: var(--stage-color);
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(2), .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(4), .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(5), .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(7) {
  flex-direction: column-reverse;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(2) .img-container, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(4) .img-container, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(5) .img-container, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(7) .img-container {
  padding-top: 55px;
  padding-bottom: 0;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(2) .img-container:before, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(4) .img-container:before, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(5) .img-container:before, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(7) .img-container:before {
  bottom: auto;
  top: -1px;
  -webkit-mask-image: url("/Images/leasing-mask-2.png");
          mask-image: url("/Images/leasing-mask-2.png");
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(2) .title-container, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(4) .title-container, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(5) .title-container, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(7) .title-container {
  border-radius: 0 0 30px 30px;
  border-top: 2px solid #000;
  border-bottom: 0;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(2) .title-container:before, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(4) .title-container:before, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(5) .title-container:before, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(7) .title-container:before {
  bottom: auto;
  top: -6px;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(2) .content-container p, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(4) .content-container p, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(5) .content-container p, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(7) .content-container p {
  top: auto;
  bottom: 0;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(4) .title-container:after, .html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(7) .title-container:after {
  content: "";
  position: absolute;
  top: -8px;
  left: -6px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #000;
  background-color: #fff;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(7) .title-container:after {
  bottom: auto;
  top: -6px;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(1) {
  --stage-color: #f1a782;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(2) {
  --stage-color: #b3636c;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(3) {
  --stage-color: #566f84;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(4) {
  --stage-color: #826174;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(5) {
  --stage-color: #5b5e67;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(6) {
  --stage-color: #284572;
}
.html-page .leasing .leasing-stages .grid-container .grid-item:nth-child(7) {
  --stage-color: #44b678;
}
.html-page .leasing .leasing-docs {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10rem;
}
.html-page .leasing .leasing-docs:before {
  content: "";
  position: absolute;
  top: 0;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1920px;
  height: 100%;
  background-color: #f5f5f5;
}
.html-page .leasing .leasing-docs > div {
  flex: 1;
}
.html-page .leasing .leasing-docs .leasing-doc-Text {
  padding: 9rem 0;
}
.html-page .leasing .leasing-docs .leasing-doc-Text h2 {
  color: var(--bs-primary);
  font-size: 1.5rem;
}
.html-page .leasing .leasing-docs .leasing-doc-Text ul {
  margin: 1rem 0;
}
.html-page .leasing .leasing-docs .leasing-doc-Img {
  position: relative;
  height: 497px;
}
.html-page .leasing .leasing-docs .leasing-doc-Img img {
  position: absolute;
  right: 2rem;
  top: 5rem;
  max-width: unset;
}
.html-page .buy {
  position: relative;
}
.html-page .buy .main-title {
  position: relative;
  z-index: 3;
  margin-bottom: 0;
  font-size: 1.5rem;
  color: var(--bs-secondary);
}
.html-page .buy .buy-options {
  padding-bottom: 5.5rem;
}
.html-page .buy .buy-options:before {
  content: "";
  position: absolute;
  top: -30px;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1920px;
  background-color: #fff;
}
.html-page .buy .buy-options:after {
  content: "";
  position: absolute;
  top: -30px;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: 0;
  display: block;
  width: 1920px;
  height: 526px;
  background: url("/UserFiles/buy-option-bg.jpg") no-repeat center top;
  background-size: cover;
}
.html-page .buy .buy-options > p {
  position: relative;
  z-index: 3;
  font-size: 1.125rem;
  color: #fff;
}
.html-page .buy .buy-options .grid-container {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.html-page .buy .buy-options .grid-container .grid-item {
  width: 20%;
  margin-bottom: 1.5rem;
}
.html-page .buy .buy-options .grid-container .grid-item .img-container {
  max-width: 227px;
  margin: 0 auto 1rem;
  padding: 10px;
  border: 1px solid var(--bs-secondary);
  background-color: #284572;
}
.html-page .buy .buy-options .grid-container .grid-item .img-container .img-wrap {
  display: block;
  overflow: hidden;
}
.html-page .buy .buy-options .grid-container .grid-item .img-container .img-wrap img {
  transition: all 0.3s ease;
}
.html-page .buy .buy-options .grid-container .grid-item .content-container {
  max-width: 227px;
  margin: 0 auto;
}
.html-page .buy .buy-options .grid-container .grid-item .content-container p {
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  color: #fff;
}
.html-page .buy .buy-options .grid-container .grid-item .content-container p strong {
  display: block;
  font-size: 1.125rem;
  color: var(--bs-secondary);
}
.html-page .buy .buy-options .grid-container .grid-item:hover .img-container .img-wrap img {
  transform: scale(1.1);
}
.html-page .buy .buy-stages {
  padding: 5rem 0;
}
.html-page .buy .buy-stages h2 {
  color: var(--bs-primary);
  font-size: 1.5rem;
}
.html-page .buy .buy-stages .grid-container {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2rem;
}
.html-page .buy .buy-stages .grid-container .grid-item {
  width: 20%;
  display: flex;
  flex-direction: column;
}
.html-page .buy .buy-stages .grid-container .grid-item .img-container {
  position: relative;
  text-align: center;
  padding-bottom: 55px;
}
.html-page .buy .buy-stages .grid-container .grid-item .img-container:before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: block;
  width: 30px;
  height: 43px;
  background-color: var(--stage-color);
  -webkit-mask-image: url("/Images/leasing-mask-1.png");
          mask-image: url("/Images/leasing-mask-1.png");
  -webkit-mask-size: 100%;
          mask-size: 100%;
}
.html-page .buy .buy-stages .grid-container .grid-item .img-container .img-wrap {
  display: inline-block;
  max-width: 95px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-color: var(--stage-color);
  text-align: center;
}
.html-page .buy .buy-stages .grid-container .grid-item .img-container .img-wrap img {
  transition: all 0.5s ease;
}
.html-page .buy .buy-stages .grid-container .grid-item:hover .img-container .img-wrap img {
  transform: rotateY(360deg);
}
.html-page .buy .buy-stages .grid-container .grid-item .title-container {
  position: relative;
  text-align: center;
  background-color: var(--stage-color);
  color: #fff;
  border-radius: 30px 30px 0 0;
  border-bottom: 2px solid #000;
}
.html-page .buy .buy-stages .grid-container .grid-item .title-container:before {
  content: "";
  position: absolute;
  bottom: -6px;
  right: -6px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #000;
  background-color: #fff;
}
.html-page .buy .buy-stages .grid-container .grid-item .content-container {
  position: relative;
  height: 182px;
}
.html-page .buy .buy-stages .grid-container .grid-item .content-container p {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  padding: 1.6rem 0;
}
.html-page .buy .buy-stages .grid-container .grid-item .content-container p strong {
  display: block;
  font-size: 1.125rem;
  color: var(--stage-color);
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(2), .html-page .buy .buy-stages .grid-container .grid-item:nth-child(4), .html-page .buy .buy-stages .grid-container .grid-item:nth-child(5) {
  flex-direction: column-reverse;
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(2) .img-container, .html-page .buy .buy-stages .grid-container .grid-item:nth-child(4) .img-container, .html-page .buy .buy-stages .grid-container .grid-item:nth-child(5) .img-container {
  padding-top: 55px;
  padding-bottom: 0;
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(2) .img-container:before, .html-page .buy .buy-stages .grid-container .grid-item:nth-child(4) .img-container:before, .html-page .buy .buy-stages .grid-container .grid-item:nth-child(5) .img-container:before {
  bottom: auto;
  top: -1px;
  -webkit-mask-image: url("/Images/leasing-mask-2.png");
          mask-image: url("/Images/leasing-mask-2.png");
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(2) .title-container, .html-page .buy .buy-stages .grid-container .grid-item:nth-child(4) .title-container, .html-page .buy .buy-stages .grid-container .grid-item:nth-child(5) .title-container {
  border-radius: 0 0 30px 30px;
  border-top: 2px solid #000;
  border-bottom: 0;
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(2) .title-container:before, .html-page .buy .buy-stages .grid-container .grid-item:nth-child(4) .title-container:before, .html-page .buy .buy-stages .grid-container .grid-item:nth-child(5) .title-container:before {
  bottom: auto;
  top: -6px;
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(2) .content-container p, .html-page .buy .buy-stages .grid-container .grid-item:nth-child(4) .content-container p, .html-page .buy .buy-stages .grid-container .grid-item:nth-child(5) .content-container p {
  top: auto;
  bottom: 0;
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(4) .title-container:after, .html-page .buy .buy-stages .grid-container .grid-item:nth-child(6) .title-container:after {
  content: "";
  position: absolute;
  top: -8px;
  left: -6px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #000;
  background-color: #fff;
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(6) .title-container:after {
  top: auto;
  bottom: -6px;
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(1) {
  --stage-color: #f1a782;
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(2) {
  --stage-color: #b3636c;
  width: 40%;
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(3) {
  --stage-color: #566f84;
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(4) {
  --stage-color: #826174;
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(5) {
  --stage-color: #5b5e67;
  min-width: 310px;
}
.html-page .buy .buy-stages .grid-container .grid-item:nth-child(6) {
  --stage-color: #284572;
  min-width: 310px;
}
.html-page .sell {
  position: relative;
}
.html-page .sell .main-title {
  position: relative;
  z-index: 3;
  margin-bottom: 0;
  font-size: 1.5rem;
  color: var(--bs-secondary);
}
.html-page .sell .sell-options:before {
  content: "";
  position: absolute;
  top: -30px;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1920px;
  background-color: var(--bs-primary);
}
.html-page .sell .sell-options > p {
  position: relative;
  z-index: 3;
  font-size: 1.125rem;
  color: #fff;
}
.html-page .sell .sell-options img {
  width: 100%;
}
.html-page .sell .sell-stages {
  padding: 3.5rem 0;
}
.html-page .sell .sell-stages h2 {
  color: var(--bs-primary);
  font-size: 1.5rem;
}
.html-page .sell .sell-stages .grid-container {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2rem;
}
.html-page .sell .sell-stages .grid-container .grid-item {
  width: 25%;
  display: flex;
  flex-direction: column;
}
.html-page .sell .sell-stages .grid-container .grid-item .img-container {
  position: relative;
  text-align: center;
  padding-bottom: 55px;
}
.html-page .sell .sell-stages .grid-container .grid-item .img-container:before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: block;
  width: 30px;
  height: 43px;
  background-color: var(--stage-color);
  -webkit-mask-image: url("/Images/leasing-mask-1.png");
          mask-image: url("/Images/leasing-mask-1.png");
  -webkit-mask-size: 100%;
          mask-size: 100%;
}
.html-page .sell .sell-stages .grid-container .grid-item .img-container .img-wrap {
  display: inline-block;
  max-width: 95px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-color: var(--stage-color);
  text-align: center;
}
.html-page .sell .sell-stages .grid-container .grid-item .img-container .img-wrap img {
  transition: all 0.5s ease;
}
.html-page .sell .sell-stages .grid-container .grid-item:hover .img-container .img-wrap img {
  transform: rotateY(360deg);
}
.html-page .sell .sell-stages .grid-container .grid-item .title-container {
  position: relative;
  text-align: center;
  background-color: var(--stage-color);
  color: #fff;
  border-radius: 30px 30px 0 0;
  border-bottom: 2px solid #000;
}
.html-page .sell .sell-stages .grid-container .grid-item .title-container:before {
  content: "";
  position: absolute;
  bottom: -6px;
  right: -6px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #000;
  background-color: #fff;
}
.html-page .sell .sell-stages .grid-container .grid-item .content-container {
  position: relative;
  height: 182px;
}
.html-page .sell .sell-stages .grid-container .grid-item .content-container p {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  padding: 1.6rem 0;
}
.html-page .sell .sell-stages .grid-container .grid-item .content-container p strong {
  display: block;
  font-size: 1.125rem;
  color: var(--stage-color);
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(2), .html-page .sell .sell-stages .grid-container .grid-item:nth-child(4), .html-page .sell .sell-stages .grid-container .grid-item:nth-child(5) {
  flex-direction: column-reverse;
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(2) .img-container, .html-page .sell .sell-stages .grid-container .grid-item:nth-child(4) .img-container, .html-page .sell .sell-stages .grid-container .grid-item:nth-child(5) .img-container {
  padding-top: 55px;
  padding-bottom: 0;
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(2) .img-container:before, .html-page .sell .sell-stages .grid-container .grid-item:nth-child(4) .img-container:before, .html-page .sell .sell-stages .grid-container .grid-item:nth-child(5) .img-container:before {
  bottom: auto;
  top: -1px;
  -webkit-mask-image: url("/Images/leasing-mask-2.png");
          mask-image: url("/Images/leasing-mask-2.png");
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(2) .title-container, .html-page .sell .sell-stages .grid-container .grid-item:nth-child(4) .title-container, .html-page .sell .sell-stages .grid-container .grid-item:nth-child(5) .title-container {
  border-radius: 0 0 30px 30px;
  border-top: 2px solid #000;
  border-bottom: 0;
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(2) .title-container:before, .html-page .sell .sell-stages .grid-container .grid-item:nth-child(4) .title-container:before, .html-page .sell .sell-stages .grid-container .grid-item:nth-child(5) .title-container:before {
  bottom: auto;
  top: -6px;
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(2) .content-container p, .html-page .sell .sell-stages .grid-container .grid-item:nth-child(4) .content-container p, .html-page .sell .sell-stages .grid-container .grid-item:nth-child(5) .content-container p {
  top: auto;
  bottom: 0;
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(4) .title-container:after, .html-page .sell .sell-stages .grid-container .grid-item:nth-child(6) .title-container:after {
  content: "";
  position: absolute;
  top: -8px;
  left: -6px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #000;
  background-color: #fff;
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(6) .title-container:after {
  top: auto;
  bottom: -6px;
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(1) {
  --stage-color: #f1a782;
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(2) {
  --stage-color: #b3636c;
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(3) {
  --stage-color: #566f84;
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(4) {
  --stage-color: #826174;
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(5) {
  --stage-color: #5b5e67;
}
.html-page .sell .sell-stages .grid-container .grid-item:nth-child(6) {
  --stage-color: #284572;
}
.html-page .inspection {
  position: relative;
}
.html-page .inspection .main-title {
  position: relative;
  z-index: 3;
  margin-bottom: 0;
  font-size: 1.5rem;
  color: var(--bs-secondary);
}
.html-page .inspection .inspection-options:before {
  content: "";
  position: absolute;
  top: -30px;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1920px;
  background-color: var(--bs-primary);
}
.html-page .inspection .inspection-options:after {
  content: "";
  position: absolute;
  top: -30px;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: 0;
  display: block;
  width: 1920px;
  height: 526px;
  background: url("/UserFiles/inspection-option-bg.jpg") no-repeat center top;
  background-size: cover;
}
.html-page .inspection .inspection-options > p {
  position: relative;
  z-index: 3;
  font-size: 1.125rem;
  color: #fff;
}
.html-page .inspection .inspection-options > h2 {
  position: relative;
  z-index: 3;
  font-size: 1.5rem;
  color: var(--bs-secondary);
}
.html-page .inspection .inspection-options .grid-container {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.html-page .inspection .inspection-options .grid-container .grid-item {
  width: 25%;
  margin-bottom: 1.5rem;
}
.html-page .inspection .inspection-options .grid-container .grid-item .img-container {
  max-width: 227px;
  margin: 0 auto 1rem;
  padding: 10px;
  border: 1px solid var(--bs-secondary);
  background-color: #284572;
}
.html-page .inspection .inspection-options .grid-container .grid-item .img-container .img-wrap {
  display: block;
  overflow: hidden;
}
.html-page .inspection .inspection-options .grid-container .grid-item .img-container .img-wrap img {
  transition: all 0.3s ease;
}
.html-page .inspection .inspection-options .grid-container .grid-item .content-container {
  max-width: 245px;
  margin: 0 auto;
}
.html-page .inspection .inspection-options .grid-container .grid-item .content-container p {
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  color: #fff;
}
.html-page .inspection .inspection-options .grid-container .grid-item .content-container p strong {
  display: block;
  font-size: 1.125rem;
  color: var(--bs-secondary);
}
.html-page .inspection .inspection-options .grid-container .grid-item:hover .img-container .img-wrap img {
  transform: scale(1.1);
}
.html-page .inspection .inspection-why {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 5rem 0;
}
.html-page .inspection .inspection-why .inspection-why-pic {
  flex: 35%;
  text-align: center;
}
.html-page .inspection .inspection-why .inspection-why-Text {
  flex: 60%;
}
.html-page .inspection .inspection-why .inspection-why-Text h2 {
  color: var(--bs-primary);
}
.html-page .inspection .inspection-why .inspection-why-Text ul li {
  list-style-image: url("/UserFiles/list-img.png");
}
.html-page .import {
  position: relative;
}
.html-page .import .main-title {
  position: relative;
  z-index: 3;
  margin-bottom: 0;
  font-size: 1.5rem;
  color: var(--bs-secondary);
}
.html-page .import .import-dscp {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
  padding-bottom: 2rem;
}
.html-page .import .import-dscp:before {
  content: "";
  position: absolute;
  top: -30px;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1920px;
  background-color: var(--bs-primary);
}
.html-page .import .import-dscp > div {
  flex: 1;
}
.html-page .import .import-dscp .import-dscp-Text p {
  color: #fff;
}
.html-page .import .import-dscp .import-dscp-Img {
  position: relative;
}
.html-page .import .import-dscp .import-dscp-Img img {
  position: absolute;
  top: 0;
  left: 0;
}
.html-page .import .import-adv {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 8rem 0 3rem;
}
.html-page .import .import-adv .import-adv-pic {
  flex: 30%;
  text-align: center;
}
.html-page .import .import-adv .import-adv-Text {
  flex: 60%;
}
.html-page .import .import-adv .import-adv-Text h2 {
  color: var(--bs-primary);
}
.html-page .import .import-adv .import-adv-Text ul li {
  list-style-image: url("/UserFiles/list-img.png");
}
.html-page .import .import-stages {
  position: relative;
  padding: 3.5rem 0;
  max-width: 1170px;
  margin: 0 auto;
}
.html-page .import .import-stages:before {
  content: "";
  position: absolute;
  top: 0;
  right: -999px;
  left: -999px;
  margin: 0 auto;
  display: block;
  width: 100vw;
  max-width: 1920px;
  height: 100%;
  background: #f5f5f5;
  z-index: -1;
}
.html-page .import .import-stages h2 {
  color: var(--bs-primary);
  font-size: 1.5rem;
  text-align: center;
}
.html-page .import .import-stages .grid-container {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2rem;
}
.html-page .import .import-stages .grid-container .grid-item {
  width: 33%;
  display: flex;
  flex-direction: column;
}
.html-page .import .import-stages .grid-container .grid-item .img-container {
  position: relative;
  text-align: center;
  padding-bottom: 55px;
}
.html-page .import .import-stages .grid-container .grid-item .img-container:before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: block;
  width: 30px;
  height: 43px;
  background-color: var(--stage-color);
  -webkit-mask-image: url("/Images/leasing-mask-1.png");
          mask-image: url("/Images/leasing-mask-1.png");
  -webkit-mask-size: 100%;
          mask-size: 100%;
}
.html-page .import .import-stages .grid-container .grid-item .img-container .img-wrap {
  display: inline-block;
  max-width: 95px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-color: var(--stage-color);
  text-align: center;
}
.html-page .import .import-stages .grid-container .grid-item .img-container .img-wrap img {
  transition: all 0.5s ease;
}
.html-page .import .import-stages .grid-container .grid-item:hover .img-container .img-wrap img {
  transform: rotateY(360deg);
}
.html-page .import .import-stages .grid-container .grid-item .title-container {
  position: relative;
  text-align: center;
  background-color: var(--stage-color);
  color: #fff;
  border-radius: 30px 30px 0 0;
  border-bottom: 2px solid #000;
}
.html-page .import .import-stages .grid-container .grid-item .title-container:before {
  content: "";
  position: absolute;
  bottom: -6px;
  right: -6px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #000;
  background-color: #fff;
}
.html-page .import .import-stages .grid-container .grid-item .content-container {
  position: relative;
  height: 182px;
}
.html-page .import .import-stages .grid-container .grid-item .content-container p {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  padding: 1.6rem 0;
}
.html-page .import .import-stages .grid-container .grid-item .content-container p strong {
  display: block;
  font-size: 1.125rem;
  color: var(--stage-color);
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(2), .html-page .import .import-stages .grid-container .grid-item:nth-child(4), .html-page .import .import-stages .grid-container .grid-item:nth-child(5) {
  flex-direction: column-reverse;
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(2) .img-container, .html-page .import .import-stages .grid-container .grid-item:nth-child(4) .img-container, .html-page .import .import-stages .grid-container .grid-item:nth-child(5) .img-container {
  padding-top: 55px;
  padding-bottom: 0;
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(2) .img-container:before, .html-page .import .import-stages .grid-container .grid-item:nth-child(4) .img-container:before, .html-page .import .import-stages .grid-container .grid-item:nth-child(5) .img-container:before {
  bottom: auto;
  top: -1px;
  -webkit-mask-image: url("/Images/leasing-mask-2.png");
          mask-image: url("/Images/leasing-mask-2.png");
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(2) .title-container, .html-page .import .import-stages .grid-container .grid-item:nth-child(4) .title-container, .html-page .import .import-stages .grid-container .grid-item:nth-child(5) .title-container {
  border-radius: 0 0 30px 30px;
  border-top: 2px solid #000;
  border-bottom: 0;
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(2) .title-container:before, .html-page .import .import-stages .grid-container .grid-item:nth-child(4) .title-container:before, .html-page .import .import-stages .grid-container .grid-item:nth-child(5) .title-container:before {
  bottom: auto;
  top: -6px;
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(2) .content-container p, .html-page .import .import-stages .grid-container .grid-item:nth-child(4) .content-container p, .html-page .import .import-stages .grid-container .grid-item:nth-child(5) .content-container p {
  top: auto;
  bottom: 0;
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(3) .title-container:after, .html-page .import .import-stages .grid-container .grid-item:nth-child(5) .title-container:after {
  content: "";
  position: absolute;
  top: -8px;
  left: -6px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #000;
  background-color: #fff;
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(3) .title-container:after {
  top: auto;
  bottom: -6px;
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(1) {
  --stage-color: #f1a782;
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(2) {
  --stage-color: #b3636c;
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(3) {
  --stage-color: #566f84;
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(4) {
  --stage-color: #826174;
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(5) {
  --stage-color: #5b5e67;
}
.html-page .import .import-stages .grid-container .grid-item:nth-child(6) {
  --stage-color: #284572;
}
.html-page .import .import-why {
  position: relative;
  direction: ltr;
  padding: 3rem 0;
}
.html-page .import .import-why:before {
  content: "";
  position: absolute;
  top: 0;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1920px;
  height: 100%;
  background: url("/UserFiles/import-why-bg.jpg") no-repeat center center;
  background-size: cover;
}
.html-page .import .import-why .import-why-Text {
  position: relative;
  width: 65%;
  direction: rtl;
  padding: 4.3rem 10rem 4.3rem 0;
}
.html-page .import .import-why .import-why-Text:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1135px;
  height: 100%;
  background: url("/UserFiles/import-why-bg-2.png") no-repeat right center;
  background-size: cover;
}
.html-page .import .import-why .import-why-Text h2 {
  color: #fff;
  font-size: 1.875rem;
}
.html-page .import .import-why .import-why-Text > p {
  color: #fff;
  font-size: 1.375rem;
  text-align: right;
}
.html-page .import .import-why .import-why-Text .grid-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 2rem 0;
}
.html-page .import .import-why .import-why-Text .grid-container .grid-item {
  flex: 33%;
}
.html-page .import .import-why .import-why-Text .grid-container .grid-item .img-container {
  max-width: 146px;
  margin: 0 auto 1rem;
  padding: 7px;
  border: 1px solid #c7963b;
  background-color: var(--bs-primary);
  border-radius: 50%;
  overflow: hidden;
}
.html-page .import .import-why .import-why-Text .grid-container .grid-item .img-container .img-wrap {
  display: block;
  overflow: hidden;
  border-radius: 50%;
}
.html-page .import .import-why .import-why-Text .grid-container .grid-item .img-container .img-wrap img {
  transition: all 0.3s ease;
}
.html-page .import .import-why .import-why-Text .grid-container .grid-item .content-container {
  max-width: 180px;
  margin: 0 auto;
}
.html-page .import .import-why .import-why-Text .grid-container .grid-item .content-container p {
  text-align: center;
  font-size: 1.25rem;
  color: #c7963b;
  font-family: "Rokh-Bold";
  line-height: 1.8;
}
.html-page .import .import-why .import-why-Text .grid-container .grid-item:hover .img-container .img-wrap img {
  transform: scale(1.05);
}
.html-page .trade {
  position: relative;
}
.html-page .trade .main-title {
  position: relative;
  z-index: 3;
  margin-bottom: 0;
  font-size: 1.5rem;
  color: var(--bs-secondary);
}
.html-page .trade .trade-dscp {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
  padding-bottom: 4rem;
}
.html-page .trade .trade-dscp:before {
  content: "";
  position: absolute;
  top: -30px;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1920px;
  background-color: var(--bs-primary);
}
.html-page .trade .trade-dscp > div {
  flex: 1;
}
.html-page .trade .trade-dscp .trade-dscp-Text p {
  color: #fff;
}
.html-page .trade .trade-dscp .trade-dscp-Text p.left {
  text-align: left;
}
.html-page .trade .trade-dscp .trade-dscp-Text p.left .btn-secondary {
  margin-top: 2rem;
  background-color: #c9ac74;
  border-radius: 0;
}
.html-page .trade .trade-dscp .trade-dscp-Img {
  position: relative;
}
.html-page .trade .trade-dscp .trade-dscp-Img img {
  position: absolute;
  top: 0;
  left: 0;
}
.html-page .trade .trade-adv {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 9rem 0 3rem;
}
.html-page .trade .trade-adv .trade-adv-pic {
  flex: 30%;
  text-align: center;
}
.html-page .trade .trade-adv .trade-adv-Text {
  flex: 60%;
}
.html-page .trade .trade-adv .trade-adv-Text h2 {
  color: var(--bs-primary);
}
.html-page .trade .trade-adv .trade-adv-Text ul li {
  list-style-image: url("/UserFiles/list-img.png");
}
.html-page .trade .trade-stages {
  position: relative;
  padding: 3.5rem 0;
  max-width: 1170px;
  margin: 0 auto;
}
.html-page .trade .trade-stages:before {
  content: "";
  position: absolute;
  top: 0;
  right: -999px;
  left: -999px;
  margin: 0 auto;
  display: block;
  width: 100vw;
  max-width: 1920px;
  height: 100%;
  background: #f5f5f5;
  z-index: -1;
}
.html-page .trade .trade-stages h2 {
  color: var(--bs-primary);
  font-size: 1.5rem;
  text-align: center;
}
.html-page .trade .trade-stages .grid-container {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2rem;
}
.html-page .trade .trade-stages .grid-container .grid-item {
  width: 20%;
  display: flex;
  flex-direction: column;
}
.html-page .trade .trade-stages .grid-container .grid-item .img-container {
  position: relative;
  text-align: center;
  padding-bottom: 55px;
}
.html-page .trade .trade-stages .grid-container .grid-item .img-container:before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: block;
  width: 30px;
  height: 43px;
  background-color: var(--stage-color);
  -webkit-mask-image: url("/Images/leasing-mask-1.png");
          mask-image: url("/Images/leasing-mask-1.png");
  -webkit-mask-size: 100%;
          mask-size: 100%;
}
.html-page .trade .trade-stages .grid-container .grid-item .img-container .img-wrap {
  display: inline-block;
  max-width: 95px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background-color: var(--stage-color);
  text-align: center;
}
.html-page .trade .trade-stages .grid-container .grid-item .img-container .img-wrap img {
  transition: all 0.5s ease;
}
.html-page .trade .trade-stages .grid-container .grid-item:hover .img-container .img-wrap img {
  transform: rotateY(360deg);
}
.html-page .trade .trade-stages .grid-container .grid-item .title-container {
  position: relative;
  text-align: center;
  background-color: var(--stage-color);
  color: #fff;
  border-radius: 30px 30px 0 0;
  border-bottom: 2px solid #000;
}
.html-page .trade .trade-stages .grid-container .grid-item .title-container:before {
  content: "";
  position: absolute;
  bottom: -6px;
  right: -6px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #000;
  background-color: #fff;
}
.html-page .trade .trade-stages .grid-container .grid-item .content-container {
  position: relative;
  height: 182px;
}
.html-page .trade .trade-stages .grid-container .grid-item .content-container p {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  padding: 1.6rem 0;
}
.html-page .trade .trade-stages .grid-container .grid-item .content-container p strong {
  display: block;
  font-size: 1.125rem;
  color: var(--stage-color);
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(2), .html-page .trade .trade-stages .grid-container .grid-item:nth-child(4), .html-page .trade .trade-stages .grid-container .grid-item:nth-child(6), .html-page .trade .trade-stages .grid-container .grid-item:nth-child(7) {
  flex-direction: column-reverse;
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(2) .img-container, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(4) .img-container, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(6) .img-container, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(7) .img-container {
  padding-top: 55px;
  padding-bottom: 0;
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(2) .img-container:before, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(4) .img-container:before, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(6) .img-container:before, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(7) .img-container:before {
  bottom: auto;
  top: -1px;
  -webkit-mask-image: url("/Images/leasing-mask-2.png");
          mask-image: url("/Images/leasing-mask-2.png");
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(2) .title-container, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(4) .title-container, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(6) .title-container, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(7) .title-container {
  border-radius: 0 0 30px 30px;
  border-top: 2px solid #000;
  border-bottom: 0;
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(2) .title-container:before, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(4) .title-container:before, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(6) .title-container:before, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(7) .title-container:before {
  bottom: auto;
  top: -6px;
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(2) .content-container p, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(4) .content-container p, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(6) .content-container p, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(7) .content-container p {
  top: auto;
  bottom: 0;
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(5) .title-container:after, .html-page .trade .trade-stages .grid-container .grid-item:nth-child(7) .title-container:after {
  content: "";
  position: absolute;
  top: -8px;
  left: -6px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #000;
  background-color: #fff;
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(5) .title-container:after {
  top: auto;
  bottom: -6px;
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(1) {
  --stage-color: #f1a782;
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(2) {
  --stage-color: #b3636c;
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(3) {
  --stage-color: #566f84;
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(4) {
  --stage-color: #826174;
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(5) {
  --stage-color: #284572;
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(6) {
  --stage-color: #566f84;
}
.html-page .trade .trade-stages .grid-container .grid-item:nth-child(7) {
  --stage-color: #5b5e67;
}
.html-page .trade .trade-why {
  position: relative;
  direction: ltr;
  padding: 3rem 0;
}
.html-page .trade .trade-why:before {
  content: "";
  position: absolute;
  top: 0;
  right: -999px;
  left: -999px;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1920px;
  height: 100%;
  background: url("/UserFiles/import-why-bg.jpg") no-repeat center center;
  background-size: cover;
}
.html-page .trade .trade-why .trade-why-Text {
  position: relative;
  width: 65%;
  direction: rtl;
  padding: 4.3rem 10rem 4.3rem 0;
}
.html-page .trade .trade-why .trade-why-Text:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1135px;
  height: 100%;
  background: url("/UserFiles/import-why-bg-2.png") no-repeat right center;
  background-size: cover;
}
.html-page .trade .trade-why .trade-why-Text h2 {
  color: #fff;
  font-size: 1.875rem;
}
.html-page .trade .trade-why .trade-why-Text > p {
  color: #fff;
  font-size: 1.375rem;
  text-align: right;
}
.html-page .trade .trade-why .trade-why-Text .grid-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.html-page .trade .trade-why .trade-why-Text .grid-container .grid-item {
  flex: 50%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 10px;
}
.html-page .trade .trade-why .trade-why-Text .grid-container .grid-item .img-container {
  padding: 7px;
  border: 1px solid #c7963b;
  background-color: var(--bs-primary);
  border-radius: 50%;
  overflow: hidden;
}
.html-page .trade .trade-why .trade-why-Text .grid-container .grid-item .img-container .img-wrap {
  display: block;
  overflow: hidden;
  border-radius: 50%;
}
.html-page .trade .trade-why .trade-why-Text .grid-container .grid-item .img-container .img-wrap img {
  transition: all 0.3s ease;
}
.html-page .trade .trade-why .trade-why-Text .grid-container .grid-item .content-container {
  flex: 1;
}
.html-page .trade .trade-why .trade-why-Text .grid-container .grid-item .content-container p {
  font-size: 1.25rem;
  color: #c7963b;
  font-family: "Rokh-Bold";
  line-height: 1.8;
  text-align: right;
}
.html-page .trade .trade-why .trade-why-Text .grid-container .grid-item:hover .img-container .img-wrap img {
  transform: rotate(360deg);
}
.html-page .req-btn-wrap {
  margin-bottom: 1rem;
}
.html-page .req-btn-wrap .btn-secondary {
  background-color: #c9ac74 !important;
  border-radius: 0;
}
.html-page #request-sec {
  position: relative;
  direction: ltr;
  padding: 3rem 0;
  min-height: 249px;
  background: url("/UserFiles/form-Pic.jpg") center right no-repeat;
  scroll-margin-top: 85px;
}
.html-page #request-sec .request-sec-Text {
  position: relative;
  z-index: 1;
  width: 65%;
  direction: rtl;
  padding: 2rem 10rem 2rem 0;
}
.html-page #request-sec .request-sec-Text:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  margin: auto;
  z-index: -1;
  display: block;
  width: 1135px;
  height: 100%;
  background: url("/UserFiles/import-why-bg-2.png") no-repeat right center;
  background-size: cover;
}
.html-page #request-sec .request-sec-Text > p {
  color: #fff;
  font-size: 1.375rem;
  text-align: right;
}
.html-page #request-sec .request-sec-Text > p strong {
  font-family: Rokh-UltraBold;
  font-size: 1.875rem;
}
.html-page #request-sec .request-sec-Text > p strong a {
  color: #c7963b;
  border-bottom: 1px solid transparent;
}
.html-page #request-sec .request-sec-Text > p strong a:hover {
  border-color: #c7963b;
}

@media (max-width: 1199px) {
  .html-page .intro .intro-dscp .intro-dscp-inner > div {
    flex: 1;
  }
  .html-page .intro .intro-mission > div {
    flex: 1;
  }
  .html-page .intro .intro-resp .intro-resp-inner > div {
    flex: 1;
  }
  .html-page .import .import-why .import-why-Text h2 {
    font-size: 1.5rem;
  }
  .html-page .import .import-why .import-why-Text p {
    font-size: 1rem;
  }
  .html-page .import .import-why .import-why-Text .grid-container .grid-item .content-container p {
    font-size: 1.1rem;
  }
}
@media (max-width: 991px) {
  .html-page .intro .intro-services {
    padding: 3rem 0;
  }
  .html-page .intro .intro-services .grid-container {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: right;
  }
  .html-page .intro .intro-services .grid-container .grid-item {
    flex: 10 0 auto;
    width: 310px;
    margin-bottom: 2.5rem;
  }
  .html-page .intro .intro-manage {
    gap: 2rem;
    padding: 3rem 0;
  }
  .html-page .intro .intro-manage:after {
    display: none;
  }
  .html-page .intro .intro-manage > div {
    flex: 100%;
    padding: 0;
  }
  .html-page .intro .intro-vision .intro-vision-Text {
    width: 100%;
  }
  .html-page .leasing .leasing-options .grid-container .grid-item {
    flex: auto;
    width: 33.33%;
  }
  .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(1) .content-container p, .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(2) .content-container p, .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(3) .content-container p {
    color: initial;
  }
  .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(1) .content-container p strong, .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(2) .content-container p strong, .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(3) .content-container p strong {
    color: var(--bs-primary);
  }
  .html-page .leasing .leasing-stages .grid-container {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: right;
  }
  .html-page .leasing .leasing-stages .grid-container .grid-item {
    flex: 10 0 auto;
    width: 310px;
    margin-bottom: 2.5rem;
  }
  .html-page .leasing .leasing-docs {
    display: block;
  }
  .html-page .leasing .leasing-docs .leasing-doc-Img {
    height: auto;
  }
  .html-page .leasing .leasing-docs .leasing-doc-Img img {
    position: relative;
    top: auto;
    right: auto;
    max-width: 100%;
  }
  .html-page .leasing .leasing-docs .leasing-doc-Text {
    padding: 4rem 0;
  }
  .html-page .buy .buy-options .grid-container .grid-item {
    flex: auto;
    width: 33.33%;
  }
  .html-page .buy .buy-options .grid-container .grid-item:nth-last-child(1) .content-container p, .html-page .buy .buy-options .grid-container .grid-item:nth-last-child(2) .content-container p {
    color: initial;
  }
  .html-page .buy .buy-options .grid-container .grid-item:nth-last-child(1) .content-container p strong, .html-page .buy .buy-options .grid-container .grid-item:nth-last-child(2) .content-container p strong {
    color: var(--bs-primary);
  }
  .html-page .buy .buy-stages .grid-container {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: right;
  }
  .html-page .buy .buy-stages .grid-container .grid-item {
    flex: 10 0 auto;
    width: 310px;
    margin-bottom: 2.5rem;
  }
  .html-page .buy .buy-stages .grid-container .grid-item:nth-child(2) {
    width: 310px;
  }
  .html-page .sell .sell-stages .grid-container {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: right;
  }
  .html-page .sell .sell-stages .grid-container .grid-item {
    flex: 10 0 auto;
    width: 310px;
    margin-bottom: 2.5rem;
  }
  .html-page .inspection .inspection-options .grid-container .grid-item {
    flex: auto;
    width: 33.33%;
  }
  .html-page .inspection .inspection-options .grid-container .grid-item:nth-last-child(1) .content-container p {
    color: initial;
  }
  .html-page .inspection .inspection-options .grid-container .grid-item:nth-last-child(1) .content-container p strong {
    color: var(--bs-primary);
  }
  .html-page .import .import-stages .grid-container {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: right;
  }
  .html-page .import .import-stages .grid-container .grid-item {
    flex: 10 0 auto;
    width: 310px;
    margin-bottom: 2.5rem;
  }
  .html-page .import .import-why .import-why-Text {
    width: 100%;
  }
  .html-page .trade .trade-stages .grid-container {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: right;
  }
  .html-page .trade .trade-stages .grid-container .grid-item {
    flex: 10 0 auto;
    width: 310px;
    margin-bottom: 2.5rem;
  }
  .html-page .trade .trade-why .trade-why-Text {
    width: 100%;
  }
  .html-page #request-sec {
    padding: 249px 0 0;
    background-position: top right;
  }
  .html-page #request-sec .request-sec-Text {
    padding: 2rem 1rem;
    width: 100%;
  }
  .html-page #request-sec .request-sec-Text:before {
    width: 100%;
    height: 100%;
    background-color: var(--bs-primary);
  }
}
@media (max-width: 767px) {
  .html-page .intro .intro-dscp .intro-dscp-inner > div {
    flex: auto;
  }
  .html-page .intro .intro-dscp .intro-dscp-inner .intro-dscp-img img {
    margin-top: 0;
  }
  .html-page .intro .intro-mission > div {
    flex: auto;
  }
  .html-page .intro .intro-mission .intro-mission-pic {
    text-align: center;
  }
  .html-page .intro .intro-vision:before {
    background-color: #f5f5f5;
    background-image: unset;
  }
  .html-page .intro .intro-vision .intro-vision-Text {
    padding: 2rem 1rem;
  }
  .html-page .intro .intro-vision .intro-vision-Text:before {
    width: 100%;
    height: 100%;
    background-color: var(--bs-primary);
  }
  .html-page .intro .intro-resp .intro-resp-inner > div {
    flex: auto;
  }
  .html-page .history-page .timeline-holder {
    padding: 3rem 0;
  }
  .html-page .history-page .timeline-holder .progress-line {
    display: none;
  }
  .html-page .history-page .timeline-holder .timeline-item {
    width: 100%;
    right: 0;
    margin-bottom: 2rem;
  }
  .html-page .history-page .timeline-holder .timeline-item .content {
    min-height: unset;
  }
  .html-page .history-page .timeline-holder .timeline-item .content.right, .html-page .history-page .timeline-holder .timeline-item .content.left {
    float: none;
    left: 0;
    right: auto;
    width: 100%;
    max-width: unset;
  }
  .html-page .history-page .timeline-holder .timeline-item .content.right:after, .html-page .history-page .timeline-holder .timeline-item .content.left:after {
    display: none;
  }
  .html-page .history-page .timeline-holder .timeline-item .content .title {
    float: none !important;
  }
  .html-page .history-page .timeline-holder .timeline-item .content p {
    padding: 1rem 0;
  }
  .html-page .history-page .timeline-holder .timeline-item span.pulse {
    display: none;
  }
  .html-page .history-page .timeline-holder .timeline-item .timeline-date {
    display: block;
    position: relative;
    top: 0;
  }
  .html-page .history-page .timeline-holder .timeline-item:nth-child(odd) .timeline-date, .html-page .history-page .timeline-holder .timeline-item:nth-child(even) .timeline-date {
    right: 0;
    left: 0;
    transform: translate(0);
  }
  .html-page .leasing .leasing-options:before {
    background-color: var(--bs-primary);
  }
  .html-page .leasing .leasing-options .grid-container .grid-item {
    width: auto;
  }
  .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(1) .content-container p, .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(2) .content-container p, .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(3) .content-container p {
    color: #fff;
  }
  .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(1) .content-container p strong, .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(2) .content-container p strong, .html-page .leasing .leasing-options .grid-container .grid-item:nth-last-child(3) .content-container p strong {
    color: var(--bs-secondary);
  }
  .html-page .buy .buy-options:before {
    background-color: var(--bs-primary);
  }
  .html-page .buy .buy-options .grid-container .grid-item {
    width: auto;
  }
  .html-page .buy .buy-options .grid-container .grid-item:nth-last-child(1) .content-container p, .html-page .buy .buy-options .grid-container .grid-item:nth-last-child(2) .content-container p {
    color: #fff;
  }
  .html-page .buy .buy-options .grid-container .grid-item:nth-last-child(1) .content-container p strong, .html-page .buy .buy-options .grid-container .grid-item:nth-last-child(2) .content-container p strong {
    color: var(--bs-secondary);
  }
  .html-page .inspection .inspection-options:before {
    background-color: var(--bs-primary);
  }
  .html-page .inspection .inspection-options .grid-container .grid-item {
    width: auto;
  }
  .html-page .inspection .inspection-options .grid-container .grid-item:nth-last-child(1) .content-container p, .html-page .inspection .inspection-options .grid-container .grid-item:nth-last-child(2) .content-container p {
    color: #fff;
  }
  .html-page .inspection .inspection-options .grid-container .grid-item:nth-last-child(1) .content-container p strong, .html-page .inspection .inspection-options .grid-container .grid-item:nth-last-child(2) .content-container p strong {
    color: var(--bs-secondary);
  }
  .html-page .import .import-dscp > div {
    flex: auto !important;
  }
  .html-page .import .import-dscp .import-dscp-Img {
    text-align: center;
  }
  .html-page .import .import-dscp .import-dscp-Img img {
    position: relative;
  }
  .html-page .import .import-adv {
    padding: 2rem 0;
  }
  .html-page .import .import-adv > div {
    flex: auto !important;
  }
  .html-page .import .import-why {
    padding: 2rem 0;
  }
  .html-page .import .import-why:before {
    display: none;
  }
  .html-page .import .import-why .import-why-Text {
    padding: 2rem 1rem;
  }
  .html-page .import .import-why .import-why-Text:before {
    width: 100%;
    height: 100%;
    background-color: var(--bs-primary);
  }
  .html-page .import .import-why .import-why-Text .grid-container .grid-item {
    flex: auto;
  }
  .html-page .trade .trade-dscp {
    padding-bottom: 2rem;
  }
  .html-page .trade .trade-dscp > div {
    flex: auto !important;
  }
  .html-page .trade .trade-dscp .trade-dscp-Img {
    text-align: center;
  }
  .html-page .trade .trade-dscp .trade-dscp-Img img {
    position: relative;
  }
  .html-page .trade .trade-adv {
    padding: 2rem 0;
  }
  .html-page .trade .trade-adv > div {
    flex: auto !important;
  }
  .html-page .trade .trade-why {
    padding: 2rem 0;
  }
  .html-page .trade .trade-why:before {
    display: none;
  }
  .html-page .trade .trade-why .trade-why-Text {
    padding: 2rem 1rem;
  }
  .html-page .trade .trade-why .trade-why-Text:before {
    width: 100%;
    height: 100%;
    background-color: var(--bs-primary);
  }
  .html-page .trade .trade-why .trade-why-Text .grid-container .grid-item {
    flex: auto;
  }
  .html-page .req-btn-wrap {
    text-align: center !important;
    margin: 1rem 0;
  }
  .html-page #request-sec {
    background-position: center top;
  }
}
@media (max-width: 575px) {
  .html-page #request-sec {
    scroll-margin-top: 200px;
  }
}
.news.list .news-item {
  box-shadow: 0 0px 5px 0px #cecece;
}
.news.list .news-item .img-wrap {
  position: relative;
  display: block;
  overflow: hidden;
}
.news.list .news-item .img-wrap:after {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 60px;
  height: 60px;
  background: #eee;
  color: transparent;
  line-height: 60px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -70px;
  margin: 0 auto;
  font-size: 21px;
  text-align: center;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.news.list .news-item .img-wrap img {
  transition: all 0.3s ease;
  width: 100%;
}
.news.list .news-item .txt-wrap {
  text-align: right;
  padding: 15px;
  background: white;
  font-size: 0.9rem;
}
.news.list .news-item .txt-wrap h2 {
  font-size: 18px;
  font-weight: bold;
}
.news.list .news-item .txt-wrap p {
  line-height: 28px;
  margin-bottom: 10px;
  overflow: hidden;
  color: #7d7d87;
}
.news.list .news-item .txt-wrap .news-info {
  padding-top: 10px;
  font-size: 0.8rem;
  color: #7d7d87;
  border-top: 1px solid #e1e1e1;
}
.news.list .news-item .txt-wrap .news-info > span {
  margin-left: 5px;
  vertical-align: middle;
}
.news.list .news-item .txt-wrap .news-info a {
  float: left;
  font-size: 0.8rem;
}
.news.list .news-item:hover .img-wrap:after {
  color: #fff;
  background: var(--bs-primary);
  bottom: 30%;
}
.news.list .news-item:hover .img-wrap img {
  filter: brightness(120%);
}
.news.detail .detail-header h1 {
  font-size: 1.2rem;
  color: #000;
  margin-bottom: 15px;
  display: inline-block;
}
.news.detail .detail-header .like {
  cursor: pointer;
  float: left;
  margin-right: 20px;
  font-size: 1rem;
}
.news.detail .detail-header .like:after {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
}
.news.detail .detail-header .like.liked:after {
  font-weight: bold;
  color: red;
}
.news.detail .detail-header .share-btn {
  float: left;
  margin-right: 20px;
  font-size: 1rem;
}
.news.detail .detail-header .share-btn:after {
  content: "\f1e0";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}
.news.detail .detail-header .rate {
  float: left;
  margin-top: 10px;
}
.news.detail .detail-img {
  position: relative;
}
.news.detail .detail-img > img {
  width: 100%;
}
.news.detail .detail-img .detail-gallery {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 5px;
  width: 100%;
  overflow: auto;
}
.news.detail .detail-img .detail-gallery > div {
  display: inline-block;
  vertical-align: top;
}
.news.detail .detail-img .detail-gallery .related-video .video-item a {
  width: 65px;
  margin: 10px 5px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.news.detail .detail-img .detail-gallery .related-video .video-item a img {
  height: 65px;
  width: auto;
  max-width: inherit;
}
.news.detail .detail-img .detail-gallery .related-video .video-item a .play {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  transition: 0.3s all;
  z-index: 3;
  right: 0;
  left: 0;
}
.news.detail .detail-img .detail-gallery .related-video .video-item a .play i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  color: #fff;
  transition: all 0.3s ease;
}
.news.detail .detail-img .detail-gallery .related-video .video-item:hover .play i {
  color: var(--bs-primary);
}
.news.detail .detail-info {
  background: gray;
  min-height: 33px;
  line-height: 33px;
  margin-top: 10px;
  font-size: 11px;
  color: #fff;
  letter-spacing: 1px;
  padding-right: 10px;
  padding-left: 5px;
  margin-bottom: 25px;
}
.news.detail .detail-dscp {
  text-align: justify;
  margin-bottom: 20px;
}
.news.detail .detail-dscp .tags {
  margin-top: 15px;
}
.news.detail .detail-dscp .tags a {
  color: var(--bs-secondary);
  border: 1px solid var(--bs-secondary);
  border-radius: 3px;
  font-size: 0.8rem;
  padding: 2px 7px;
}
.news.detail .detail-dscp .tags a:hover, .news.detail .detail-dscp .tags a:focus {
  background-color: var(--bs-secondary);
  color: #fff;
}

@media (max-width: 767px) {
  .news.detail .detail-img .detail-gallery {
    position: inherit;
    background: #fff;
    padding: 0;
  }
}
.article.list .article-item {
  position: relative;
  box-shadow: 0 0px 5px 0px #cecece;
}
.article.list .article-item .img-wrap {
  display: block;
}
.article.list .article-item .img-wrap img {
  transition: all 0.3s ease;
  width: 100%;
}
.article.list .article-item .txt-wrap {
  text-align: right;
  padding: 15px;
  background: white;
  font-size: 0.9rem;
}
.article.list .article-item .txt-wrap h2 {
  font-size: 18px;
  font-weight: bold;
}
.article.list .article-item .txt-wrap p {
  line-height: 28px;
  margin-bottom: 10px;
  overflow: hidden;
  color: #7d7d87;
}
.article.list .article-item .txt-wrap .article-info {
  padding-top: 10px;
  font-size: 0.8rem;
  color: #7d7d87;
  border-top: 1px solid #e1e1e1;
}
.article.list .article-item .txt-wrap .article-info > span {
  margin-left: 5px;
  vertical-align: middle;
}
.article.list .article-item .txt-wrap .article-info a {
  float: left;
  font-size: 0.8rem;
}
.article.list .article-item:hover .img-wrap img {
  filter: brightness(105%);
  box-shadow: 0 7px 0 var(--bs-primary);
}
.article.detail .detail-header h1 {
  font-size: 1.2rem;
  color: #000;
  margin-bottom: 15px;
  display: inline-block;
}
.article.detail .detail-header .rate {
  float: left;
  margin-top: 15px;
}
.article.detail .detail-img {
  position: relative;
}
.article.detail .detail-img > img {
  width: 100%;
}
.article.detail .detail-img .detail-gallery {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 5px;
  width: 100%;
  overflow: auto;
}
.article.detail .detail-img .detail-gallery > div {
  display: inline-block;
  vertical-align: top;
}
.article.detail .detail-info {
  background: gray;
  min-height: 33px;
  line-height: 33px;
  margin-top: 10px;
  font-size: 11px;
  color: #fff;
  letter-spacing: 1px;
  padding-right: 10px;
  padding-left: 5px;
  margin-bottom: 25px;
}
.article.detail .detail-dscp {
  text-align: justify;
  margin-bottom: 20px;
}
.article.detail .detail-dscp .tags {
  margin-top: 15px;
}
.article.detail .detail-dscp .tags a {
  color: var(--bs-secondary);
  border: 1px solid var(--bs-secondary);
  border-radius: 3px;
  font-size: 0.8rem;
  padding: 2px 7px;
}
.article.detail .detail-dscp .tags a:hover, .article.detail .detail-dscp .tags a:focus {
  background-color: var(--bs-secondary);
  color: #fff;
}
.article.detail .like {
  cursor: pointer;
  float: left;
  margin-top: 6px;
  margin-right: 20px;
  font-size: 1rem;
}
.article.detail .like:after {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
}
.article.detail .like.liked:after {
  font-weight: bold;
  color: red;
}
.article.detail .share-btn {
  float: left;
  margin-top: 6px;
  margin-right: 20px;
  font-size: 1rem;
}
.article.detail .share-btn:after {
  content: "\f1e0";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}

@media (max-width: 767px) {
  .article.detail .detail-img .detail-gallery {
    position: inherit;
    background: #fff;
    padding: 0;
  }
}
.blog.list .blog-item {
  background: #f5f5f5;
  font-size: 0;
  padding: 1.875rem;
  box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid var(--bs-primary);
}
.blog.list .blog-item .img-wrap {
  width: 20%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  border: 1px solid #ccc;
}
.blog.list .blog-item .img-wrap img {
  transition: all 0.3s ease;
  width: 100%;
}
.blog.list .blog-item .txt-wrap {
  width: 80%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-size: 1rem;
  padding: 0 1.875rem 0 0;
}
.blog.list .blog-item .txt-wrap .blog-title {
  margin-bottom: 1.875rem;
}
.blog.list .blog-item .txt-wrap .blog-title h2 {
  margin: 0;
}
.blog.list .blog-item .txt-wrap .blog-info {
  position: relative;
  color: var(--bs-primary);
  font-size: 12px;
}
.blog.list .blog-item .txt-wrap .blog-summary a {
  color: var(--bs-primary);
  font-size: 12px;
}
.blog.list .blog-item .txt-wrap .blog-summary a:hover {
  color: #000;
}
.blog.list .blog-item:hover .img-wrap img {
  transform: scale(1.05);
}
.blog.detail {
  line-height: 2;
  font-size: 1rem;
  text-align: justify;
}
.blog.detail .detail-header h1 {
  font-size: 1.2rem;
  color: #000;
  margin-bottom: 15px;
  display: inline-block;
}
.blog.detail .detail-header .like {
  cursor: pointer;
  float: left;
  margin-right: 20px;
  font-size: 1rem;
}
.blog.detail .detail-header .like:after {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
}
.blog.detail .detail-header .like.liked:after {
  font-weight: bold;
  color: red;
}
.blog.detail .detail-header .share-btn {
  float: left;
  margin-right: 20px;
  font-size: 1rem;
}
.blog.detail .detail-header .share-btn:after {
  content: "\f1e0";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}
.blog.detail .detail-header .rate {
  float: left;
  margin-top: 10px;
}
.blog.detail .detail-img {
  position: relative;
}
.blog.detail .detail-img > img {
  width: 100%;
}
.blog.detail .detail-img .detail-gallery {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 5px;
  width: 100%;
  overflow: auto;
}
.blog.detail .detail-img .detail-gallery > div {
  display: inline-block;
  vertical-align: top;
}
.blog.detail .detail-info {
  background: gray;
  min-height: 33px;
  line-height: 33px;
  margin-top: 10px;
  font-size: 11px;
  color: #fff;
  letter-spacing: 1px;
  padding-right: 10px;
  padding-left: 5px;
  margin-bottom: 25px;
}
.blog.detail .detail-dscp {
  text-align: justify;
  margin-bottom: 20px;
}
.blog.detail .detail-dscp img {
  width: 100%;
  margin: 20px 0px;
}
.blog.detail .detail-dscp .tags {
  margin-top: 15px;
}
.blog.detail .detail-dscp .tags a {
  color: var(--bs-secondary);
  border: 1px solid var(--bs-secondary);
  border-radius: 3px;
  font-size: 0.8rem;
  padding: 2px 7px;
}
.blog.detail .detail-dscp .tags a:hover, .blog.detail .detail-dscp .tags a:focus {
  background-color: var(--bs-secondary);
  color: #fff;
}

@media (max-width: 767px) {
  .blog.list .blog-item .img-wrap {
    display: block;
    width: 50%;
    max-width: 286px;
    margin: 0 auto 30px;
  }
  .blog.list .blog-item .txt-wrap {
    display: block;
    width: 100%;
    padding: 0;
  }
  .blog.list .blog-item .txt-wrap .blog-title {
    text-align: center;
  }
  .blog.detail .detail-page .detail-img .detail-gallery {
    position: inherit;
    background: #fff;
    padding: 0;
  }
}
/*****Shared**********/
/********Project**********/
.project.list .filters .btn:not(.btn-primary) {
  background-color: #fff;
}
.project.list .filters .btn:not(.btn-primary).active {
  background-color: #3f949a;
  color: #fff;
}
.project.list .project-col {
  display: flex;
  justify-content: center;
  margin-bottom: 50px !important;
}
.project.list .project-col .item {
  background-color: #fff;
  border-bottom: 3px solid var(--bs-primary);
  overflow: hidden;
  box-shadow: 0 0px 5px 0px #cecece;
}
.project.list .project-col .project-img a {
  position: relative;
  display: block;
  border: 1px solid #eee;
  background-color: #000;
}
.project.list .project-col .project-img a img {
  width: 100%;
  transition: 0.5s ease;
}
.project.list .project-col .project-img a .prj-status {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 32px;
  text-align: center;
  background: var(--bs-primary);
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding: 5px 10px;
  display: inline-block;
  width: 155px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}
.project.list .project-col .project-img a .prj-status:before {
  content: "";
  border-bottom: 32px solid var(--bs-primary);
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
  height: 0;
  width: 100px;
  position: absolute;
  left: -50px;
  top: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}
.project.list .project-col .project-img a .prj-status:after {
  content: "";
  border-bottom: 28px solid var(--bs-secondary);
  border-right: 43px solid transparent;
  border-left: 38px solid transparent;
  height: 0;
  width: 110px;
  position: absolute;
  left: -80px;
  bottom: 0;
  z-index: -2;
  transition: all 0.4s ease-in-out;
}
.project.list .project-col .project-img a:hover .prj-status {
  background: var(--bs-secondary);
}
.project.list .project-col .project-img a:hover .prj-status:before {
  border-bottom: 32px solid var(--bs-secondary);
}
.project.list .project-col .project-img a:hover .prj-status:after {
  border-bottom: 28px solid var(--bs-primary);
}
.project.list .project-col .project-des {
  background: #fff;
  padding: 15px 30px;
  font-size: 14px;
}
.project.list .project-col .project-des h2 {
  position: relative;
  margin: 0;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-weight: bold;
  text-align: center;
}
.project.list .project-col .project-des h2:before {
  content: "";
  width: 90px;
  height: 2px;
  border-bottom: 2px dotted var(--bs-primary);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  transition: width 0.4s ease;
}
.project.list .project-col .project-des h2 a {
  display: block;
}
.project.list .project-col .project-des p strong {
  color: var(--bs-primary);
}
.project.list .project-col .project-des .summary {
  margin-top: 15px;
  text-align: justify;
}
.project.list .project-col:hover .project-img a img {
  opacity: 0.6;
}
.project.list .project-col:hover .project-des h2 a {
  color: var(--bs-primary);
}
.project.list .project-col:hover .project-des h2:before {
  width: 150px;
}
.project.detail .detail-header {
  position: relative;
}
.project.detail .detail-header h1 {
  color: var(--bs-primary);
  margin-top: 0;
  margin-bottom: 15px;
  display: block;
  text-align: center;
  line-height: initial;
}
.project.detail .detail-info {
  max-width: 1025px;
  margin: 30px auto;
}
.project.detail .detail-info .project-status {
  display: inline-block;
  border-left: 1px solid var(--bs-primary);
  padding-left: 15px;
  margin-left: 15px;
}
.project.detail .detail-info .start-date, .project.detail .detail-info .end-date {
  padding: 0 10px;
}
.project.detail .detail-info .start-date i, .project.detail .detail-info .end-date i {
  color: var(--bs-primary);
}
.project.detail .detail-info .share-like-rate {
  display: inline-block;
  float: left;
}
.project.detail .detail-info .share-like-rate .like {
  float: left;
  margin-right: 20px;
  font-size: 1rem;
}
.project.detail .detail-info .share-like-rate .share-btn {
  float: left;
  margin-right: 20px;
  font-size: 1rem;
}
.project.detail .detail-info .share-like-rate .rate {
  float: left;
  height: 34px;
  margin-top: 10px;
}
.project.detail .detail-img {
  position: relative;
  max-width: 1025px;
  margin: 0 auto;
}
.project.detail .detail-img > img {
  width: 100%;
}
.project.detail .detail-img .detail-gallery {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 5px;
  width: 100%;
  overflow: auto;
}
.project.detail .detail-img .detail-gallery > div {
  display: inline-block;
  vertical-align: top;
}
.project.detail .detail-img .detail-gallery .related-video .video-item a {
  width: 65px;
  margin: 10px 5px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.project.detail .detail-img .detail-gallery .related-video .video-item a img {
  height: 65px;
  width: auto;
  max-width: inherit;
}
.project.detail .detail-img .detail-gallery .related-video .video-item a .play {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  transition: 0.3s all;
  z-index: 3;
  right: 0;
  left: 0;
}
.project.detail .detail-img .detail-gallery .related-video .video-item a .play i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  color: #fff;
  transition: all 0.3s ease;
}
.project.detail .detail-img .detail-gallery .related-video .video-item:hover .play i {
  color: var(--bs-primary);
}
.project.detail .detail-dscp {
  margin-top: 30px;
}
.project.detail .related-project {
  margin-top: 50px;
  border-top: 1px solid #d8dadc;
}
.project.detail .related-project h5 {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 35px;
  margin-top: -17px;
  margin-bottom: 55px;
}
.project.detail .related-project h5 span {
  padding: 0 1rem;
  background-color: #fff;
  color: var(--bs-primary);
}
.project.detail .related-project .similar-project-loop .item {
  margin: 0 auto;
}
.project.detail .related-project .similar-project-loop .item .project-img {
  background-color: var(--bs-primary);
}
.project.detail .related-project .similar-project-loop .item .project-img a {
  display: block;
  overflow: hidden;
  border: 1px solid #ccc;
}
.project.detail .related-project .similar-project-loop .item .project-img a img {
  width: 100%;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.project.detail .related-project .similar-project-loop .item .project-txt {
  position: relative;
  z-index: 1;
  padding: 15px 20px;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.project.detail .related-project .similar-project-loop .item .project-txt h3 {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
}
.project.detail .related-project .similar-project-loop .item .project-txt p {
  font-size: 15px;
  line-height: 20px;
  color: #fff;
}
.project.detail .related-project .similar-project-loop .item:hover .project-img a img {
  transform: scale(1.2);
  opacity: 0.7;
}
.project.detail .related-project .similar-project-loop .owl-dots {
  position: relative;
  display: block;
  text-align: center;
}
.project.detail .related-project .similar-project-loop .owl-dots .owl-dot {
  border-radius: var(--border-radius);
  padding: 0;
  transition: 0.3s all;
  width: 9px;
  height: 9px;
  margin: 0 2px;
  background-color: #ccc;
}
.project.detail .related-project .similar-project-loop .owl-dots .owl-dot.active {
  background-color: var(--bs-primary);
}

@media (max-width: 767px) {
  .project.detail .detail-header h1 {
    font-size: 20px;
  }
  .project.detail .detail-info {
    margin: 10px 0;
  }
  .project.detail .detail-info .project-status {
    display: block;
    border-left: 0;
    border-bottom: 1px solid var(--bs-primary);
    font-size: 16px;
    margin: 0;
  }
  .project.detail .detail-info .start-date, .project.detail .detail-info .end-date {
    font-size: 12px;
    padding: 5px;
  }
  .project.detail .detail-img .detail-gallery {
    position: inherit;
    background: #fff;
    padding: 0;
  }
}
.service.list h1 {
  color: var(--bs-primary);
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.service.list .service-item {
  background: #f5f5f5;
  box-shadow: 0 0px 5px 0px #cecece;
  padding: 15px 15px 0;
}
.service.list .service-item .img-wrap {
  display: block;
  overflow: hidden;
  border: 1px solid #f5f5f5;
  background: white;
}
.service.list .service-item .img-wrap img {
  transition: all 0.3s ease;
  width: 100%;
}
.service.list .service-item .txt-wrap {
  padding: 15px;
  font-size: 0.9rem;
}
.service.list .service-item .txt-wrap h2 {
  font-size: 18px;
  font-weight: bold;
}
.service.list .service-item .txt-wrap p {
  line-height: 28px;
  margin-bottom: 10px;
  overflow: hidden;
}
.service.list .service-item .txt-wrap p a {
  display: inline-block;
  color: var(--bs-primary);
  font-size: 12px;
}
.service.list .service-item .txt-wrap p a:hover {
  color: #000;
}
.service.list .service-item:hover .img-wrap img {
  transform: scale(1.05);
}
.service.list .service-item:hover .txt-wrap h2 {
  color: var(--bs-primary);
}
.service.detail .detail-header h1 {
  font-size: 1.2rem;
  color: #000;
  margin-bottom: 15px;
  display: inline-block;
}
.service.detail .detail-header .like {
  cursor: pointer;
  float: left;
  margin-right: 20px;
  font-size: 1rem;
}
.service.detail .detail-header .like:after {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
}
.service.detail .detail-header .like.liked:after {
  font-weight: bold;
  color: red;
}
.service.detail .detail-header .share-btn {
  float: left;
  margin-right: 20px;
  font-size: 1rem;
}
.service.detail .detail-header .share-btn:after {
  content: "\f1e0";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}
.service.detail .detail-header .rate {
  float: left;
  margin-top: 10px;
}
.service.detail .detail-img {
  position: relative;
  margin-bottom: 30px;
}
.service.detail .detail-img > img {
  width: 100%;
}
.service.detail .detail-img .detail-gallery {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 5px;
  width: 100%;
  overflow: auto;
}
.service.detail .detail-img .detail-gallery > div {
  display: inline-block;
  vertical-align: top;
}
.service.detail .detail-img .detail-gallery .related-video .video-item a {
  width: 65px;
  margin: 10px 5px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.service.detail .detail-img .detail-gallery .related-video .video-item a img {
  height: 65px;
  width: auto;
  max-width: inherit;
}
.service.detail .detail-img .detail-gallery .related-video .video-item a .play {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  transition: 0.3s all;
  z-index: 3;
  right: 0;
  left: 0;
}
.service.detail .detail-img .detail-gallery .related-video .video-item a .play i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  color: #fff;
  transition: all 0.3s ease;
}
.service.detail .detail-img .detail-gallery .related-video .video-item:hover .play i {
  color: var(--bs-primary);
}
.service.detail .detail-dscp {
  text-align: justify;
  margin-bottom: 20px;
}
.service.detail .detail-dscp .tags {
  margin-top: 15px;
}
.service.detail .detail-dscp .tags a {
  color: var(--bs-secondary);
  border: 1px solid var(--bs-secondary);
  border-radius: 3px;
  font-size: 0.8rem;
  padding: 2px 7px;
}
.service.detail .detail-dscp .tags a:hover, .service.detail .detail-dscp .tags a:focus {
  background-color: var(--bs-secondary);
  color: #fff;
}
.service.detail .download-section {
  margin-top: 50px;
  border-top: 1px solid #d8dadc;
}
.service.detail .download-section h5 {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 35px;
  margin-top: -17px;
  margin-bottom: 55px;
}
.service.detail .download-section h5 span {
  padding: 0 1rem;
  background-color: #fff;
  color: var(--bs-primary);
}
.service.detail .download-section table tr th {
  width: 15%;
}
.service.detail .download-section table tr th.Name {
  width: 40%;
}
.service.detail .download-section table tr td:nth-of-type(1) {
  color: var(--bs-primary);
}

@media (max-width: 767px) {
  .service.detail .detail-img .detail-gallery {
    position: inherit;
    background: #fff;
    padding: 0;
  }
}
@media (max-width: 575px) {
  .service.detail .download-section table tr th {
    display: none;
    width: auto;
  }
  .service.detail .download-section table tr th.Name {
    width: auto;
  }
  .service.detail .download-section table tr td {
    display: block;
    border-width: 1px;
  }
  .service.detail .download-section table tr td:nth-of-type(1) {
    text-align: center;
    font-weight: bold;
  }
}
/*****Shared**********/
.gallery.list .gallery-item {
  width: 100%;
  margin-bottom: 20px;
}
.gallery.list .gallery-item .img-wrap {
  position: relative;
  border: 1px solid #ccc;
}
.gallery.list .gallery-item .img-wrap a {
  display: block;
  background: var(--bs-primary);
}
.gallery.list .gallery-item .img-wrap a img {
  width: 100%;
  opacity: 1;
  position: static !important;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.gallery.list .gallery-item .img-wrap .gallery-number {
  position: absolute;
  left: 10px;
  bottom: 10px;
  color: #fff;
  text-shadow: 1px 1px 5px #000;
  direction: ltr;
}
.gallery.list .gallery-item .img-wrap .gallery-number em {
  padding: 0 10px;
}
.gallery.list .gallery-item .txt-wrap {
  margin-top: 10px;
  padding: 0 10px;
}
.gallery.list .gallery-item .txt-wrap h2 {
  font-size: 1.1rem;
}
.gallery.list .gallery-item:hover .img-wrap a img {
  opacity: 0.8;
}
.gallery.detail #gallery-thumbnails .image-thumbnail {
  position: relative;
  margin-bottom: 30px;
}
.gallery.detail #gallery-thumbnails .image-thumbnail img {
  width: 100%;
  border: 1px solid #e1e1e1;
  transition: all 0.3s ease;
}
.gallery.detail #gallery-thumbnails .image-thumbnail:hover img {
  box-shadow: -6px 6px 14px 0px #b5b5b5;
}

.list.photo .gallery-container #gallery-thumbnails .g-item {
  text-align: center;
  margin-bottom: 30px;
}
.list.photo .gallery-container #gallery-thumbnails .g-item img {
  width: 100%;
  border: 1px solid #e1e1e1;
  transition: all 0.3s ease;
}
.list.photo .gallery-container #gallery-thumbnails .g-item:hover img {
  box-shadow: -6px 6px 14px 0px #b5b5b5;
}
.list.photo .gallery-container #gallery-thumbnails .title {
  text-align: center;
  padding: 5px 0;
}

.video.list .video-item {
  box-shadow: 0 0px 5px 0px #cecece;
}
.video.list .video-item .img-wrap a {
  position: relative;
  display: block;
  overflow: hidden;
}
.video.list .video-item .img-wrap a img {
  transition: all 0.3s ease;
  width: 100%;
}
.video.list .video-item .img-wrap a:after {
  content: "\f04b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.7);
  color: var(--bs-primary);
  line-height: 60px;
  position: absolute;
  left: 15px;
  bottom: 15px;
  font-size: 21px;
  text-align: center;
  border-radius: 50%;
  transition: all 0.3s ease;
  transform-origin: left bottom;
}
.video.list .video-item .txt-wrap {
  text-align: right;
  padding: 15px;
  background: white;
  font-size: 0.9rem;
}
.video.list .video-item .txt-wrap h2 {
  font-size: 18px;
  font-weight: bold;
}
.video.list .video-item .txt-wrap p {
  line-height: 28px;
  margin-bottom: 10px;
  overflow: hidden;
  color: #7d7d87;
}
.video.list .video-item .txt-wrap .video-info {
  padding-top: 10px;
  font-size: 0.8rem;
  color: #7d7d87;
  border-top: 1px solid #e1e1e1;
}
.video.list .video-item .txt-wrap .video-info > span {
  vertical-align: middle;
}
.video.list .video-item .txt-wrap .video-info > span i {
  margin-left: 2px;
}
.video.list .video-item .txt-wrap .video-info > span:nth-child(2) {
  float: left;
}
.video.list .video-item:hover .img-wrap a img {
  filter: brightness(120%);
}
.video.list .video-item:hover .img-wrap a:after {
  transform: scale(2);
}
.video.detail .detail-header h1 {
  font-size: 1.2rem;
  color: #000;
  margin-bottom: 15px;
  display: inline-block;
}
.video.detail .detail-header .like {
  cursor: pointer;
  float: left;
  margin-right: 20px;
  font-size: 1rem;
}
.video.detail .detail-header .like:after {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
}
.video.detail .detail-header .like.liked:after {
  font-weight: bold;
  color: red;
}
.video.detail .detail-header .share-btn {
  float: left;
  margin-right: 20px;
  font-size: 1rem;
}
.video.detail .detail-header .share-btn:after {
  content: "\f1e0";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}
.video.detail .detail-header .rate {
  float: left;
  margin-top: 10px;
}
.video.detail .detail-img video {
  display: block;
  width: 100%;
  height: auto;
}
.video.detail .detail-info {
  background: gray;
  min-height: 33px;
  line-height: 33px;
  margin-top: 10px;
  font-size: 11px;
  color: #fff;
  letter-spacing: 1px;
  padding-right: 10px;
  padding-left: 5px;
  margin-bottom: 25px;
}
.video.detail .detail-dscp .tags {
  margin-top: 15px;
}
.video.detail .detail-dscp .tags a {
  color: var(--bs-secondary);
  border: 1px solid var(--bs-secondary);
  border-radius: 3px;
  font-size: 0.8rem;
  padding: 2px 7px;
}
.video.detail .detail-dscp .tags a:hover, .video.detail .detail-dscp .tags a:focus {
  background-color: var(--bs-secondary);
  color: #fff;
}

/*
@import this file directly into your existing Scss files to use these mixins
*/
.podcast.list .podcast-item {
  background: #fff;
  display: block;
  height: 100%;
  border-radius: 25px;
  filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.2));
  position: relative;
  padding: 15px 15px;
  width: 400px;
  margin: 0 auto;
  max-width: 100%;
  transition: all 0.5s ease;
}
.podcast.list .podcast-item .img-w {
  text-align: center;
  position: relative;
}
.podcast.list .podcast-item .img-w a {
  display: block;
  display: block;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
.podcast.list .podcast-item .img-w a:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease;
}
.podcast.list .podcast-item .img-w a img {
  width: 100%;
  transition: all 0.3s ease;
}
.podcast.list .podcast-item .img-w a .play {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: var(--bs-primary);
  transform-origin: center center;
  opacity: 0;
  z-index: 1;
  transition: all 0.5s ease;
}
.podcast.list .podcast-item .details {
  position: relative;
  padding: 10px 0;
}
.podcast.list .podcast-item .details h2 a {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: var(--bs-primary);
}
.podcast.list .podcast-item .details p {
  text-align: right;
  font-size: 0.9rem;
}
.podcast.list .podcast-item:hover .img-w a img {
  transform: scale(1.1);
}
.podcast.list .podcast-item:hover .img-w a .play {
  opacity: 1;
  transform: rotate(360deg) scale(2);
}
.podcast.list .podcast-item:hover .img-w a:before {
  opacity: 1;
}
.podcast.detail {
  position: relative;
}
.podcast.detail .content-wrapper {
  padding: 0;
}
.podcast.detail .float-button, .podcast.detail .back-top, .podcast.detail .page-banner-container {
  display: none !important;
}
.podcast.detail .img-background {
  position: fixed;
  height: 100vh;
  width: 100%;
  right: 0;
  top: 0;
}
.podcast.detail .img-background:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(127deg, var(--bs-secondary) 0%, var(--bs-primary) 100%);
  z-index: 1;
  opacity: 0.8;
  transition: all 0.3s ease;
}
.podcast.detail .img-background img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.podcast.detail .podcast-wrap {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}
.podcast.detail .page-content {
  position: relative;
  height: 100%;
  width: 80%;
  display: flex;
  margin: auto 0;
  justify-content: center;
}
.podcast.detail .page-content .img-wrap {
  display: flex;
  justify-content: center;
  height: -moz-max-content;
  height: max-content;
  margin: auto 0;
  width: 50vh;
  padding: 0 30px;
  text-align: center;
  max-width: 500px;
}
.podcast.detail .page-content .img-wrap img {
  border-radius: 20%;
}
.podcast.detail .page-content .txt-wrap {
  color: #fff;
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: -moz-max-content;
  height: max-content;
  margin: auto 0;
  width: 50vh;
  padding: 0 30px;
  max-width: 500px;
}
.podcast.detail .page-content .txt-wrap .detail-header {
  padding: 5px 15px;
  text-align: center;
}
.podcast.detail .page-content .txt-wrap .detail-header h1 {
  color: #fff;
  margin-bottom: 0;
}
.podcast.detail .page-content .txt-wrap .detail-header .share-btn {
  float: none;
  margin-right: 20px;
  font-size: 1rem;
}
.podcast.detail .page-content .txt-wrap .detail-header .share-btn:after {
  content: "\f1e0";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}
.podcast.detail .page-content .txt-wrap .detail-header .rate {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
}
.podcast.detail .page-content .txt-wrap .detail-persons {
  padding: 10px 0;
  text-align: center;
}
.podcast.detail .page-content .txt-wrap .audio-player audio {
  width: 100%;
}
.podcast.detail .page-content .txt-wrap .audio-file a {
  display: block;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 15px;
  padding: 5px 15px;
}
.podcast.detail .page-content .txt-wrap .audio-file a span:nth-of-type(2) {
  display: inline-block;
  font-family: Arial;
  font-size: 0.8rem;
  direction: ltr;
}
.podcast.detail .page-content .txt-wrap .audio-file a:hover {
  background-color: #fff;
  color: var(--bs-primary);
}
.podcast.detail .page-content .txt-wrap .dscp {
  text-align: justify;
  padding: 10px 0;
}
.podcast.detail .page-content .txt-wrap .detail-info span:nth-child(2) {
  float: left;
}
.podcast.detail .latest-items {
  position: relative;
  top: 0;
  width: 20%;
  max-width: 160px;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0 15px;
  overflow: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
}
.podcast.detail .latest-items .latest-item {
  border: 0;
  padding: 0;
  border-bottom: 1px solid #fff;
  margin: 10px 0;
}
.podcast.detail .latest-items .latest-item .latest-img {
  float: none;
  margin-left: 0;
  display: block;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.podcast.detail .latest-items .latest-item .latest-img img {
  width: 100%;
}
.podcast.detail .latest-items .latest-item h3 {
  text-align: center;
  color: #fff;
  margin: 5px 0;
}
.podcast.detail .latest-items .latest-item .latest-info {
  display: none;
}
.podcast.detail .latest-items .latest-item .latest-info span {
  margin: 0;
  float: right;
  color: #fff;
}
.podcast.detail .latest-items .latest-item .latest-info span:nth-of-type(2) {
  float: left;
}
.podcast.detail .latest-items .latest-item:hover .latest-img {
  border-radius: 50%;
}
.podcast.detail .latest-items .latest-item:last-child {
  border-bottom: 0;
  margin: 0;
}

@media (max-width: 1199px) {
  .podcast.detail .page-content {
    flex-flow: column;
    width: 80vw;
  }
  .podcast.detail .page-content .img-wrap {
    width: 80vw;
    max-width: unset;
  }
  .podcast.detail .page-content .img-wrap img {
    max-width: 215px;
  }
  .podcast.detail .page-content .txt-wrap {
    width: 80vw;
    margin: 30px auto 0;
  }
}
@media (max-width: 767px) {
  .podcast.detail .page-content {
    width: 70vw;
  }
  .podcast.detail .page-content .img-wrap {
    width: 70vw;
  }
  .podcast.detail .page-content .img-wrap img {
    max-width: 100px;
  }
  .podcast.detail .page-content .txt-wrap {
    width: 70vw;
    padding: 0 15px;
    margin: 10px auto 0;
  }
  .podcast.detail .page-content .txt-wrap .detail-header {
    text-align: center;
  }
  .podcast.detail .page-content .txt-wrap .detail-header h1 {
    display: block;
    font-size: 1rem;
    text-align: center;
  }
  .podcast.detail .page-content .txt-wrap .detail-header .share-btn {
    float: none;
  }
  .podcast.detail .page-content .txt-wrap .detail-header .rate {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
  .podcast.detail .page-content .txt-wrap .detail-persons {
    text-align: center;
  }
  .podcast.detail .page-content .txt-wrap .detail-persons p {
    float: none !important;
    display: block;
  }
  .podcast.detail .page-content .txt-wrap .dscp {
    font-size: 12px;
    line-height: 20px;
  }
  .podcast.detail .latest-items {
    width: 30vw;
    padding: 0 10px;
  }
  .podcast.detail .latest-items .latest-item h3 {
    line-height: 20px;
    font-size: 12px;
  }
}
/*****Shared**********/
.ebook.list .ebook-item {
  background: #f5f5f5;
  box-shadow: 0 0px 5px 0px #cecece;
  padding: 15px;
}
.ebook.list .ebook-item > div {
  display: inline-block;
  vertical-align: middle;
}
.ebook.list .ebook-item .img-wrap {
  width: 39%;
}
.ebook.list .ebook-item .img-wrap img {
  transition: all 0.3s ease;
  width: 100%;
  border: 1px solid #ccc;
}
.ebook.list .ebook-item .txt-wrap {
  width: 59%;
  font-size: 0.9rem;
  padding: 30px;
}
.ebook.list .ebook-item .txt-wrap p {
  text-align: justify;
}
.ebook.list .ebook-item .txt-wrap p a {
  display: inline-block;
  color: var(--bs-primary);
  font-size: 12px;
}
.ebook.list .ebook-item .txt-wrap p a:hover {
  color: #000;
}
.ebook.list .ebook-item:hover .img-wrap img {
  filter: brightness(105%);
}
.ebook.detail {
  background: url("/Images/ebook-bg.jpg") center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.ebook.detail .container {
  max-width: 100%;
}
.ebook.detail .float-button, .ebook.detail .back-top, .ebook.detail .page-banner-container {
  display: none !important;
}
.ebook.detail .content-wrapper {
  padding: 0;
}
.ebook.detail #catalog-images {
  display: none;
}
.ebook.detail .magazine-viewport .magazine-container {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 500px;
  margin: auto;
}
.ebook.detail .magazine-viewport .magazine {
  width: 800px;
  height: 500px;
  left: -400px;
  top: -250px;
}
.ebook.detail .magazine-viewport .page {
  width: 400px;
  height: 500px;
  background-color: white;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.ebook.detail .magazine-viewport .page img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin: 0;
}
.ebook.detail .magazine-viewport .zoomer .region {
  display: none;
}
.ebook.detail .magazine-viewport .zoom-in .even .gradient {
  display: none;
}
.ebook.detail .magazine-viewport .zoom-in .odd .gradient {
  display: none;
}
.ebook.detail .magazine-viewport .zoom-in .next-button {
  display: none;
}
.ebook.detail .magazine-viewport .zoom-in .previous-button {
  display: none;
}
.ebook.detail .magazine-viewport .loader {
  background-image: url(/images/loader.gif);
  width: 22px;
  height: 22px;
  position: absolute;
  top: 237px;
  left: 167px;
}
.ebook.detail .magazine-viewport .shadow {
  -webkit-transition: -webkit-box-shadow 0.5s;
  -moz-transition: -moz-box-shadow 0.5s;
  -o-transition: -webkit-box-shadow 0.5s;
  -ms-transition: -ms-box-shadow 0.5s;
  -o-box-shadow: 0 0 20px #ccc;
  -ms-box-shadow: 0 0 20px #ccc;
  box-shadow: 0 0 20px #ccc;
}
.ebook.detail .magazine-viewport .next-button {
  cursor: pointer;
  transition: 0.3s all;
  background-image: url(/images/arrows.png);
  width: 22px;
  height: 600px;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.06);
  background-position: -4px 284px;
  background-repeat: no-repeat;
  left: -22px;
  border-radius: 15px 0 0 15px;
}
.ebook.detail .magazine-viewport .next-button-hover {
  background-color: rgba(0, 0, 0, 0.2);
  background-image: url(/images/arrows.png);
}
.ebook.detail .magazine-viewport .previous-button {
  cursor: pointer;
  transition: 0.3s all;
  background-image: url(/images/arrows.png);
  width: 22px;
  height: 600px;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.06);
  background-position: -38px 284px;
  background-repeat: no-repeat;
  right: -22px;
  border-radius: 0 15px 15px 0;
}
.ebook.detail .magazine-viewport .previous-button-hover {
  background-color: rgba(0, 0, 0, 0.2);
  background-image: url(/images/arrows.png);
}
.ebook.detail .magazine-viewport .previous-button-down {
  background-color: rgba(0, 0, 0, 0.4);
}
.ebook.detail .magazine-viewport .next-button-down {
  background-color: rgba(0, 0, 0, 0.4);
}
.ebook.detail .magazine .region {
  position: absolute;
  overflow: hidden;
  background: #0066FF;
  opacity: 0.2;
  border-radius: 10px;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
.ebook.detail .magazine .region:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.ebook.detail .magazine .region.zoom {
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
}
.ebook.detail .magazine .region.zoom:hover {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
.ebook.detail .magazine .page {
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.ebook.detail .magazine .odd .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.2)));
  background-image: linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
}
.ebook.detail .magazine .even .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.15)));
  background-image: linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
}
.ebook.detail .animated {
  transition: margin-left 0.5s;
}
.ebook.detail .thumbnails {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 140px;
  z-index: 1;
}
.ebook.detail .thumbnails > div {
  width: 1050px;
  height: 100px;
  margin: 20px auto;
}
.ebook.detail .thumbnails ul {
  margin: 0;
  padding: 0;
  text-align: center;
  transform: scale3d(0.5, 0.5, 1);
  transition: transform ease-in-out 100ms;
}
.ebook.detail .thumbnails li {
  list-style: none;
  display: inline-block;
  margin: 0 5px;
  -ms-box-shadow: 0 0 10px #ccc;
  -o-box-shadow: 0 0 10px #ccc;
  box-shadow: 0 0 10px #ccc;
}
.ebook.detail .thumbnails li span {
  display: none;
}
.ebook.detail .thumbnails .current {
  -ms-box-shadow: 0 0 10px red;
  -o-box-shadow: 0 0 10px red;
  box-shadow: 0 0 10px red;
}
.ebook.detail .thumbnails .thumb-hover {
  transform: scale3d(1.3, 1.3, 1);
  -ms-box-shadow: 0 0 10px #666;
  -o-box-shadow: 0 0 10px #666;
  box-shadow: 0 0 10px #666;
}
.ebook.detail .thumbnails .thumb-hover span {
  position: absolute;
  bottom: -30px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 30px;
  font: bold 15px inherit;
  line-height: 30px;
  color: #666;
  display: block;
  cursor: default;
}
.ebook.detail .thumbnails img {
  float: left;
}
.ebook.detail .thumbanils-touch ul {
  transform: none;
}
.ebook.detail .thumbanils-touch .thumb-hover {
  transform: none;
}
.ebook.detail .thumbnails-hover ul {
  transform: scale3d(0.6, 0.6, 1);
}
.ebook.detail .exit-message {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 40px;
  z-index: 10000;
}
.ebook.detail .exit-message > div {
  width: 200px;
  height: 30px;
  margin: auto;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  color: white;
  border-radius: 10px;
}
.ebook.detail .zoom-icon {
  cursor: pointer;
  width: 22px;
  height: 22px;
  background-image: url(/images/zoom-icons.png);
  background-size: 88px 22px;
  display: inline-block;
  position: fixed;
  right: 5px;
  top: 5px;
  z-index: 100;
}
.ebook.detail .zoom-icon-in {
  background-position: 0 0;
  cursor: pointer;
}
.ebook.detail .zoom-icon-in.zoom-icon-in-hover {
  background-position: -22px 0;
  cursor: pointer;
}
.ebook.detail .zoom-icon-out {
  background-position: -44px 0;
}
.ebook.detail .zoom-icon-out.zoom-icon-out-hover {
  background-position: -66px 0;
  cursor: pointer;
}
.ebook.detail .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.magazine-viewport {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

@media (max-width: 1199px) {
  .ebook.list .ebook-item .img-wrap {
    width: 29%;
  }
  .ebook.list .ebook-item .txt-wrap {
    width: 69%;
    padding: 15px;
  }
}
@media (max-width: 991px) {
  .ebook.list .ebook-item .img-wrap {
    width: 12%;
  }
  .ebook.list .ebook-item .txt-wrap {
    width: 87%;
  }
}
@media (max-width: 767px) {
  .ebook.list .ebook-item .img-wrap {
    width: 100%;
    text-align: center;
  }
  .ebook.list .ebook-item .img-wrap img {
    height: 150px;
    width: auto;
    max-width: 100%;
  }
  .ebook.list .ebook-item .txt-wrap {
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }
  .ebook.list .ebook-item .txt-wrap p {
    text-align: center;
  }
}
.poll-group.list .poll-group-container {
  margin-bottom: 10px;
}
.poll-group.list .poll-group-container .poll-group-title {
  border-bottom: 1px solid #000;
  padding-bottom: 1rem;
  font-weight: bold;
}
.poll-group.list .poll-group-container .poll-container {
  padding: 1rem 1rem;
}
.poll-group.list .poll-group-container .poll-container .poll-items {
  border-bottom: 1px solid #dbdbdb;
  padding: 1rem 0;
}
.poll-group.list .poll-group-container .poll-container .poll-items .poll-title {
  position: relative;
  font-weight: bold;
  margin-bottom: 5px;
}
.poll-group.list .poll-group-container .poll-container .poll-items .poll-title:before {
  margin-left: 10px;
  content: "\f059";
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Free";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.poll-group.list .poll-group-container .poll-container .poll-items .poll-item-container {
  padding: 0.5rem 1.5rem;
}
.poll-group.list .poll-group-container .poll-container .poll-items .poll-item-container .poll-item {
  display: block;
  margin-bottom: 5px;
}
.poll-group.list .poll-group-container .poll-container .poll-result-container {
  padding: 1rem 1.5rem;
  display: none;
}
.poll-group.list .poll-group-container .poll-container .btn-container {
  padding: 1rem 0;
}
.poll-group.list .poll-group-container .poll-container .btn-container .btn {
  width: 140px;
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: #fff;
  border-radius: 0 !important;
}
.poll-group.list .poll-group-container .poll-container .btn-container .btn:hover, .poll-group.list .poll-group-container .poll-container .btn-container .btn:focus {
  background-color: #fff !important;
  border-color: var(--bs-secondary) !important;
  color: var(--bs-secondary) !important;
}
.poll-group.list .poll-group-container .progress {
  margin-bottom: 0.5rem;
  border-radius: 3px;
  height: 1.5rem;
}
.poll-group.list .poll-group-container .progress .progress-bar {
  background-color: var(--bs-primary);
  line-height: 1.5rem;
  direction: ltr;
}
.poll-group.list .poll-group-container .poll-count {
  text-align: center;
  font-weight: bold;
  margin: 1rem 0;
}

:root {
  --bs-primary: #ff0000;
  --bs-secondary: #ed1c24;
  --bs-sucess: #5cb85c;
  --bs-gold: yellow;
  --primary: #38b36c;
  --secondary: #ed1c24;
}

.questions .item {
  border: 1px solid #e1e1e1;
  margin-bottom: 15px;
}
.questions .item .question {
  cursor: pointer;
  padding: 10px 15px;
  font-weight: bold;
  background-color: #f8f8f8;
  /*.select { border-bottom: 1px solid #e1e1e1; padding-bottom: 5px; }*/
}
.questions .item .question i {
  color: var(--bs-primary);
  margin-right: 15px;
  vertical-align: middle;
  font-size: 18px;
  float: left;
  line-height: 2;
}
.questions .item .question i.active:before {
  content: "\f068";
}
.questions .item .answer {
  display: none;
  background: white;
  text-align: justify;
  padding: 1rem;
}
.questions .item .questioner .link {
  font-weight: bold;
  color: #7c9dc5;
  line-height: 1.5em;
}
.questions .item .link {
  font-weight: bold;
  line-height: 1.5em;
}

.form form {
  /*display: flex; flex-wrap: wrap*/
}
.form .form-control {
  border-radius: 0;
  font-size: 13px;
  line-height: 2;
  height: 40px;
}
.form .form-header {
  background: #f5f5f5;
  border: 1px solid #ccc;
  padding: 12px;
}
.form .form-container {
  background: white;
  padding: 15px;
  line-height: 2;
}
.form .form-container a {
  color: var(--bs-primary);
}
.form .form-container a:hover {
  color: #000;
}
.form .form-subHeader {
  font-size: 0.8rem;
  padding: 0 12px;
}
.form .form-sub-label {
  font-size: 0.8rem;
}
.form .form-line {
  padding: 10px;
  clear: both;
  padding: 10px;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  width: -moz-available;
  position: relative;
}
.form .form-line.form-line-column {
  width: 33.333%;
}
.form .form-line:hover .form-description-indicator {
  display: block;
}
.form .form-line .form-input {
  flex: 3;
}
.form .form-line .form-label-left {
  order: 2;
  text-align: left;
}
.form .form-line .form-label-top {
  flex: 0 0 100%;
}
.form .form-line .form-label .text-red {
  color: red;
}
.form .form-submit-btn {
  text-align: right;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.form .form-submit-btn .form-input-right {
  text-align: right;
}
.form .form-submit-btn .form-input-center {
  text-align: center;
}
.form .form-submit-btn .form-input-left {
  text-align: left;
}
.form .form-submit-btn .btn {
  max-width: 300px;
  width: 100%;
}
.form .form-input-wide {
  flex: 0 0 100%;
}
.form .form-input-wide .form-error-message {
  bottom: -5px;
  font-size: 11px;
  position: relative;
  z-index: 900;
  right: auto;
  top: auto;
  color: #333;
  padding: 3px;
  max-width: 100%;
  padding-bottom: 3px;
  font-size: 12px;
  border: none;
  -moz-box-shadow: 0px 2px 4px rgba(102, 102, 102, 0.5);
  -webkit-box-shadow: 0px 2px 4px rgba(102, 102, 102, 0.5);
  -moz-border-radius: 6px 6px;
  -webkit-border-radius: 6px 6px;
  box-shadow: 0px 2px 4px rgba(102, 102, 102, 0.5);
  border-radius: 6px 6px;
  background: #FCC;
}
.form .captcha {
  /*.form-input {
            .form-group { display: flex; flex-wrap: wrap; justify-content: flex-start;

            }
        }*/
}
.form .captcha div:nth-child(1) {
  flex: 0 0 auto;
  padding-left: 0;
}
.form .captcha div:nth-child(2) {
  flex: 1 1 auto;
  padding-right: 0;
}
.form .captcha label {
  display: none;
}
.form .captcha img {
  height: 40px;
}
.form .captcha input[type=text] {
  width: 100%;
  padding-right: 50px;
}
.form .captcha .refresh-token {
  position: absolute;
  width: 40px;
  height: 39px;
  background-color: var(--bs-secondary);
  color: #fff;
  text-align: center;
  line-height: 39px;
  cursor: pointer;
}

.stuff.list .search-info .row {
  /*div {
  	&:first-child, &:nth-child(5n) {
  		.stuff-item { border-right: none; }
  	}
  	&:nth-child(4n) {
  		.stuff-item { border-left: none; }
  	}
  }*/
}
.stuff.list .search-info .row > * {
  padding: 0 8px;
}
.filter-items-container {
  flex-grow: 1.25 !important;
}

.filters-container {
  position: sticky;
  top: 70px;
  background: #ffff;
  border: 1px solid #e0e0e6;
  border-radius: 20px;
  padding: 1.5rem 0;
}
.filters-container .filters-container-inner {
  padding: 0 0.5rem;
  overflow-y: auto;
  max-height: calc(100vh - 130px);
}
.filters-container .special-filters {
  padding: 10px;
  margin: 0 10px;
}
.filters-container .special-filters .switch {
  margin-top: 0.5rem;
}
.filters-container .title {
  padding: 10px;
  font-size: 1.2rem;
}
.filters-container .filter-item-container .filter-item-header {
  padding: 10px;
  border-bottom: 1px solid #f1f1f1;
  cursor: pointer;
  font-weight: bold;
  margin: 0 10px;
}
.filters-container .filter-item-container .filter-item-header .caret {
  transition: 0.3s transform;
  color: #9e9fb1;
  font-size: 1.1rem;
}
.filters-container .filter-item-container .filter-item-header .caret.rotate-caret {
  transform: rotate(180deg);
}
.filters-container .filter-item-container .filter-item-header .selected-item span {
  color: #979797;
  font-size: 0.8rem;
  padding: 0 1px;
  font-weight: normal;
}
.filters-container .filter-item-container .filter-item-header .selected-filter-dot {
  width: 4px;
  height: 4px;
  background: var(--bs-primary);
  display: inline-block;
  border-radius: 50%;
  margin-right: 5px;
}
.filters-container .filter-item-container .filter-items {
  list-style: none;
  padding: 10px;
  overflow: auto;
  border-bottom: 1px solid var(--bs-primary);
  color: var(--bs-primary);
}
.filters-container .filter-item-container .filter-items .input-group {
  margin-bottom: 20px;
}
.filters-container .filter-item-container .filter-items .input-group .input-group-text {
  background: white;
  border: 1px solid #f1f2f4;
  color: #858d94;
}
.filters-container .filter-item-container .filter-items .input-group .input-group-text:last-child {
  z-index: 2;
  border-right: none;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  display: none;
}
.filters-container .filter-item-container .filter-items .input-group .input-group-text:last-child i {
  cursor: pointer;
}
.filters-container .filter-item-container .filter-items .input-group input {
  border: 1px solid #f1f2f4 !important;
  border-right: none !important;
  z-index: 1;
}
.filters-container .filter-item-container .filter-items .input-group input:focus {
  border: 1px solid #f1f2f4;
  border-right: none;
}
.filters-container .filter-item-container .filter-items .filter-item {
  font-size: 0.9rem;
  padding: 5px 0px;
  border-bottom: 1px solid #f1f1f1;
  margin-top: 0;
}
.filters-container .filter-item-container .filter-items .filter-item.color input {
  vertical-align: middle;
}
.filters-container .filter-item-container .filter-items .filter-item.color .color-box {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #dbdbdb;
}
.filters-container .filter-item-container .filter-items .filter-item:last-child {
  border: none;
}
.filters-container .filter-item-container .hidden {
  display: none;
}
.filters-container .remove-filters {
  font-size: 0.9rem;
  color: var(--bs-primary);
  cursor: pointer;
}
.filters-container .specification-filters .spec-item:last-child .filter-items {
  border: none;
}

#compare-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s all;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 5;
  background: white;
  box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, 0.1);
  padding: 20px 50px;
}
#compare-wrapper #compare-list .compare-item {
  display: inline-block;
  text-align: center;
  max-width: 200px;
  position: relative;
  margin-right: 10px;
}
#compare-wrapper #compare-list .compare-item img {
  display: block;
  margin: 0 auto;
}
#compare-wrapper #compare-list .compare-item .title {
  display: inline-block;
}
#compare-wrapper #compare-list .compare-item i {
  position: absolute;
  top: 10px;
  left: 10px;
  color: red;
  font-size: 0.9rem;
}
#compare-wrapper .btns .btn {
  display: block;
  margin: 0 auto 5px;
  width: 100%;
}
#compare-wrapper .btns .btn i {
  vertical-align: middle;
}
#compare-wrapper .title-section {
  cursor: pointer;
  position: absolute;
  top: -35px;
  background: #747474;
  display: block;
  right: 60px;
  padding: 5px 10px 5px 100px;
  color: white;
  font-size: 1rem;
  font-weight: normal;
  border-radius: 15px 15px 0 0;
}

.display-priority {
  background: white;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-weight: bold;
  margin: 0 0 1rem;
  border: 1px solid #dbdbdb;
  border-radius: 1rem;
}
.display-priority > .title i {
  font-size: 1rem;
  vertical-align: middle;
}
.display-priority .button {
  display: inline-block;
  padding: 0 10px;
  font-weight: normal;
  cursor: pointer;
  height: 3em;
  line-height: 3em;
  cursor: pointer;
}
.display-priority .button.selected {
  font-weight: bold;
  color: var(--bs-primary);
  position: relative;
}
.display-priority .stuff-count {
  font-weight: normal;
  line-height: 39px;
}
.display-priority .toggle-priority, .display-priority .priority-title {
  display: none;
}

.toggle-filter {
  display: none;
  cursor: pointer;
}
.toggle-filter i {
  font-size: 1rem;
  vertical-align: middle;
}

.applied-filters {
  padding: 8px 0;
}
.applied-filters .label {
  background: var(--bs-primary);
  padding: 3px;
  font-size: 0.8em;
  display: block;
  margin: 4px;
}
.applied-filters .label .remove {
  font-size: 1.7em;
  line-height: 0.6em;
  vertical-align: middle;
  display: inline-block;
  margin: 4px 6px 0 6px;
  float: right;
  cursor: pointer;
  color: white;
}
.applied-filters .color-sample {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 17px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: var(--bs-primary);
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px var(--bs-primary);
}
.switch input:checked + .slider:before {
  transform: translateX(16px);
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
.switch .slider.round {
  border-radius: 34px;
}
.switch .slider.round:before {
  border-radius: 50%;
}

.stuff-item {
  background: #fafafa;
  display: block;
  height: 100%;
  position: relative;
  border-radius: 1rem;
  border: 1px solid #dbdbdb;
  transition: all 0.3s ease;
}
.stuff-item .stuff-img-container {
  position: relative;
  padding: 11px;
}
.stuff-item .stuff-img-container .date {
  position: absolute;
  left: 17px;
  top: 17px;
  color: var(--bs-primary);
  font-family: Rokh-Bold;
  font-size: 0.75rem;
  text-align: center;
  background-color: var(--bs-secondary);
  border-radius: 5px;
  border-top-left-radius: 15px;
  padding: 5px 15px;
  z-index: 2;
}
.stuff-item .stuff-img {
  display: block;
  text-align: center;
  border-radius: 1rem;
  border: 1px solid #dbdbdb;
  overflow: hidden;
}
.stuff-item .stuff-img img {
  width: 100%;
  border-radius: 1rem;
  transition: all 0.3s ease;
}
.stuff-item .stuff-des {
  padding: 0 30px;
}
.stuff-item .stuff-des h2 {
  font-family: Rokh-Bold;
  font-size: 1.125rem;
  line-height: 2rem;
  color: var(--bs-primary);
  text-align: center;
  margin: 0.5rem 0;
}
.stuff-item .stuff-des h3 {
  direction: ltr;
  text-align: left;
  font-size: 0.9rem;
  margin: 0;
}
.stuff-item .stuff-des .stuff-summary {
  font-size: 0.875rem;
}
.stuff-item .stuff-des .stuff-summary .summary-title {
  color: var(--bs-primary);
  font-size: 1rem;
  text-align: center;
  background-color: var(--bs-secondary);
  border-radius: 5px;
  margin-bottom: 1rem;
}
.stuff-item .stuff-des .stuff-summary strong {
  font-size: 1rem;
  color: var(--bs-primary);
}
.stuff-item .stuff-rate {
  display: none;
  font-size: 0.8rem;
}
.stuff-item .stuff-rate i {
  color: gold;
}
.stuff-item .status-label {
  display: none;
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0;
  background-color: #fff;
}
.stuff-item .price-box {
  max-width: 236px;
  margin: 1rem auto;
  background-color: #fff;
  border: 1px solid #d6c9ae;
  border-radius: 5px;
  text-align: center;
  color: var(--bs-primary);
  font-size: 1rem;
  padding: 0;
}
.stuff-item .price-box b {
  font-size: 1.25rem;
  font-family: Rokh-Bold;
}
.stuff-item .price-box .unit {
  display: inline-block;
  font-size: 0.875rem;
}
.stuff-item .more-btn {
  width: 100%;
  border-radius: 1rem;
}
.stuff-item:hover {
  filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.2));
  z-index: 1;
}
.stuff-item:hover .stuff-img img {
  transform: scale(1.1);
}

.price-filter .price-slider-bg {
  padding: 0 20px 0 0;
}
.price-filter .price-slider-bg .price-slider {
  height: 7px;
  border: none;
  position: relative;
  background: var(--bs-primary);
  border-radius: 5px;
}
.price-filter .price-slider-bg .price-slider .ui-slider-handle {
  width: 20px;
  height: 20px;
  top: -7px;
  position: absolute;
  background: var(--bs-secondary);
  border-radius: 50%;
  cursor: pointer;
}
.price-filter .price-slider-bg .price-slider .ui-slider-handle .arrow {
  position: absolute;
  top: 0;
  width: 12px;
  height: 25px;
  background-position: center center;
  background-repeat: no-repeat;
}
.price-filter .price-value-container {
  margin-top: 20px;
}

.basket-qty-container {
  margin: 5px 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  color: white;
  font-size: 0.9em;
  border-radius: 7px;
  border: 1px solid gray;
}
.basket-qty-container .col {
  padding: 0px 10px;
  cursor: pointer;
}
.basket-qty-container .col[plus-cart], .basket-qty-container .col[minus-cart], .basket-qty-container .col[remove-icon] {
  padding: 15px 10px;
}

.stuff.details .stuff-top {
  background: #fff;
  margin: 0 0 3rem;
  position: relative;
  border-radius: 1.8rem;
}
.stuff.details .stuff-img {
  position: relative;
  max-width: 596px;
}
.stuff.details .stuff-img .date {
  position: absolute;
  left: 10px;
  top: 10px;
  color: var(--bs-primary);
  font-family: Rokh-Bold;
  font-size: 0.75rem;
  text-align: center;
  background-color: var(--bs-secondary);
  border-radius: 5px;
  border-top-left-radius: 15px;
  padding: 5px 15px;
  z-index: 2;
}
.stuff.details .stuff-actions {
  position: absolute;
  right: 3rem;
  top: 3rem;
  font-size: 1.4rem;
  z-index: 2;
}
.stuff.details .stuff-actions .like {
  cursor: pointer;
}
.stuff.details .stuff-actions .like:after {
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: normal;
}
.stuff.details .stuff-actions .like.liked:after {
  font-weight: bold;
  color: red;
}
.stuff.details .stuff-actions .share-btn:after {
  content: "\f1e0";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}
.stuff.details .img-zoom-container > img {
  border: 1px solid #e0e0e6;
  border-radius: 1.25rem;
}
.stuff.details #owl-carousel-gallery-demo {
  max-width: 500px;
  margin: -85px auto 0;
  border-radius: 7px;
}
.stuff.details #owl-carousel-gallery-demo .owl-item {
  text-align: center;
}
.stuff.details #owl-carousel-gallery-demo .owl-carousel-item {
  position: relative;
  display: inline-block;
  max-width: 146px;
  margin: 0 auto;
  border: 1px solid var(--bs-primary);
  border-radius: 1.56rem;
  overflow: hidden;
  padding: 2px;
  background-color: #fff;
  margin: 0;
}
.stuff.details #owl-carousel-gallery-demo .owl-carousel-item.main-photo {
  width: auto;
}
.stuff.details #owl-carousel-gallery-demo .owl-carousel-item img {
  border-radius: 1.56rem;
}
.stuff.details #owl-carousel-gallery-demo .owl-carousel-item .play {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  transition: 0.3s all;
  z-index: 3;
  right: 0;
  left: 0;
  border-radius: 1.56rem;
  overflow: hidden;
}
.stuff.details #owl-carousel-gallery-demo .owl-carousel-item .play i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  color: #fff;
  transition: all 0.3s ease;
}
.stuff.details #owl-carousel-gallery-demo .owl-carousel-item:hover .play {
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.stuff.details #owl-carousel-gallery-demo .owl-nav {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 50%;
  display: block;
}
.stuff.details #owl-carousel-gallery-demo .owl-nav button {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #fff;
  background-color: #c7963b;
  color: #fff;
  transition: 0.3s;
}
.stuff.details #owl-carousel-gallery-demo .owl-nav button:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.stuff.details #owl-carousel-gallery-demo .owl-nav button.disabled {
  background: #c7963b !important;
  border-color: #fff !important;
  color: #fff !important;
}
.stuff.details #owl-carousel-gallery-demo .owl-nav button.disabled:before {
  filter: unset !important;
}
.stuff.details #owl-carousel-gallery-demo .owl-nav button:hover {
  background-color: var(--bs-secondary) !important;
  border: 1px solid var(--bs-secondary) !important;
}
.stuff.details #owl-carousel-gallery-demo .owl-nav button:hover:before {
  filter: brightness(100) !important;
}
.stuff.details #owl-carousel-gallery-demo .owl-nav .owl-next {
  left: 0;
  transform: translate(-100%);
}
.stuff.details #owl-carousel-gallery-demo .owl-nav .owl-next:before {
  transform: rotate(180deg);
}
.stuff.details #owl-carousel-gallery-demo .owl-nav .owl-prev {
  right: 0;
  transform: translate(100%);
}
.stuff.details .stuff-des {
  padding: 15px;
  font-size: 0.9rem;
}
.stuff.details .stuff-des .code span {
  font-family: Arial;
}
.stuff.details .stuff-des .brand a {
  color: var(--bs-primary);
  font-weight: bold;
}
.stuff.details .stuff-des h1 {
  font-size: 1.5rem;
  color: var(--bs-primary);
  margin-bottom: 0;
  display: inline-block;
  font-family: Rokh-Bold;
}
.stuff.details .stuff-des .title-en {
  direction: ltr;
  font-size: 0.7rem;
  color: #c3c3ce;
  position: relative;
}
.stuff.details .stuff-des .title-en span {
  background: white;
  color: #81858b;
  display: inline-block;
  position: relative;
  z-index: 2;
  padding-right: 10px;
}
.stuff.details .stuff-des .title-en:after {
  content: "";
  height: 1px;
  background: #e9e9e9;
  width: 100%;
  position: absolute;
  right: 0;
  top: 9px;
}
.stuff.details .stuff-des .summary {
  font-size: 1rem;
  color: #454546;
}
.stuff.details .stuff-des .summary .summary-title {
  font-family: Rokh-Medium;
  font-size: 1.375rem;
  color: var(--bs-primary);
}
.stuff.details .stuff-des .summary b, .stuff.details .stuff-des .summary strong {
  color: var(--bs-primary);
}
.stuff.details .stuff-des .summary .dscp {
  margin-top: 1rem;
  padding: 1rem;
}
.stuff.details .stuff-des .rate-and-comment-sesction .stuff-rate i {
  color: gold;
}
.stuff.details .stuff-des .rate-and-comment-sesction .stuff-rate span {
  font-size: 0.7rem;
  color: #c3c3ce;
}
.stuff.details .stuff-des .rate-and-comment-sesction a {
  color: var(--bs-primary);
  font-size: 0.8rem;
}
.stuff.details .stuff-des .rate-and-comment-sesction .item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}
.stuff.details .stuff-des .rate-and-comment-sesction .item:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 10px;
  background: #cfcfd8;
  display: inline-block;
  border-radius: 0;
}
.stuff.details .stuff-des .rate-and-comment-sesction .item:last-child:after {
  display: none;
}
.stuff.details .stuff-des ul {
  padding-right: 30px;
}
.stuff.details .mobile-buy-section {
  display: none;
}
.stuff.details .sibling-container .title {
  font-family: Rokh-Bold;
  font-size: 1.375rem;
}
.stuff.details .sibling-container .stuff-item {
  background: #fafafa;
  display: block;
  height: 100%;
  position: relative;
  border-radius: 1rem;
  border: 1px solid #dbdbdb;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
}
.stuff.details .sibling-container .stuff-img-container {
  position: relative;
  padding: 11px;
}
.stuff.details .sibling-container .stuff-img-container .date {
  position: absolute;
  left: 17px;
  top: 17px;
  color: var(--bs-primary);
  font-family: Rokh-Bold;
  font-size: 0.75rem;
  text-align: center;
  background-color: var(--bs-secondary);
  border-radius: 5px;
  border-top-left-radius: 15px;
  padding: 5px 15px;
  z-index: 2;
}
.stuff.details .sibling-container .stuff-img {
  display: block;
  text-align: center;
  border-radius: 1rem;
  border: 1px solid #dbdbdb;
  overflow: hidden;
}
.stuff.details .sibling-container .stuff-img img {
  border-radius: 1rem;
  transition: all 0.3s ease;
}
.stuff.details .sibling-container .stuff-des {
  padding: 0 30px;
}
.stuff.details .sibling-container .stuff-des .stuff-title {
  font-family: Rokh-Bold;
  font-size: 1.125rem;
  line-height: 2rem;
  color: var(--bs-primary);
  text-align: center;
  margin: 0.5rem 0;
}
.stuff.details .sibling-container .stuff-des .stuff-summary {
  font-size: 0.875rem;
}
.stuff.details .sibling-container .stuff-des .stuff-summary .summary-title {
  color: var(--bs-primary);
  font-size: 1rem;
  text-align: center;
  background-color: var(--bs-secondary);
  border-radius: 5px;
  margin-bottom: 1rem;
}
.stuff.details .sibling-container .stuff-des .price-box {
  max-width: 236px;
  margin: 1rem auto;
  background-color: #fff;
  border: 1px solid #d6c9ae;
  border-radius: 5px;
  text-align: center;
  color: var(--bs-primary);
  font-size: 1rem;
  padding: 0;
}
.stuff.details .sibling-container .stuff-des .price-box b {
  font-size: 1.25rem;
  font-family: Rokh-Bold;
}
.stuff.details .sibling-container .stuff-des .price-box .unit {
  display: inline-block;
  font-size: 0.875rem;
}
.stuff.details .sibling-container .owl-dots {
  position: absolute;
  right: 0;
  bottom: -25px;
  left: 0;
  display: block;
  text-align: center;
}
.stuff.details .sibling-container .owl-dots .owl-dot {
  border-radius: 50%;
  padding: 0;
  transition: 0.3s all;
  width: 9px;
  height: 9px;
  margin: 0 2px;
  background-color: var(--bs-secondary);
}
.stuff.details .sibling-container .owl-dots .owl-dot.active {
  background-color: var(--bs-primary);
}
.stuff.details .buy-information.sticky {
  top: 120px;
}
.stuff.details .buy-information-container .form-select {
  font-size: 0.8rem;
}
.stuff.details .buy-information-container label {
  font-weight: bold;
}
.stuff.details .buy-information-container .form-group {
  margin-bottom: 10px;
}
.stuff.details .buy-information-container .slogans {
  display: none;
  line-height: 22px;
  margin: 10px 0;
  font-weight: 500;
  font-size: 0.8rem;
}
.stuff.details .buy-information-container .add-to-cart {
  display: none !important;
}
.stuff.details .buy-information-container .add-to-cart .value {
  font-weight: bold;
  font-size: 1.3rem;
}
.stuff.details .buy-information-container .spec-title {
  color: #a39595;
  font-weight: normal;
}
.stuff.details .buy-information-container .price-information {
  text-align: center;
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
}
.stuff.details .buy-information-container .price-information > * {
  flex: 1;
}
.stuff.details .buy-information-container .price-information > a {
  border-radius: 5px;
  text-align: center;
  color: var(--bs-secondary);
  font-size: 1.25rem;
  padding: 9px 2.5rem;
}
.stuff.details .buy-information-container .price-information .add-to-cart-container {
  display: inline-block;
  border: 1px solid #d6c9ae;
  border-radius: 5px;
  text-align: center;
  color: var(--bs-primary);
  font-size: 1rem;
  padding: 5px 2.5rem;
}
.stuff.details .buy-information-container .price-information .add-to-cart-container span {
  font-size: 1.25rem;
  font-family: Rokh-Bold;
}
.stuff.details .buy-information-container .price-information .add-to-cart-container .unit {
  font-size: 0.875rem;
  color: #000;
  margin-right: 5px;
}
.stuff.details .buy-information-container .price-information .discount {
  font-size: 1rem;
}
.stuff.details .buy-information-container .price-information .discount del {
  font-size: 0.9rem;
  color: gray;
}
.stuff.details .buy-information-container .price-information .discount .discount-percent {
  background: red;
  padding: 1px 10px;
  margin-right: 5px;
  border-radius: 15px;
  color: white;
  font-size: 0.8rem;
}
.stuff.details .buy-information-container .buying-options-item {
  border: 1px solid #e0e0e6;
  padding: 2px 3px;
  border-radius: 3px;
  text-align: center;
  margin: 5px 2px;
  cursor: pointer;
  display: block;
}
.stuff.details .buy-information-container .buying-options-item:first-child {
  margin-right: 0;
}
.stuff.details .buy-information-container .buying-options-item.selected {
  background: var(--bs-primary);
  color: white;
  box-shadow: -2px 2px 6px 0px #e7e7e7;
}
.stuff.details .buy-information-container .colors .color-group .group-title {
  margin-bottom: 15px;
  font-weight: bold;
}
.stuff.details .buy-information-container .colors .color-group .color {
  width: 35px;
  height: 35px;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
  border: 4px solid white;
}
.stuff.details .buy-information-container .colors .color-group .color.selected {
  border: 4px solid var(--bs-primary);
  position: relative;
}
.stuff.details .buy-information-container .colors .color-group .color.selected:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 4px;
  right: 7px;
  color: white;
}
.stuff.details .buy-information-container .colors .color-group .color.selected.light-color:after {
  color: black;
}
.stuff.details .buy-information-container.not-available {
  background: white;
  color: #767790;
}
.stuff.details .buy-information-container.not-available .not-available-text {
  position: relative;
  text-align: center;
  font-size: 1.3rem;
  color: #767790;
}
.stuff.details .buy-information-container.not-available .not-available-text span {
  background: white;
  padding: 0 10px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.stuff.details .buy-information-container.not-available .not-available-text:after {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  top: 50%;
  background: #767790;
}
.stuff.details .price-box {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
}
.stuff.details .price-box > * {
  flex: 1;
}
.stuff.details .price-box > a {
  border-radius: 5px;
  text-align: center;
  color: var(--bs-secondary);
  font-size: 1.25rem;
  padding: 9px 0;
  line-height: 1;
}
.stuff.details .price-box .add-to-cart-container {
  display: inline-block;
  border: 1px solid #d6c9ae;
  border-radius: 5px;
  text-align: center;
  color: var(--bs-primary);
  font-size: 1.25rem;
  padding: 9px 0;
  line-height: 1;
}
.stuff.details .stuff-tab {
  background: #f5f5f5;
  margin: 0 0 3rem;
  position: relative;
}
.stuff.details .nav {
  background: var(--bs-primary);
  position: sticky;
  top: 51px;
  z-index: 3;
  border-bottom: 1px solid #fff;
}
.stuff.details .nav li {
  margin-bottom: 0;
}
.stuff.details .nav li .nav-link {
  border-radius: 0;
  color: #fff;
  position: relative;
  padding: 8px 10px;
}
.stuff.details .nav li .nav-link.active {
  color: #fdeec0;
  font-weight: bold;
  background: none;
}
.stuff.details .nav li .nav-link.active:after {
  content: "";
  border-bottom: 4px solid #fdeec0;
  border-radius: 10px 10px 0 0;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0;
}
.stuff.details .content-title {
  display: inline-block;
  position: relative;
  margin: 0.5rem 0;
}
.stuff.details .content-title:after {
  display: none;
  content: "";
  width: calc(100% + 30px);
  position: absolute;
  right: 0;
  bottom: -5px;
  border-bottom: 3px solid var(--bs-primary);
}
.stuff.details .scrollspy-content > div {
  border-bottom: 1px solid #585858;
  padding: 2rem;
}
.stuff.details .scrollspy-content > div:last-child {
  border-bottom: 0;
}
.stuff.details .scrollspy-content p {
  line-height: 2;
}
.stuff.details #spec-section .table .spec-table-col {
  font-weight: normal;
  width: 250px;
  color: #767790;
}
.stuff.details #spec-section .table .spec-table-col.main-spec {
  background-color: var(--bs-primary);
  color: #fff;
}
.stuff.details .other-stuff {
  display: none;
}
.stuff.details #download-section table tr th {
  width: 15%;
}
.stuff.details #download-section table tr th.Name {
  width: 40%;
}
.stuff.details #download-section table tr td:nth-of-type(1) {
  color: var(--bs-primary);
}
.stuff.details #faq-section .questions .icon {
  margin-left: 18px;
}
.stuff.details #faq-section .questions .icon i {
  border: 2px solid var(--bs-primary);
  padding: 3px 6px;
  border-radius: 5px;
  color: var(--bs-primary);
}
.stuff.details #faq-section .answer {
  color: #5a5c7a;
  margin: 10px 0;
  border-bottom: 1px solid #e9e9e9;
}
.stuff.details #faq-section .answer .answer-title {
  margin-top: 3px;
  margin-left: 20px;
}
.stuff.details #faq-section .answer:last-child {
  border: none;
}
.stuff.details [more-content] {
  display: none;
}

@media (max-width: 1200px) {
  .stuff.list .search-info .row div:first-child .stuff-item, .stuff.list .search-info .row div:nth-child(4n) .stuff-item {
    border: 1px solid #f1f2f4;
    border-right: none;
  }
  .stuff.list .search-info .row div:nth-child(3n) .stuff-item {
    border: 1px solid #f1f2f4;
    border-left: none;
  }
}
@media (max-width: 991px) {
  .filter-items-container {
    position: fixed;
    top: 120%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background: white;
    z-index: 10;
    transition: 0.3s all;
    overflow: auto;
    max-height: 100vh;
  }
  .filter-items-container .filters-container {
    position: relative;
    top: 0;
    border: none;
  }
  .filter-items-container.open-filter {
    top: 0;
  }

  .toggle-filter {
    display: inline-block;
  }

  .display-priority {
    margin-bottom: 1rem;
  }

  /*.stuff.details .buy-information { position: fixed; background: #f7f7f8; left: 0; right: 0; bottom: 0; z-index: 11; border-radius: 5px 5px 0 0; box-shadow: 0px 3px 15px black;
      &.sticky { display: none; }
      &.top-up-navigation { bottom: 61px; }
      .mobile-buy-section { display: block; padding: 10px; font-weight: bold; border-bottom: 1px solid #e0e0e6; margin: 0 5px; position: relative; top: -5px;
          .icon { background: var(--bs-primary); padding: 5px; color: white; border-radius: 5px; float: left; cursor: pointer; }
      }
      .buy-information-section { margin-bottom: -100%; transition: 0.3s all;
          .buy-information-container { margin: 0; border: none; border-radius: 0;
              .price-information {padding:1rem;*/
  /*.add-to-cart-container { display: flex; flex-direction: row-reverse;
      > div { flex: 1; }
  }*/
  /*}
              .colors .color-group .group-title { margin: 0; }
              .options-container { display: flex; flex-wrap: wrap;
                  .options-item { flex: 1; }
              }
              .warranties { margin-bottom: 10px; }
              .slogans, [data-type="PositiveAndNegative"] { display: none; }
          }
      }
      &.open {
          .mobile-buy-section {
              .icon { transform: rotate(180deg); }
          }
          .buy-information-section { margin: 0; }
      }
  }*/
  .stuff.details .scrollspy-content > div {
    padding: 1rem 0;
  }

  .stuff.details .price-box {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .display-priority .title {
    display: none;
    cursor: pointer;
  }
  .display-priority .priority-container {
    position: fixed;
    z-index: 10;
    bottom: -100%;
    left: 0;
    right: 0;
    background: white;
    box-shadow: 0 -2px 10px #717171;
    border-radius: 15px 15px 0 0;
    transition: 0.3s all;
  }
  .display-priority .priority-container.open-priority {
    bottom: 0;
  }
  .display-priority .priority-container .priority-title {
    padding: 5px 10px;
    font-size: 1rem;
    display: block;
  }
  .display-priority .priority-container .button {
    display: block;
    border-bottom: 1px solid #f1f1f1;
  }
  .display-priority .priority-container .button.selected:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float: left;
  }
  .display-priority .toggle-priority {
    display: inline-block;
    cursor: pointer;
  }
  .display-priority .toggle-priority i {
    vertical-align: middle;
    font-size: 1rem;
  }

  .top-up-navigation .priority-container.open-priority {
    bottom: 61px;
  }

  .img-zoom-lens, .img-zoom-result {
    display: none;
  }

  .stuff.details .stuff-actions {
    position: relative;
    right: auto;
    top: auto;
    text-align: left;
    margin-bottom: 10px;
  }
  .stuff.details .stuff-actions .like, .stuff.details .stuff-actions .share-btn {
    display: inline-block !important;
  }

  .display-priority .stuff-count {
    padding-top: 0;
  }

  .stuff.details .stuff-top {
    padding: 1rem;
  }

  .img-zoom-container {
    text-align: center;
  }

  .stuff.details #gallery-thumbnails {
    text-align: center;
    margin: 1rem auto;
  }

  .stuff.details #download-section table tr th {
    display: none;
    width: auto;
  }
  .stuff.details #download-section table tr th.Name {
    width: auto;
  }
  .stuff.details #download-section table tr td {
    display: block;
    border-width: 1px;
  }
  .stuff.details #download-section table tr td:nth-of-type(1) {
    text-align: center;
    font-weight: bold;
  }
}
@media (max-width: 576px) {
  .stuff.details .nav {
    border-bottom: 1px solid #e9e9e9;
    flex-wrap: nowrap;
    overflow: auto;
  }
  .stuff.details .nav .nav-item {
    flex: 1 0 auto;
  }
}
/*****Shared**********/
body.cart .empty-cart {
  text-align: center;
}
body.cart .title-wrapper h1 {
  font-size: 2.3em;
  margin-top: 28px;
  margin-bottom: 6px;
}
body.cart .inner-page-header .links-wrapper {
  float: left;
  margin-bottom: 15px;
}
body.cart .footer {
  position: relative;
  margin-top: 25px;
}
body.cart .footer .back-button {
  position: absolute;
  top: 0;
  left: 0;
}
body.cart .footer .button-wrapper .btn {
  min-width: 220px;
}
body.cart .footer .step-indicator {
  padding: 5px 0;
}
body.cart .footer .step-indicator .indicator {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #b3b3b3;
  display: inline-block;
  margin: 1px;
}
body.cart .footer .step-indicator .indicator.active {
  background: var(--bs-primary);
}
body.cart .cart .actions {
  clear: both;
  float: left;
  margin-bottom: 8px;
  padding-top: 8px;
  border-top: 2px solid #dcdcdc;
}
body.cart .cart .actions .invoice {
  display: inline-block;
  margin-left: 8px;
  padding-left: 14px;
  border-left: 1px solid #ededed;
  padding-right: 35px;
  position: relative;
}
body.cart .cart .actions .invoice a {
  color: #444444;
}
body.cart .cart .actions .invoice a:hover {
  color: black;
}
body.cart .cart .actions .invoice:after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  right: -5px;
  top: 3px;
}
body.cart .cart .actions .invoice.fax:after {
  background: url("/Images/fax-print.svg") no-repeat;
}
body.cart .cart .actions .invoice.print:after {
  background: url("/Images/print.svg") no-repeat;
}
body.cart .cart .actions .invoice.download {
  padding-left: 0;
  border-left: none;
}
body.cart .cart .actions .invoice.download:after {
  background: url("/Images/download.svg") no-repeat;
}
body.cart .cart .items-group {
  clear: both;
  border-bottom: 1px solid #979797;
}
body.cart .cart .items-group .headers {
  height: 60px;
  background-color: #ededed;
  border-top: 1px solid #979797;
  border-left: 1px solid #979797;
  font-size: 0.857em;
  font-weight: bold;
}
body.cart .cart .items-group .headers .cell {
  text-align: center;
  border-right: 1px solid #979797;
  float: right;
  height: 100%;
}
body.cart .cart .items-group .headers .cell:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
body.cart .cart .items-group .headers .cell .content {
  display: inline-block;
  vertical-align: middle;
}
body.cart .cart .items-group .headers .index {
  width: 49px;
}
body.cart .cart .items-group .headers .image {
  width: 87px;
}
body.cart .cart .items-group .headers .title-and-specs {
  padding: 0 15px;
  width: 259px;
}
body.cart .cart .items-group .headers .size {
  width: 150px;
}
body.cart .cart .items-group .headers .price {
  width: 128px;
  padding: 0 30px;
}
body.cart .cart .items-group .headers .count {
  width: 107px;
  text-align: center;
  padding: 0 9px;
}
body.cart .cart .items-group .headers .count input {
  width: 100%;
  text-align: center;
  border: 1px solid #888888;
  border-radius: 8px;
}
body.cart .cart .items-group .headers .count input:focus {
  outline: none;
  border-color: var(--bs-primary);
  box-shadow: 0 0 5px var(--bs-primary);
}
body.cart .cart .items-group .headers .discount {
  width: 78px;
}
body.cart .cart .items-group .headers .total {
  width: 121px;
  padding: 0 30px;
}
body.cart .cart .items-group .headers .discounted-total {
  width: 121px;
  padding: 0 10px;
}
body.cart .cart .items-group .headers .delete {
  width: 39px;
  background: #f5716e;
  color: white;
  border-bottom: 1px solid white;
}
body.cart .cart .items-group .cart-item {
  width: 100%;
  height: 100px;
  border-left: 1px solid #979797;
}
body.cart .cart .items-group .cart-item:before {
  content: " ";
  display: table;
}
body.cart .cart .items-group .cart-item:after {
  content: " ";
  clear: both;
  display: table;
}
body.cart .cart .items-group .cart-item .cell-group {
  float: right;
  height: 100%;
}
body.cart .cart .items-group .cart-item .cell-group.price-info {
  font-size: 1.285em;
}
body.cart .cart .items-group .cart-item .cell-group .cell {
  border-top: 1px solid #979797;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #979797;
  height: 100%;
  float: right;
}
body.cart .cart .items-group .cart-item .cell-group .cell .sub-title {
  display: none;
}
body.cart .cart .items-group .cart-item .cell-group .index {
  width: 49px;
  font-size: 1.285em;
}
body.cart .cart .items-group .cart-item .cell-group .image {
  width: 87px;
  padding: 8px;
  vertical-align: middle;
  height: 100%;
  position: relative;
}
body.cart .cart .items-group .cart-item .cell-group .image.modal-link {
  cursor: pointer;
}
body.cart .cart .items-group .cart-item .cell-group .image .image-wrapper {
  position: relative;
}
body.cart .cart .items-group .cart-item .cell-group .image .image-wrapper > img {
  width: 100%;
}
body.cart .cart .items-group .cart-item .cell-group .image .image-wrapper .overlay {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  opacity: 0;
  transition: all 0.3s;
  vertical-align: middle;
  top: 0;
  right: 0;
  display: inline-block;
}
body.cart .cart .items-group .cart-item .cell-group .image .image-wrapper .overlay img {
  margin-top: 25px;
}
body.cart .cart .items-group .cart-item .cell-group .image:hover .overlay {
  opacity: 1;
}
body.cart .cart .items-group .cart-item .cell-group .title-and-specs {
  font-weight: bold;
  text-align: right;
  padding: 0 15px;
  width: 259px;
}
body.cart .cart .items-group .cart-item .cell-group .title-and-specs .title {
  font-size: 0.928em;
}
body.cart .cart .items-group .cart-item .cell-group .title-and-specs .specs {
  font-size: 0.857em;
  color: #888;
}
body.cart .cart .items-group .cart-item .cell-group .title-and-specs .specs span {
  padding: 0 5px;
  border-left: 1px solid #888;
}
body.cart .cart .items-group .cart-item .cell-group .title-and-specs .specs span:first-child {
  padding-right: 0;
}
body.cart .cart .items-group .cart-item .cell-group .title-and-specs .specs span:last-child {
  border-left: none;
}
body.cart .cart .items-group .cart-item .cell-group .size {
  width: 150px;
}
body.cart .cart .items-group .cart-item .cell-group .size .content {
  direction: ltr;
}
body.cart .cart .items-group .cart-item .cell-group .actions {
  display: none;
}
body.cart .cart .items-group .cart-item .cell-group .price {
  width: 128px;
}
body.cart .cart .items-group .cart-item .cell-group .count {
  width: 107px;
  text-align: center;
  padding: 0 9px;
}
body.cart .cart .items-group .cart-item .cell-group .count input {
  font-size: 0.9em;
  width: 100%;
  text-align: center;
  border: 1px solid #888888;
  border-radius: 8px;
  direction: ltr;
}
body.cart .cart .items-group .cart-item .cell-group .count input:focus {
  outline: none;
  border-color: var(--bs-primary);
  box-shadow: 0 0 5px var(--bs-primary);
}
body.cart .cart .items-group .cart-item .cell-group .discounts {
  width: 78px;
}
body.cart .cart .items-group .cart-item .cell-group .discounts .discount {
  padding: 5px;
}
body.cart .cart .items-group .cart-item .cell-group .discounts .discount.selected {
  font-weight: bold;
  color: #2b6bb4;
  text-decoration: underline;
  padding: 5px;
}
body.cart .cart .items-group .cart-item .cell-group .total {
  width: 121px;
}
body.cart .cart .items-group .cart-item .cell-group .discounted-total {
  width: 121px;
}
body.cart .cart .items-group .cart-item .cell-group .delete {
  width: 39px;
  background-color: #f5716e;
  border-top: none;
  color: white;
}
body.cart .cart .items-group .cart-item .cell-group .delete .content {
  padding: 0 5px;
  cursor: pointer;
}
body.cart .cart .costs {
  text-align: center;
  margin-right: 545px;
  width: 556px;
}
body.cart .cart .costs > div:before {
  content: " ";
  display: table;
}
body.cart .cart .costs > div:after {
  content: " ";
  clear: both;
  display: table;
}
body.cart .cart .costs .cell {
  float: right;
  height: 55px;
}
body.cart .cart .costs .cell.i1 {
  font-size: 1.142em;
  width: 313px;
  border-bottom: 1px solid #979797;
  border-right: 1px solid #979797;
  font-weight: bold;
}
body.cart .cart .costs .cell.i2 {
  font-size: 1.275em;
  width: 243px;
  border-right: 1px solid #979797;
  border-bottom: 1px solid #979797;
}
body.cart .cart .costs .cell.i3 {
  font-size: 1.275em;
}
body.cart .cart .costs .cell label {
  font-weight: bold;
}
body.cart .cart .costs .total .cell.i2 {
  width: 121px;
}
body.cart .cart .costs .total .cell.i3 {
  width: 122px;
  border: 1px solid #979797;
  border-top: none;
}
body.cart .cart .costs .vat .cell.i1 {
  border-bottom: none;
}
body.cart .cart .costs .vat .cell.i2 {
  border-bottom: none;
  border-left: 1px solid #979797;
}
body.cart .cart .costs .payable {
  background: #cffdde;
}
body.cart .cart .costs .payable .cell {
  color: #019875;
}
body.cart .cart .costs .payable .cell.i1 {
  border: 1px solid #019828;
  border-left: none;
}
body.cart .cart .costs .payable .cell.i2 {
  border: 1px solid #019828;
  font-family: IranSansWeb;
  font-weight: bold;
}
body.cart .cart .costs-mobile {
  display: none;
}
body.cart .cart-footer {
  text-align: left;
  margin-top: 15px;
}

@media (max-width: 1200px) {
  body.cart .cart .actions .invoice.print {
    display: none;
  }
  body.cart .cart .items-group {
    border-bottom: none;
  }
  body.cart .cart .items-group .v-center:before {
    display: none;
  }
  body.cart .cart .items-group .headers {
    display: none;
  }
  body.cart .cart .items-group .cart-item {
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    margin-bottom: 10px;
    min-height: 100px;
    height: auto;
    border: none;
    font-size: 1em;
    overflow: hidden;
  }
  body.cart .cart .items-group .cart-item .cell-group {
    display: block;
    float: none;
    height: auto;
  }
  body.cart .cart .items-group .cart-item .cell-group .cell {
    border: none;
    width: auto;
    height: auto;
    display: block;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info {
    background: white;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .index {
    display: none;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .image {
    float: right;
    width: 100px;
    cursor: auto;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .image .overlay {
    display: none;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .title-and-specs {
    font-size: 1em;
    margin-top: 1em;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .actions {
    clear: none;
    border-top: none;
    float: left;
    padding-left: 20px;
    padding-top: 0;
    display: block;
    margin: 15px 0 15px 0;
    text-align: center;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .actions .detail-page-w {
    margin-bottom: 6px;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .actions .detail-page-w a {
    font-size: 0.875em;
    color: #888888;
    cursor: pointer;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .actions .btn-sm {
    border-radius: 25px;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info {
    background: #fafafa;
    border-top: 1px solid #ededed;
    padding: 16px 0;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell {
    display: inline-block;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell .sub-title {
    display: block;
    font-weight: bold;
    font-size: 0.667em;
    color: #888;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.size {
    width: 10%;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.price {
    width: 18%;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.count {
    width: 14%;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.discounts {
    width: 14%;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.total {
    width: 22%;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.discounted-total {
    width: 22%;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.delete {
    display: none;
  }
  body.cart .cart .costs {
    display: none;
  }
  body.cart .cart .costs-mobile {
    display: block;
  }
  body.cart .cart .costs-mobile .group-row.i1 {
    border: 1px solid #888888;
    background: #dcdcdc;
    border-radius: 8px;
    padding: 8px;
    margin-top: 15px;
  }
  body.cart .cart .costs-mobile .group-row.i1 .row {
    text-align: center;
  }
  body.cart .cart .costs-mobile .group-row.i1 .row.i1 {
    color: #2b6bb4;
  }
  body.cart .cart .costs-mobile .group-row.i1 .row.i1 .checkbox {
    display: inline-block;
    margin: 0 15px;
  }
  body.cart .cart .costs-mobile .group-row.i1 .row.i1 .no-wrap .title {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    position: relative;
    padding-right: 30px;
  }
  body.cart .cart .costs-mobile .group-row.i1 .row.i1 .no-wrap .title:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    right: -5px;
    top: 3px;
    background: url("/Images/tax.png") no-repeat;
  }
  body.cart .cart .costs-mobile .group-row.i1 .row.i1 .no-wrap .value {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 15px;
  }
  body.cart .cart .costs-mobile .group-row.i1 .row.i2 .total {
    display: inline-block;
  }
  body.cart .cart .costs-mobile .group-row.i1 .row.i2 .total .title {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    position: relative;
    padding-right: 30px;
  }
  body.cart .cart .costs-mobile .group-row.i1 .row.i2 .total .title:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    right: -5px;
    top: 3px;
    background: url("/Images/discount.png") no-repeat;
  }
  body.cart .cart .costs-mobile .group-row.i1 .row.i2 .total .value {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 15px;
    min-width: 125px;
  }
  body.cart .cart .costs-mobile .group-row.i1 .row.i2 .total.discounted .title:before {
    background: url("/Images/factor.png") no-repeat;
  }
  body.cart .cart .costs-mobile .payable {
    margin-top: 15px;
    text-align: center;
    font-size: 1.3em;
    color: #019875;
    font-weight: bold;
    border: 1px solid #019828;
    background: #cffdde;
    border-radius: 8px;
    padding: 8px;
  }
  body.cart .cart .costs-mobile .payable .title {
    display: inline-block;
  }
  body.cart .cart .costs-mobile .payable .value {
    display: inline-block;
    padding: 0 25px;
  }
}
@media (max-width: 550px) {
  body.cart h1 {
    text-align: center;
  }
  body.cart .inner-page-header .links-wrapper {
    text-align: center;
    float: none;
  }
  body.cart .inner-page-header .links-wrapper .btn {
    margin-right: 40px;
    margin-left: 40px;
    display: inline-block;
    margin-top: 8px;
  }
  body.cart .inner-page-header .actions {
    text-align: center;
  }
  body.cart .inner-page-header .actions .invoice {
    margin-right: 40px;
    margin-left: 40px;
    padding-left: 0;
    border-left: none;
  }
  body.cart .cart .actions {
    float: none;
    text-align: center;
    border: none;
  }
  body.cart .cart .actions .invoice {
    margin: 0 10%;
    padding-left: 0;
    border: none;
  }
  body.cart .cart .actions .invoice.download {
    border-top: 2px solid #dcdcdc;
    margin-top: 6px;
    padding-top: 6px;
  }
  body.cart .cart .items-group .v-center:before {
    display: inline-block;
  }
  body.cart .cart .items-group .cart-item {
    position: relative;
    padding-bottom: 60px;
    background: #fafafa;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .title-and-specs {
    float: none;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .title-and-specs:before {
    display: none;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .title-and-specs .content {
    display: block;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .actions {
    position: absolute;
    bottom: -3px;
    width: 100%;
    float: none;
    padding: 15px;
    margin: 0;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .actions .detail-page-w {
    width: 50%;
    float: left;
    height: 3em;
    margin-bottom: 0;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .actions .detail-page-w a.modal-link {
    font-size: 0.85em;
    margin-bottom: 0;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .actions .delete-w {
    width: 50%;
    float: right;
  }
  body.cart .cart .items-group .cart-item .cell-group.general-info .actions .delete-w a.btn {
    font-size: 0.85em;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell {
    border-bottom: 1px dashed #ededed;
    height: 75px;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.size {
    width: 50%;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.price {
    width: 50%;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.count {
    width: 50%;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.count input {
    width: 50%;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.discounts {
    width: 50%;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.total {
    width: 50%;
  }
  body.cart .cart .items-group .cart-item .cell-group.price-info .cell.discounted-total {
    width: 50%;
  }
  body.cart .footer .button-wrapper {
    text-align: right;
  }
  body.cart .footer .button-wrapper .btn {
    min-width: 150px;
  }
}
@media (max-width: 411px) {
  body.cart .links-wrapper {
    text-align: center;
  }
  body.cart .links-wrapper .btn {
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
    margin-top: 8px;
  }
  body.cart .inner-page-header .actions {
    text-align: center;
  }
  body.cart .inner-page-header .actions .invoice {
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 0;
    border-left: none;
  }
}
.fade-enter-active, .fade-leave-active {
  transition: opacity 1s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.cart-submit.modal .modal-content .modal-body {
  position: relative;
  z-index: 1;
  padding: 20px 40px 0 40px;
  text-align: center;
}
.cart-submit.modal .modal-content .modal-body .cart.active .payable {
  font-size: 2.5em;
  color: var(--bs-primary);
  font-weight: bold;
  margin-top: 40px;
}
.cart-submit.modal .modal-content .modal-body .payment-type .title {
  font-size: 1.2em;
  margin-top: 30px;
  color: #888888;
}
.cart-submit.modal .modal-content .modal-body .payment-type .radio-list {
  text-align: right;
  display: inline-block;
}
.cart-submit.modal .modal-content .modal-body.step-1 .footer .back-button {
  display: none;
}
.cart-submit.modal .modal-content .modal-body.step-2 .payment-type > .title {
  display: none;
}
.cart-submit.modal .modal-content .modal-body.step-2 .payment-type .radio-list {
  margin-top: 30px;
}
.cart-submit.modal .modal-content .modal-body.step-2 .radio {
  display: none;
}
.cart-submit.modal .modal-content .modal-body.step-2 .radio.active {
  display: block;
  color: var(--bs-primary);
}
.cart-submit.modal .modal-content .modal-body.step-2 .hint {
  padding: 25px 0;
  font-size: 1.2em;
}
.cart-submit.modal .modal-content .modal-body.step-2 .credit-payment-description {
  resize: none;
  border-radius: 10px;
  height: 120px;
}
.cart-submit.modal .modal-content .modal-body.step-3 > .title {
  font-size: 1.2em;
  color: #888888;
}
.cart-submit.modal .modal-content .modal-body.step-3 .radio-list {
  display: block;
  text-align: right;
}
.cart-submit.modal .modal-content .modal-body.step-3 .address-form {
  text-align: right;
}
.cart-submit.modal .modal-content .modal-body.step-3 .address-form .form-control {
  border-radius: 10px;
  font-size: 1em;
}
.cart-submit.modal .modal-content .modal-body label {
  font-weight: normal;
}
.cart-submit.modal .modal-content .modal-body .modal-header {
  padding: 0;
}
.cart-submit.modal .modal-content .modal-body .modal-header .title {
  font-size: 2em;
  text-align: center;
}
.cart-submit.modal .modal-content .modal-body .empty-cart > .title {
  font-size: 1.3em;
  font-weight: bold;
  color: #60d3db;
  margin: 35px 0;
}
.cart-submit.modal .modal-content .modal-body .empty-cart .p1 {
  font-size: 1.3em;
  font-weight: bold;
  text-align: justify;
  line-height: 1.9em;
}
.cart-submit.modal .modal-content .modal-body .empty-cart .p2 {
  text-align: justify;
}
.cart-submit.modal .modal-content .modal-body.invoice-submitted .h1 {
  color: var(--bs-primary);
}
.cart-submit.modal .modal-content .modal-body.invoice-submitted .hint {
  font-size: 1.1em;
  color: #888888;
  width: 210px;
  margin: 25px auto;
}
.cart-submit.modal .modal-content .modal-body.invoice-submitted .description {
  font-size: 1.1em;
  font-weight: bold;
  width: 292px;
  margin: auto;
}
.cart-submit.modal .modal-content .modal-body.invoice-submitted .description .invoice-id {
  color: var(--bs-primary);
}
.cart-submit.modal .modal-content .modal-body.invoice-submitted .button-wrapper {
  margin: 32px 0;
}
.cart-submit.modal .modal-content .modal-body.invoice-submitted .button-wrapper .btn {
  min-width: 220px;
}
.cart-submit.modal .modal-content .shipping-address {
  margin-top: 45px;
}
.cart-submit.modal .modal-content .shipping-address:before {
  content: " ";
  display: table;
}
.cart-submit.modal .modal-content .shipping-address:after {
  content: " ";
  clear: both;
  display: table;
}
.cart-submit.modal .modal-content .shipping-address .address-titles {
  float: right;
  width: 30%;
}
.cart-submit.modal .modal-content .shipping-address .address-titles .title {
  padding: 25px 10px;
  background: #f5f5f1;
  border: 1px solid #dddddd;
  text-align: center;
  border-left-color: #f5f5f1;
  border-radius: 0 8px 8px 0;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-right: 15px;
}
.cart-submit.modal .modal-content .shipping-address .address-titles .title.selected {
  cursor: auto;
  font-weight: bold;
  margin-right: 0;
}
.cart-submit.modal .modal-content .shipping-address .address-titles .title + .title {
  margin-top: 8px;
  color: gray;
}
.cart-submit.modal .modal-content .shipping-address .address-form {
  padding: 25px;
  background: #f5f5f1;
  border: 1px solid #dddddd;
  border-radius: 8px 0 8px 8px;
  float: right;
  margin-right: -1px;
  position: relative;
  z-index: 1;
  text-align: right;
  width: 70%;
}
.cart-submit.modal .modal-content .shipping-address .address-form .select-wrapper {
  display: block;
}
.cart-submit.modal .modal-content .shipping-address .red {
  color: red;
}
.cart-submit.modal .modal-content .shipping-address .error {
  white-space: nowrap;
}

/*
@import this file directly into your existing Scss files to use these mixins
*/
.fade-enter-active, .fade-leave-active {
  transition: opacity 1s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

#invoice-modal .step-items {
  list-style: none;
  text-align: center;
  margin-bottom: 15px;
}
#invoice-modal .step-items .step-item {
  position: relative;
  padding: 5px 10px;
  border: 1px solid #e0e0e2;
  border-radius: 7px;
  cursor: pointer;
  display: inline-block;
  margin-left: 50px;
  font-size: 1rem;
  font-weight: 500;
}
#invoice-modal .step-items .step-item:last-child {
  margin: 0;
}
#invoice-modal .step-items .step-item:not(:last-child):after {
  content: "";
  height: 1px;
  background: #00a680;
  position: absolute;
  left: -51px;
  top: calc(50% - 1px);
  width: 50px;
}
#invoice-modal .step-items .step-item.active {
  background: var(--bs-primary);
  color: white;
}
#invoice-modal .step-items .step-item:hover {
  background: var(--bs-primary);
  color: white;
  opacity: 0.8;
}
#invoice-modal .cart-container .carts .cartItemGroup .cart-item {
  border-bottom: 1px solid #e0e0e2;
  padding: 10px 5px;
  line-height: 30px;
}
#invoice-modal .cart-container .carts .cartItemGroup .cart-item:last-child {
  border: 0;
}
#invoice-modal .cart-container .carts .cartItemGroup .cart-item .title {
  font-size: 1.2rem;
  margin: 0;
  font-weight: bold;
}
#invoice-modal .cart-container .carts .cartItemGroup .cart-item .value {
  font-weight: bold;
}
#invoice-modal .step-2 .selected-address label {
  color: #7e7e7e;
}
#invoice-modal .step-2 .selected-address p {
  margin: 0;
}
#invoice-modal .step-2 .selected-address .edit-address {
  font-size: 0.8em;
  color: var(--bs-primary);
}
#invoice-modal .step-2 .selected-address .edit-address:hover {
  color: var(--bs-secondary);
}
#invoice-modal .invoice-border {
  border-radius: 7px;
  border: 1px solid #e0e0e2;
  padding: 10px;
  overflow: hidden;
  line-height: 30px;
  font-size: 0.9rem;
}
#invoice-modal .getway-container {
  margin-bottom: 5px;
}
#invoice-modal .getway-container .getway-item {
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid var(--bs-border-color);
  margin-left: 5px;
  margin-bottom: 5px;
  filter: grayscale(1);
}
#invoice-modal .getway-container .getway-item.active {
  filter: grayscale(0);
}
#invoice-modal .getway-container .getway-item img {
  width: 80px;
}
#invoice-modal .min-shippingCost-container .alert {
  padding: 1px 5px;
  text-align: center;
}

#secondInvoceiModal .modal-body {
  padding: 0;
  max-height: 500px;
  overflow: auto;
}
#secondInvoceiModal .address-item {
  padding: 10px;
  cursor: pointer;
}
#secondInvoceiModal .address-item:nth-child(2n+1) {
  background: #eee;
}
#secondInvoceiModal .address-item.active {
  background: gray;
  color: white;
}
#secondInvoceiModal .address-item:hover {
  background: var(--bs-secondary);
  color: white;
  opacity: 0.8;
}
#secondInvoceiModal .address-item p {
  margin: 0;
  font-size: 0.9em;
}
#secondInvoceiModal .address-form {
  padding: 10px;
}

.invoice.modal .modal-content {
  background: white;
  box-shadow: none;
  border: none;
  border-radius: unset;
}
.invoice.modal .modal-content .modal-body {
  position: relative;
  z-index: 1;
}
.invoice.modal .modal-content .modal-body.step-2 .invoice-content {
  height: 200px !important;
  filter: blur(3px);
  pointer-events: none;
}
.invoice.modal .modal-content .modal-body label {
  font-weight: normal;
}
.invoice.modal .modal-content .modal-body .header .logo-wrapper .logo {
  display: inline-block;
  margin-top: 15px;
  border-bottom: 1px dotted #c1c1c1;
  padding-bottom: 15px;
}
.invoice.modal .modal-content .modal-body .header .slogan {
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 15px;
}
.invoice.modal .modal-content .modal-body .header .comment {
  font-size: 0.85em;
  font-weight: bold;
}
.invoice.modal .modal-content .modal-body .header .date-wrapper {
  text-align: left;
}
.invoice.modal .modal-content .modal-body .header .date-wrapper .date {
  display: inline-block;
  border-bottom: 1px dotted #c1c1c1;
  text-align: left;
}
.invoice.modal .modal-content .modal-body .buy-step-1 {
  position: relative;
}
.invoice.modal .modal-content .modal-body .buy-step-1 .invoice-overlay {
  position: absolute;
  width: 100%;
  height: 210px;
  z-index: 2;
  padding-top: 86px;
  border-radius: 7px;
}
.invoice.modal .modal-content .modal-body .buy-step-1 .invoice-content {
  overflow: hidden;
  transition: 0.4s all cubic-bezier(0.65, 0.05, 0.36, 1);
}
.invoice.modal .modal-content .modal-body .buy-step-1 .invoice-content .nav-tabs li {
  float: none;
  display: inline-block;
}
.invoice.modal .modal-content .modal-body .buy-step-1 .invoice-content .nav-tabs li.active a {
  cursor: auto;
  color: red;
  font-weight: bold;
}
.invoice.modal .modal-content .modal-body .buy-step-1 .invoice-content .nav-tabs li a {
  cursor: pointer;
}
.invoice.modal .modal-content .modal-body .buy-step-1 .invoice-content .tab-content {
  padding: 15px;
  transition: all 0.3s;
  border: 1px solid #dddddd;
  border-radius: 8px;
}
.invoice.modal .modal-content .modal-body .buy-step-1 .invoice-content .nav-tabs {
  border-bottom: none;
}
.invoice.modal .modal-content .modal-body .buy-step-1 .invoice-content .nav-tabs > li.active > a {
  background: #f5f5f1;
  margin-right: 0px;
}
.invoice.modal .modal-content .modal-body .empty-cart > .title {
  font-size: 1.3em;
  font-weight: bold;
  color: #60d3db;
  margin: 35px 0;
}
.invoice.modal .modal-content .modal-body .empty-cart .p1 {
  font-size: 1.3em;
  font-weight: bold;
  text-align: justify;
  line-height: 1.9em;
}
.invoice.modal .modal-content .modal-body .empty-cart .p2 {
  text-align: justify;
}
.invoice.modal .modal-content .modal-body .empty-cart .nav {
  transform: translateZ(0);
}
.invoice.modal .modal-content .modal-body .empty-cart .nav .title {
  color: #d9ac06;
}
.invoice.modal .modal-content .modal-body .empty-cart .nav .categories .category {
  display: inline-block;
  width: 15%;
  cursor: pointer;
}
.invoice.modal .modal-content .modal-body .empty-cart .nav .categories .category img {
  width: 100%;
  transition: all 0.1s cubic-bezier(0.76, 0.07, 0.26, 0.94);
}
.invoice.modal .modal-content .modal-body .empty-cart .nav .categories .category:hover img {
  transform: scale(1.2);
}
.invoice.modal .modal-content .modal-body .splited-by-shipping-time .items-group {
  margin-top: 20px;
  padding: 10px;
}
.invoice.modal .modal-content .modal-body .cart .popover.visible {
  display: block;
}
.invoice.modal .modal-content .modal-body .cart .popover.alternatives {
  max-width: initial;
  font-size: 0.9em;
  width: 410px;
}
.invoice.modal .modal-content .modal-body .cart .popover.alternatives .popover-content {
  max-height: 300px;
  overflow-y: auto;
  border-radius: 15px;
  padding: 5px 5px;
}
.invoice.modal .modal-content .modal-body .cart .popover.alternatives .popover-content .alternate-item {
  padding: 10px;
  border-radius: 8px;
  cursor: pointer;
}
.invoice.modal .modal-content .modal-body .cart .popover.alternatives .popover-content .alternate-item:before {
  content: " ";
  display: table;
}
.invoice.modal .modal-content .modal-body .cart .popover.alternatives .popover-content .alternate-item:after {
  content: " ";
  clear: both;
  display: table;
}
.invoice.modal .modal-content .modal-body .cart .popover.alternatives .popover-content .alternate-item .image {
  display: inline-block;
  width: 100px;
  border-radius: 8px;
  overflow: hidden;
  vertical-align: top;
}
.invoice.modal .modal-content .modal-body .cart .popover.alternatives .popover-content .alternate-item .details {
  display: inline-block;
  margin-right: 15px;
  max-width: 238px;
}
.invoice.modal .modal-content .modal-body .cart .popover.alternatives .popover-content .alternate-item .details .title-wrapper .title {
  font-weight: bold;
}
.invoice.modal .modal-content .modal-body .cart .popover.alternatives .popover-content .alternate-item .details .title-wrapper hr {
  margin: 0;
}
.invoice.modal .modal-content .modal-body .cart .popover.alternatives .popover-content .alternate-item.selected {
  cursor: auto;
}
.invoice.modal .modal-content .modal-body .cart .popover.alternatives .popover-content .alternate-item.selected .image {
  padding: 2px;
}
.invoice.modal .modal-content .modal-body .cart .popover.alternatives .popover-content .alternate-item.selected .image img {
  border-radius: 7px;
}
.invoice.modal .modal-content .modal-body .cart .popover.alternatives .popover-content .alternate-item:hover {
  background: #d0d0d0;
}
.invoice.modal .modal-content .modal-body .cart .items-group {
  border-radius: 8px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .package-title {
  padding: 15px 0 10px 0;
  font-weight: bold;
}
.invoice.modal .modal-content .modal-body .cart .items-group .package-title .shipping-icon {
  /*@include icons-transfer-icon;*/
  margin-left: 10px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .shipping:before {
  content: " ";
  display: table;
}
.invoice.modal .modal-content .modal-body .cart .items-group .shipping:after {
  content: " ";
  clear: both;
  display: table;
}
.invoice.modal .modal-content .modal-body .cart .items-group .shipping .shipping-cost {
  float: left;
  width: 342px;
  margin-top: 15px;
  font-size: 0.9em;
}
.invoice.modal .modal-content .modal-body .cart .items-group .shipping .shipping-cost label {
  width: 100px;
  text-align: left;
  font-size: 0.9em;
  color: #6f6f6f;
}
.invoice.modal .modal-content .modal-body .cart .items-group .shipping .shipping-cost .value {
  font-weight: bold;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items {
  margin-top: 15px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper + .item-wrapper {
  margin-top: 15px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .replace-item {
  width: 65px;
  display: table-cell;
  vertical-align: middle;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .replace-item .replace-button {
  /*@include icons-refresh-icon();*/
  cursor: pointer;
  margin-left: 5px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item {
  display: table-cell;
  border-radius: 8px;
  padding: 2px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg {
  background: #efefef;
  border-radius: 8px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg > .image {
  display: table-cell;
  width: 150px;
  padding: 10px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg > .image img {
  width: 100%;
  border-radius: 8px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details {
  display: table-cell;
  vertical-align: top;
  padding: 10px;
  text-align: right;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .title-wrapper {
  position: relative;
  margin-left: 15px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .title-wrapper .title {
  font-weight: bold;
  background: #efefef;
  z-index: 1;
  position: relative;
  display: inline-block;
  padding-left: 15px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .title-wrapper hr {
  position: absolute;
  top: 15px;
  width: 100%;
  border-bottom: 1px dotted #c1c1c1;
  margin: 0;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details label {
  font-weight: normal;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .actions {
  float: left;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .quantity-and-price {
  float: left;
  font-size: 0.9em;
  width: 215px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .quantity-and-price select {
  border: none;
  border-radius: 7px;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 80px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .quantity-and-price label {
  width: 100px;
  text-align: left;
  font-size: 0.9em;
  color: #6f6f6f;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .quantity-and-price .value {
  font-weight: bold;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .actions .remove {
  padding: 3px 7px;
  cursor: pointer;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .actions .remove i {
  /*@include icons-delere-icon();*/
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .options {
  font-size: 0.9em;
  float: right;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .options .option .icon-wrapper {
  text-align: left;
  display: inline-block;
  width: 40px;
  margin-left: 5px;
  border-left: 1px dotted #cbcbcb;
  padding-left: 5px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .options .option .color-indicator {
  /*@include icons-color-indicator;*/
  border-radius: 7px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .options .option .icon {
  width: 34px;
  height: 25px;
  display: inline-block;
  background: url("/images/icons/icons.sprite.png") -10px -586px no-repeat;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .options .option .icon.on {
  /*@include icons-radio-selected;*/
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .options .option.shipping .icon {
  /*@include icons-delivery-time;*/
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .package-items {
  clear: both;
  float: right;
  margin-top: 10px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .package-items .package-item {
  margin: 8px 5px 8px 10px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .package-items .package-item .image {
  display: inline-block;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .package-items .package-item .image img {
  border-radius: 6px;
  width: 100%;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .package-items .package-item .title {
  vertical-align: top;
  margin-right: 10px;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item.package .bg {
  background: #fff5d9;
}
.invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item.package .bg .details .title-wrapper .title {
  background: #fff5d9;
}
.invoice.modal .modal-content .modal-body .section-2 {
  margin-top: 15px;
}
.invoice.modal .modal-content .modal-body .section-2 .shipping {
  float: right;
  text-align: right;
  display: table;
}
.invoice.modal .modal-content .modal-body .section-2 .shipping div.icon-wrapper {
  display: table-cell;
  border-left: 1px solid white;
  padding: 0 44px 0 25px;
  vertical-align: middle;
}
.invoice.modal .modal-content .modal-body .section-2 .shipping div.icon-wrapper .shipping-icon {
  /*@include icons-transfer-icon;*/
}
.invoice.modal .modal-content .modal-body .section-2 .shipping .shipping-type {
  display: table-cell;
}
.invoice.modal .modal-content .modal-body .section-2 .shipping .shipping-type .radio {
  margin: 0;
}
.invoice.modal .modal-content .modal-body .section-2 .shipping .shipping-type .radio + .radio {
  margin-top: 3px;
}
.invoice.modal .modal-content .modal-body .section-2 .shipping .shipping-type label label {
  font-size: 0.7em;
  color: #6f6f6f;
}
.invoice.modal .modal-content .modal-body .section-2 .costs {
  float: left;
  width: 330px;
  text-align: right;
  font-size: 0.9em;
}
.invoice.modal .modal-content .modal-body .section-2 .costs label {
  width: 170px;
  text-align: left;
  font-weight: normal;
  font-size: 0.9em;
  color: #6f6f6f;
}
.invoice.modal .modal-content .modal-body .section-2 .costs .value {
  font-weight: bold;
}
.invoice.modal .modal-content .modal-body .result {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid #e0e0e0;
}
.invoice.modal .modal-content .modal-body .result:before {
  content: " ";
  display: table;
}
.invoice.modal .modal-content .modal-body .result:after {
  content: " ";
  clear: both;
  display: table;
}
.invoice.modal .modal-content .modal-body .result .total-title {
  font-size: 1.2em;
  font-weight: bold;
  float: right;
}
.invoice.modal .modal-content .modal-body .result .column.middle {
  float: left;
}
.invoice.modal .modal-content .modal-body .result .column.middle .total .value {
  color: red;
  font-weight: bold;
  font-size: 1.4em;
}
.invoice.modal .modal-content .modal-body .result .column.left {
  float: left;
}
.invoice.modal .modal-content .modal-body .result .column.left .print {
  float: left;
  margin-right: 25px;
  cursor: pointer;
}
.invoice.modal .modal-content .modal-body .result .column.left .print .icon {
  /*@include icons-print-icon;*/
}
.invoice.modal .modal-content .modal-body .change-to-best-or-worst {
  border-top: 2px dotted #af8109;
  margin-top: 30px;
  padding-top: 20px;
}
.invoice.modal .modal-content .modal-body .change-to-best-or-worst > .title {
  color: #af8109;
  font-weight: bold;
}
.invoice.modal .modal-content .modal-body .change-to-best-or-worst .choice {
  font-size: 0.9em;
  margin-top: 15px;
}
.invoice.modal .modal-content .modal-body .change-to-best-or-worst .choice:before {
  content: " ";
  display: table;
}
.invoice.modal .modal-content .modal-body .change-to-best-or-worst .choice:after {
  content: " ";
  clear: both;
  display: table;
}
.invoice.modal .modal-content .modal-body .change-to-best-or-worst .choice .column.right {
  float: right;
}
.invoice.modal .modal-content .modal-body .change-to-best-or-worst .choice .column.right .cyan {
  color: var(--bs-secondary);
  font-weight: bold;
  font-size: 1.1em;
}
.invoice.modal .modal-content .modal-body .change-to-best-or-worst .choice .column.right .final-price .value {
  color: var(--bs-secondary);
  font-weight: bold;
  font-size: 1.1em;
}
.invoice.modal .modal-content .modal-body .change-to-best-or-worst .choice .column.left {
  float: left;
}
.invoice.modal .modal-content .modal-body .change-to-best-or-worst .choice .column.left .print {
  display: inline-block;
  margin-right: 15px;
  cursor: pointer;
}
.invoice.modal .modal-content .modal-body .change-to-best-or-worst .choice .column.left .print .icon {
  /*@include icons-print-icon*/
}
.invoice.modal .modal-content .modal-body .invoices-chart {
  background: rgba(253, 253, 253, 0.9);
  margin-top: 35px;
  margin-bottom: 85px;
  padding: 18px 12px 75px 12px;
  border-radius: 7px;
}
.invoice.modal .modal-content .modal-body .invoices-chart > .title {
  font-weight: bold;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart-labels {
  margin-top: 25px;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart-labels:before {
  content: " ";
  display: table;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart-labels:after {
  content: " ";
  clear: both;
  display: table;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart-labels .chart-label {
  color: black;
  border-bottom: 1px dotted black;
  padding: 0 2px;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart-labels .chart-label.right {
  float: right;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart-labels .chart-label.left {
  float: left;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart {
  margin-top: 10px;
  position: relative;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-bg {
  position: relative;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-bg .right.part {
  position: absolute;
  right: 0;
  /*@include icons-big-slider-bg-right;*/
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-bg .left.part {
  padding-right: 12px;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-bg .left.part img {
  width: 100%;
  height: 40px;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .range-points {
  position: absolute;
  width: 100%;
  left: 0;
  top: 19px;
  padding: 0 30px;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .range-points .points {
  position: relative;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .range-points .points .point {
  position: absolute;
  top: -8px;
  /*@include icons-slider-anchor-bullet;*/
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .range-points .points .point.min {
  left: 0;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .range-points .points .point.max {
  right: 0;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 110px;
  height: 19px;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points {
  position: relative;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text {
  position: absolute;
  top: 8px;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text.even .price {
  margin-top: -80px;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text.even .selected-indicator {
  top: -75px;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text.odd .selected-indicator .icon {
  top: -35px;
  left: 27px;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text .selected-indicator {
  position: absolute;
  width: 80px;
  left: -40px;
  top: 25px;
  line-height: 1.55em;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text .selected-indicator .title {
  font-size: 0.9em;
  color: red;
  border-bottom: 1px dotted black;
  background: rgba(255, 255, 255, 0.6);
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text .selected-indicator .icon {
  top: 65px;
  left: 28px;
  position: absolute;
  /*@include icons-chevron-down;*/
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text .point {
  cursor: pointer;
  width: 34px;
  height: 34px;
  margin-left: -17px;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text .point .icon {
  margin-left: 0;
  /*@include icons-slider-point;*/
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text .point .selected-icon {
  /*@include icons-slider-point-hover;*/
  display: none;
  margin-left: -1px;
  margin-top: -10px;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text .point:hover .icon {
  display: none;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text .point:hover .selected-icon {
  display: inline-block;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text .price {
  position: absolute;
  width: 100px;
  left: -50px;
  line-height: 1em;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text .price .unit {
  font-size: 0.8em;
  color: #868686;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text.selected {
  z-index: 2;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text.selected .point {
  cursor: auto;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text.selected .point .icon {
  display: none;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text.selected .point .selected-icon {
  display: inline-block;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text.selected .price {
  background: rgba(255, 255, 255, 0.6);
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text.selected .price .value {
  color: red;
  font-weight: bold;
}
.invoice.modal .modal-content .modal-body .invoices-chart .chart .chart-points .points .point-and-text.selected.odd .price {
  margin-top: 25px;
}
.invoice.modal .modal-content .modal-body .invoice-sumbmitted > .title {
  font-size: 1.3em;
  font-weight: bold;
  color: #60d3db;
  margin: 35px 0;
  text-align: center;
}
.invoice.modal .modal-content .modal-body .invoice-sumbmitted .payment-section {
  text-align: right;
  padding: 15px;
  background: #f5f5f1;
  border: 1px solid #dddddd;
  border-radius: 8px;
}
.invoice.modal .modal-content .modal-body .invoice-sumbmitted .payment-section .payment-method > .title {
  color: yellow;
}
.invoice.modal .modal-content .modal-body .invoice-sumbmitted .payment-section .receipt {
  margin-top: 25px;
}
.invoice.modal .modal-content .modal-body .invoice-sumbmitted .payment-section .receipt .receipt-image {
  max-width: 100%;
  cursor: pointer;
}
.invoice.modal .modal-content .modal-body .invoice-sumbmitted .payment-section .receipt .error {
  color: red;
}
.invoice.modal .modal-content .modal-body .invoice-sumbmitted .nav {
  margin-top: 60px;
}
.invoice.modal .modal-content .shipping-address {
  margin-top: 45px;
}
.invoice.modal .modal-content .shipping-address:before {
  content: " ";
  display: table;
}
.invoice.modal .modal-content .shipping-address:after {
  content: " ";
  clear: both;
  display: table;
}
.invoice.modal .modal-content .shipping-address .address-titles {
  float: right;
  width: 30%;
}
.invoice.modal .modal-content .shipping-address .address-titles .title {
  padding: 25px 10px;
  background: #f5f5f1;
  border: 1px solid #dddddd;
  text-align: center;
  border-left-color: #f5f5f1;
  border-radius: 0 8px 8px 0;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-right: 15px;
}
.invoice.modal .modal-content .shipping-address .address-titles .title.selected {
  cursor: auto;
  font-weight: bold;
  margin-right: 0;
}
.invoice.modal .modal-content .shipping-address .address-titles .title + .title {
  margin-top: 8px;
  color: gray;
}
.invoice.modal .modal-content .shipping-address .red {
  color: red;
}
.invoice.modal .modal-content .shipping-address .error {
  white-space: nowrap;
}
.invoice.modal .modal-content .payment {
  margin: 25px 0 75px 0;
  padding-top: 35px;
  border-top: 1px solid #dddddd;
  text-align: right;
}
.invoice.modal .modal-content .payment:before {
  content: " ";
  display: table;
}
.invoice.modal .modal-content .payment:after {
  content: " ";
  clear: both;
  display: table;
}
.invoice.modal .modal-content .payment .prepaid-or-deposit .title {
  color: #af8109;
  font-weight: bold;
}
.invoice.modal .modal-content .payment .prepaid-or-deposit .radio label.info {
  font-size: 0.7em;
  color: #6f6f6f;
}
.invoice.modal .modal-content .payment .column.left {
  text-align: center;
}
.invoice.modal .modal-content .payment .column.left .total {
  line-height: 3.2em;
}
.invoice.modal .modal-content .payment .column.left .total .value {
  color: red;
  font-weight: bold;
  font-size: 1.4em;
}
.invoice.modal .modal-content > .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}
.invoice.modal .modal-content > .bg > div {
  position: absolute;
}
.invoice.modal .modal-content > .bg .top-left {
  top: 0;
  left: 0;
  height: 522px;
  width: 180px;
  background: url("/images/popup-top-left-corner.png") no-repeat;
  background-position: top left;
  z-index: 4;
}
.invoice.modal .modal-content > .bg .top-right {
  top: 0;
  right: 0;
  bottom: 210px;
  width: 214px;
  background: #f3f3f3;
  background-position: top right;
  z-index: 2;
}
.invoice.modal .modal-content > .bg .bottom-left {
  bottom: 0;
  left: 0;
  top: 522px;
  width: 180px;
  background: #f3f3f3;
  background-position: bottom left;
  z-index: 1;
}
.invoice.modal .modal-content > .bg .bottom-right {
  bottom: 0;
  right: 0;
  width: 214px;
  height: 214px;
  background: url("/images/popup-right-bottom-corner.png") no-repeat;
  background-position: bottom right;
  z-index: 3;
}
.invoice.modal .modal-content > .bg .middle {
  left: 180px;
  right: 214px;
  top: 0;
  bottom: 0;
  background: #f3f3f3;
}
.invoice.modal .modal-content .bottom-right.flipped {
  position: absolute;
  background: url("/images/popup-right-bottom-corner-flip.png") no-repeat;
  background-position: bottom left;
  z-index: 2;
  width: 149px;
  height: 109px;
  right: 0;
  bottom: 0;
}
.invoice.modal .modal-footer {
  display: none;
}

@media (max-width: 991px) {
  .invoice.modal .modal-content .modal-body .empty-cart .nav .categories .category {
    width: 22%;
  }
  .invoice.modal .modal-content .cart .items-group .items {
    padding: 10px !important;
  }
  .invoice.modal .modal-content .cart .items-group .items .item-wrapper {
    position: relative;
  }
  .invoice.modal .modal-content .cart .items-group .items .item-wrapper .item {
    width: 100%;
  }
  .invoice.modal .modal-content .cart .items-group .items .item-wrapper .item .bg .image {
    display: block !important;
    float: left;
  }
  .invoice.modal .modal-content .cart .items-group .items .item-wrapper .item .bg .details {
    display: block !important;
  }
  .invoice.modal .modal-content .cart .items-group .items .item-wrapper .item .bg .details .title-wrapper .title {
    padding-left: 0 !important;
    font-size: 0.8em;
  }
  .invoice.modal .modal-content .cart .items-group .items .item-wrapper .item .bg .details .title-wrapper hr {
    display: none;
  }
  .invoice.modal .modal-content .cart .items-group .items .item-wrapper .item .bg .details .actions {
    position: absolute;
    right: 15px;
    bottom: 15px;
  }
}
@media (max-width: 768px) {
  .modal:before {
    margin-right: 0;
  }

  .modal-footer {
    display: block;
  }

  .invoice.modal .modal-content > .bg {
    background: #f3f3f3;
  }
  .invoice.modal .modal-content > .bg > div {
    display: none;
  }
  .invoice.modal .modal-content .modal-body {
    padding: 0px;
  }
  .invoice.modal .modal-content .modal-body .header {
    padding: 0 15px;
  }
  .invoice.modal .modal-content .modal-body .header .slogan {
    font-size: 1em;
  }
  .invoice.modal .modal-content .modal-body .header .date-wrapper {
    position: absolute;
    top: 25px;
    left: 20px;
  }
  .invoice.modal .modal-content .modal-body .empty-cart {
    padding: 0 15px;
  }
  .invoice.modal .modal-content .modal-body .empty-cart .p1 {
    font-size: 1em;
  }
  .invoice.modal .modal-content .modal-body .empty-cart .p2 {
    font-size: 0.9em;
  }
  .invoice.modal .modal-content .modal-body .empty-cart .nav .categories .category {
    width: 30%;
  }
  .invoice.modal .modal-content .modal-body .cart .items-group .items {
    padding: 6px !important;
  }
  .invoice.modal .modal-content .modal-body .section-2 .shipping div.icon-wrapper {
    padding: 0 10px 0 25px;
  }
  .invoice.modal .modal-content .modal-body .result {
    padding-top: 0px;
  }
  .invoice.modal .modal-content .modal-body .result .total-title {
    font-size: 1em;
  }
  .invoice.modal .modal-content .modal-body .change-to-best-or-worst {
    padding: 10px;
  }
  .invoice.modal .modal-content .modal-body .invoices-chart {
    margin: 15px 10px;
  }
  .invoice.modal .modal-content .modal-body .invoices-chart .chart .range-points {
    padding: 0 8px;
  }
  .invoice.modal .modal-content .modal-body .invoices-chart .chart-labels .chart-label {
    transform: rotate(-90deg);
    border-bottom: none;
  }
  .invoice.modal .modal-content .modal-body .invoices-chart .chart-labels .chart-label.right {
    margin-right: -10px;
  }
  .invoice.modal .modal-content .modal-body .invoices-chart .chart-labels .chart-label.left {
    margin-left: -17px;
  }
  .invoice.modal .modal-content .modal-body .buy-step-1 .invoice-content {
    height: auto;
  }
}
@media (max-width: 502px) {
  .invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .replace-item {
    position: absolute;
    padding: 5px;
    right: 0px;
    top: 5px;
    z-index: 10;
  }
  .invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .replace-item .arrow {
    display: none;
  }
  .invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .replace-item .alternatives {
    width: 92vw !important;
    top: 0px !important;
    right: -3vw !important;
    left: auto;
  }
  .invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .replace-item .alternatives .alternate-item .details {
    max-width: calc(100% - 120px);
  }
  .invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .title-wrapper {
    margin-top: 30px;
  }
  .invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .quantity-and-price {
    width: 100%;
    text-align: left;
    padding-left: 51px;
  }
}
@media (max-width: 338px) {
  .invoice.modal .modal-content .modal-body .cart .items-group .items .item-wrapper .item .bg .details .quantity-and-price {
    width: 100%;
    text-align: left;
    padding-left: 0;
  }
}
.page-login {
  margin: 100px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 100px;
  /*#sign-up { max-width: 900px; margin: 50px auto; }*/
}
.page-login .main-title {
  margin-bottom: 30px;
}
.page-login .custom-tab-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  border: 1px solid var(--bs-primary);
  border-radius: 5px;
}
.page-login .custom-tab-container .tab-item {
  padding: 5px 0;
  cursor: pointer;
  text-align: center;
  flex: 1;
  transition: 0.3s all;
}
.page-login .custom-tab-container .tab-item.active {
  flex: 3;
  color: white;
  background: var(--bs-primary);
  border-radius: 5px;
}
.page-login #loginPage {
  width: 100%;
}
.page-login .form-container {
  padding: 10px;
  background: white;
  box-shadow: 0 3px 4px gainsboro;
  border-radius: 5px;
  border: 1px solid gainsboro;
  max-width: 500px;
  margin: 50px auto;
}
.page-login .main-title {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

.user-panel .paging {
  padding: 20px 0;
  text-align: center;
}
.user-panel .paging .page-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.user-panel .paging .page-items .page-item {
  border: 1px solid #dee2e6;
  padding: 2px 15px;
  cursor: pointer;
}
.user-panel .paging .page-items .page-item.active {
  font-weight: 500;
  background: #e8e8e8;
}
.user-panel .paging .page-items .page-item:first-child {
  border-radius: 0 5px 5px 0;
}
.user-panel .paging .page-items .page-item:last-child {
  border-radius: 5px 0 0 5px;
}
.user-panel .paging .page-items .disabled {
  pointer-events: none;
  opacity: 0.5;
}
.user-panel .nav-wrapper {
  border: 1px solid var(--bs-border-color);
  border-radius: 7px;
}
.user-panel .nav-wrapper .icon {
  display: inline-block;
  font-size: 1.2rem;
  margin-left: 5px;
}
.user-panel .nav-wrapper .profile-info {
  padding: 20px 10px;
  margin: 0;
}
.user-panel .nav-wrapper .profile-info .name {
  font-weight: 500;
  margin: 0;
}
.user-panel .nav-wrapper .profile-info .mobile-number {
  color: #a8a8a8;
}
.user-panel .nav-wrapper .profile-info .icon {
  font-size: 1.5rem;
}
.user-panel .nav-wrapper .navigation {
  list-style: none;
}
.user-panel .nav-wrapper .navigation .nav-item {
  padding: 0 10px;
  position: relative;
}
.user-panel .nav-wrapper .navigation .nav-item.active {
  font-weight: bold;
}
.user-panel .nav-wrapper .navigation .nav-item.active:after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  background: var(--bs-primary);
  width: 5px;
  right: 0;
  border-radius: 3px 0 0 3px;
}
.user-panel .nav-wrapper .navigation .nav-item a {
  padding: 15px 10px;
  border-top: 1px solid var(--bs-border-color);
  display: block;
}
.user-panel .nav-wrapper .navigation .nav-item:hover {
  background: var(--bs-border-color);
}
.user-panel.addresses .address-container {
  margin-top: 30px;
}
.user-panel.addresses .address-container .address-item {
  border-top: 1px solid var(--bs-border-color);
  padding: 10px 0 5px;
  color: #8c8c8c;
  font-size: 0.8rem;
  position: relative;
}
.user-panel.addresses .address-container .address-item .address {
  font-size: 1rem;
  color: black;
  padding-left: 15px;
}
.user-panel.addresses .address-container .address-item .icon {
  font-size: 1rem;
  vertical-align: sub;
}
.user-panel.addresses .address-container .address-item .dropdown {
  position: absolute;
  top: 10px;
  left: 5px;
  cursor: pointer;
  color: black;
}
.user-panel.addresses .address-container .address-item .dropdown ul {
  font-size: 0.9rem;
}
.user-panel.addresses .address-container .address-item .dropdown ul .icon {
  display: inline-block;
  font-size: 1rem;
  margin-left: 5px;
}
.user-panel.likes .item-container {
  border: 1px solid var(--bs-border-color);
  background: white;
}
.user-panel.likes .item-container .img-container {
  height: 320px;
}
.user-panel.likes .item-container .img-container img {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 100%;
  height: 100%;
}
.user-panel.likes .item-container .title {
  font-weight: bold;
  margin: 20px 0 15px;
  line-height: 1.6;
}
.user-panel.likes .item-container:hover {
  filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.2));
}
.user-panel.orders .order-item .order-info .item, .user-panel.order .order-item .order-info .item {
  display: inline-block;
  color: #9e9fb1;
  font-size: 0.8rem;
}
.user-panel.orders .order-item .order-info .item:after, .user-panel.order .order-item .order-info .item:after {
  content: "";
  width: 4px;
  height: 4px;
  background: #cfcfd8;
  display: inline-block;
  border-radius: 50%;
  margin: 0 5px;
}
.user-panel.orders .order-item .order-info .item:last-child:after, .user-panel.order .order-item .order-info .item:last-child:after {
  display: none;
}
.user-panel.orders .order-item .order-info .item b, .user-panel.order .order-item .order-info .item b {
  color: black;
}
.user-panel.orders .order-item .divider, .user-panel.order .order-item .divider {
  border-bottom: 1px solid var(--bs-border-color);
  padding: 15px 0;
}
.user-panel.orders .order-item .stuff-container .img-container, .user-panel.order .order-item .stuff-container .img-container {
  position: relative;
}
.user-panel.orders .order-item .stuff-container .img-container .quantity, .user-panel.order .order-item .stuff-container .img-container .quantity {
  position: absolute;
  left: 0.5rem;
  bottom: 0.5rem;
  background: #e8e8e8;
  padding: 1px 10px;
  border-radius: 0 5px 0 0;
}
.user-panel.orders .order-item .stuff-container .content-container p, .user-panel.order .order-item .stuff-container .content-container p {
  margin-bottom: 10px;
  font-size: 1rem;
}
.user-panel.orders .order-item .stuff-container .content-container p.discount, .user-panel.order .order-item .stuff-container .content-container p.discount {
  font-size: 0.8rem;
}
.user-panel.orders .order-item .stuff-container .content-container p.discount span, .user-panel.order .order-item .stuff-container .content-container p.discount span {
  font-size: 0.8rem;
}
.user-panel.orders .factor, .user-panel.order .factor {
  font-size: 1rem;
}
.user-panel.orders #changePaymentMethodModal .invoice-border, .user-panel.order #changePaymentMethodModal .invoice-border {
  border-radius: 7px;
  border: 1px solid #e0e0e2;
  padding: 10px;
  overflow: hidden;
  line-height: 30px;
  font-size: 0.9rem;
}
.user-panel.orders .getway-container, .user-panel.order .getway-container {
  margin-bottom: 5px;
}
.user-panel.orders .getway-container .getway-item, .user-panel.order .getway-container .getway-item {
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid var(--bs-border-color);
  margin-left: 5px;
  margin-bottom: 5px;
  filter: grayscale(1);
}
.user-panel.orders .getway-container .getway-item.active, .user-panel.order .getway-container .getway-item.active {
  filter: grayscale(0);
}
.user-panel.orders .getway-container .getway-item img, .user-panel.order .getway-container .getway-item img {
  width: 80px;
}
.user-panel.comments .stuff-container .img-container {
  position: relative;
}
.user-panel.comments .stuff-container .img-container .datetime {
  position: absolute;
  left: 0.5rem;
  bottom: 0.5rem;
  background: #e8e8e8;
  padding: 1px 10px;
  border-radius: 0 5px 0 0;
}
.user-panel.comments .stuff-container .content-container p {
  margin-bottom: 10px;
  font-size: 1rem;
}

@media (max-width: 992px) {
  .user-panel .nav-wrapper {
    margin-bottom: 20px;
  }
  .user-panel .nav-wrapper .navigation {
    overflow: auto;
    white-space: nowrap;
  }
  .user-panel .nav-wrapper .navigation .nav-item {
    display: inline-block;
    border-right: 1px solid var(--bs-border-color);
  }
  .user-panel .nav-wrapper .navigation .nav-item.active:after {
    content: "";
    position: absolute;
    background: var(--bs-primary);
    right: 0;
    left: 0;
    height: 5px;
    bottom: 0;
    top: auto;
    width: auto;
    border-radius: 3px;
  }
  .user-panel .nav-wrapper .navigation .nav-item a {
    border: none;
    padding: 5px 10px;
  }
}
.link.list .link-item {
  box-shadow: 0 0px 5px 0px #cecece;
  padding: 10px;
  background: white;
}
.link.list .link-item .img-wrap {
  position: relative;
}
.link.list .link-item .img-wrap a {
  display: block;
  overflow: hidden;
}
.link.list .link-item .img-wrap a img {
  transition: all 0.3s ease;
  width: 100%;
}
.link.list .link-item .img-wrap .date {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: #f5f5f5;
  border-radius: 3px;
  font-size: 0.8rem;
  line-height: initial;
  padding: 3px 10px;
  box-shadow: 0 0px 5px 0px #cecece;
}
.link.list .link-item .txt-wrap {
  padding: 1rem;
  text-align: center;
}
.link.list .link-item .txt-wrap h2 {
  font-size: 1rem;
  font-weight: bold;
}
.link.list .link-item .txt-wrap p {
  line-height: 2;
  overflow: hidden;
  font-size: 0.9rem;
}
.link.list .link-item .txt-wrap .more-btn {
  font-size: 0.8rem;
}
.link.list .link-item:hover .img-wrap img {
  transform: scale(1.05);
}

.direct-payment hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
  background: transparent;
  opacity: 1;
}
.direct-payment .main-title, .direct-payment h1 {
  color: var(--bs-primary);
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.direct-payment .page-content {
  text-align: justify;
}
.direct-payment .page-content a {
  color: var(--bs-primary);
}
.direct-payment .catalogue-download {
  background-color: var(--bs-primary);
  color: #fff;
  text-align: center;
  margin: 15px 0;
}
.direct-payment .catalogue-download a {
  display: block;
  font-size: 1rem;
  color: #fff !important;
}
.direct-payment .text-red {
  color: red;
}
.direct-payment .direct-payment-container, .direct-payment .payment-invoice {
  background: white;
  padding: 15px;
  line-height: 2;
}
.direct-payment .direct-payment-container .getway-container, .direct-payment .payment-invoice .getway-container {
  margin-bottom: 5px;
}
.direct-payment .direct-payment-container .getway-container .getway-item, .direct-payment .payment-invoice .getway-container .getway-item {
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid var(--bs-border-color);
  margin-left: 5px;
  margin-bottom: 5px;
  filter: grayscale(1);
}
.direct-payment .direct-payment-container .getway-container .getway-item.active, .direct-payment .payment-invoice .getway-container .getway-item.active {
  filter: grayscale(0);
}
.direct-payment .direct-payment-container .getway-container .getway-item img, .direct-payment .payment-invoice .getway-container .getway-item img {
  width: 80px;
}
.direct-payment .direct-payment-container .vue-recaptcha, .direct-payment .payment-invoice .vue-recaptcha {
  margin-top: 40px;
}
.direct-payment .direct-payment-container .vue-recaptcha div, .direct-payment .payment-invoice .vue-recaptcha div {
  text-align: center;
  margin: 0 auto;
}
.direct-payment .direct-payment-container .rate, .direct-payment .payment-invoice .rate {
  float: left;
  margin-top: 12px;
}
.direct-payment .direct-payment-container .sub-menu-item, .direct-payment .payment-invoice .sub-menu-item {
  margin-bottom: 15px;
}
.direct-payment .direct-payment-container .sub-menu-item .img-container, .direct-payment .payment-invoice .sub-menu-item .img-container {
  text-align: center;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 4px;
  background: #fff;
  display: block;
}
.direct-payment .direct-payment-container .sub-menu-item .img-container img, .direct-payment .payment-invoice .sub-menu-item .img-container img {
  transform: scale(1) rotate(0);
  transition: 0.3s all;
}
.direct-payment .direct-payment-container .sub-menu-item .title, .direct-payment .payment-invoice .sub-menu-item .title {
  text-align: center;
  padding-top: 10px;
  font-weight: bold;
  font-size: 0.9rem;
}
.direct-payment .direct-payment-container .sub-menu-item .title a, .direct-payment .payment-invoice .sub-menu-item .title a {
  color: var(--bs-primary);
}
.direct-payment .direct-payment-container .sub-menu-item:hover .title a, .direct-payment .payment-invoice .sub-menu-item:hover .title a {
  color: var(--bs-primary);
}
.direct-payment .direct-payment-container .sub-menu-item:hover img, .direct-payment .payment-invoice .sub-menu-item:hover img {
  transform: scale(1.1) rotate(2deg);
}
.direct-payment .direct-payment-container h2, .direct-payment .payment-invoice h2 {
  font-size: 1.8rem;
}
.direct-payment .direct-payment-container h3, .direct-payment .payment-invoice h3 {
  font-size: 24px;
}
.direct-payment .direct-payment-container table td a, .direct-payment .payment-invoice table td a {
  color: white;
  display: block;
}
.direct-payment .direct-payment-container ul.sub-menu-item-container, .direct-payment .payment-invoice ul.sub-menu-item-container {
  flex-direction: column;
}
.direct-payment .direct-payment-container ul.sub-menu-item-container a, .direct-payment .payment-invoice ul.sub-menu-item-container a {
  color: var(--bs-primary);
}

.agency.list {
  padding: 0px 0 3%;
}
.agency.list v-cloak {
  display: none;
}
.agency.list .banner {
  background: #003b6c;
  padding: 3% 20%;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  color: #002262;
  position: relative;
  color: white;
}
.agency.list .banner p {
  margin: 15px 0 10px 0;
  line-height: 32px;
}
.agency.list .banner a {
  border: dashed 1px;
  width: 23vw;
  display: inline-block;
  border-radius: 30px;
  padding: 9px 15px;
  line-height: 20px;
  margin: 8px 5px;
  font-weight: 400;
}
.agency.list .banner:after {
  content: "";
  width: 15px;
  position: absolute;
  left: 15%;
  height: 74%;
  border: solid 1px white;
  top: 15%;
  border-width: 1px 0 1px 1px;
}
.agency.list .banner:before {
  content: "";
  width: 15px;
  position: absolute;
  left: 15%;
  height: 74%;
  border: solid 1px white;
  top: 15%;
  border-width: 1px 0 1px 1px;
  right: 15%;
  border-width: 1px 1px 1px 0;
}
.agency.list .branch-center {
  padding: 5% 15%;
  background: #f3edf1;
  font-size: 15px;
  font-weight: 400;
  display: inline-table;
  width: 100%;
  color: #3a4966;
}
.agency.list .branch-center .right {
  width: 35%;
  float: right;
  text-align: center;
  font-size: 18px;
}
.agency.list .branch-center .right .bg {
  height: 55vh;
  background: url("/userfiles/branches/map.png") center center no-repeat;
  background-size: contain;
  width: 100%;
  padding: 20vh 0 0;
}
.agency.list .branch-center .right .bg strong {
  display: block;
}
.agency.list .branch-center .right li {
  font-size: 14px;
  line-height: 25px;
}
.agency.list .branch-center .left {
  float: left;
  width: 65%;
  padding: 1% 4% 0 0;
}
.agency.list .branch-center li {
  list-style: none;
  text-align: justify;
  padding: 10px 0;
}
.agency.list .branch-center li + li {
  border-top: solid 1px #d2d2d2;
}
.agency.list .branch-center li.title {
  position: relative;
  padding: 7px 20px 7px 0;
}
.agency.list .branch-center li.title span {
  padding: 4px 0;
  display: block;
  font-weight: 500;
  font-size: 17px;
}
.agency.list .branch-center li.title b {
  display: block;
}
.agency.list .branch-center li.title:before {
  content: "";
  position: absolute;
  width: 4px;
  background: #001f60;
  height: 80%;
  top: 10%;
  right: 0;
}
.agency.list .branches-list {
  padding: 5% 15%;
}
.agency.list .branches-list .filter select {
  border: solid 1px #d0d0d0;
  border-radius: 5px;
  min-width: 200px;
  height: 45px;
  padding: 0 10px 0 0;
  font-size: 14px;
  margin: 0 0 0 5px;
}
.agency.list .branches-list .filter a {
  float: left;
  background: #004ca4;
  color: #fff;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  border-radius: 20px;
  font-size: 14px;
}
.agency.list .branches-box {
  margin: 15px 0 0 0;
  max-height: 50px;
  overflow: hidden;
  transition: max-height 0.4s linear;
}
.agency.list .branches-box .title {
  background: #ededed;
  border-bottom: solid 3px #d7d7d7;
  height: 50px;
  padding: 0 10px;
  line-height: 50px;
  font-size: 15px;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
.agency.list .branches-box .title:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  left: 15px;
  font-size: 28px;
}
.agency.list .branches-box .title .code {
  color: #021d2e;
  background: #d8dad9;
  font-size: 13px;
  padding: 0 10px;
  border-radius: 20px;
}
.agency.list .branches-box .title .number {
  width: 28px;
  height: 28px;
  display: inline-block;
  text-align: center;
  border: solid 1px #b3b3b3;
  line-height: 28px;
  border-radius: 50%;
  margin: 0 0 0 5px;
}
.agency.list .branches-box .title .name {
  font-size: 17px;
  border-right: solid 1px #b3b3b3;
  padding: 0 10px 0;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  font-weight: 300;
}
.agency.list .branches-box .details {
  padding: 15px;
}
.agency.list .branches-box table {
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  text-align: right;
  color: #203756;
}
.agency.list .branches-box table th {
  padding: 5px 0;
}
.agency.list .branches-box table td {
  border-top: solid 1px #ececec;
  padding: 5px 0;
}
.agency.list .branches-box table td.border-none {
  border: none;
  padding: 0 10px;
  position: relative;
}
.agency.list .branches-box table .addres {
  padding: 10px 20px;
  border: solid 1px #ececec;
  width: 100%;
  border-radius: 5px;
}
.agency.list .branches-box table .addres span {
  display: block;
  padding: 5px 5vw 5px 0;
  font-size: 14px;
  padding-right: calc(5vw + 15px);
}
.agency.list .branches-box table .addres .loc {
  float: right;
  height: 10vh;
  border-left: solid 1px #ececec;
  margin: 0 0 0 15px;
  width: 5vw;
  line-height: 10vh;
  padding: 5px 0;
}
.agency.list .branches-box table .addres .loc:before {
  font-family: FontAwesome;
  content: "\f041";
  width: 7vh;
  height: 7vh;
  display: inline-block;
  color: #203756;
  background: #e6e5ea;
  font-size: 4vh;
  text-align: center;
  line-height: 7vh;
  border-radius: 50%;
}
.agency.list .branches-box.show {
  max-height: 1000px;
}
.agency.list .branches-box.show .title:after {
  transform: rotate(180deg);
}
.agency.list .card .card-header a {
  border-color: transparent;
  font-weight: bold;
  padding: 0;
}
.agency.list .card .card-header a:hover {
  color: var(--bs-primary);
}
.agency.list .card .card-body {
  font-size: 0.9rem;
}

#agency .agency-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
#agency .agency-container .flex-4 {
  flex: 4;
  margin-left: 10px;
  margin: 0;
}
#agency .agency-container .flex-4 .main-title {
  font-size: 1.6rem;
}
#agency .agency-container .flex-4 .broker-item {
  font-size: 1.3rem;
  color: #787878;
  border-top: 1px solid blue;
  padding-top: 20px;
}
#agency .agency-container .flex-4 .broker-item .broker-title {
  font-weight: 600;
  color: #393939;
}
#agency .agency-container .flex-4 .broker-item img {
  width: 15px;
}
#agency .agency-container .flex-4 .broker-item .map-link {
  font-size: 0.9rem;
  color: blue;
}
#agency .agency-container .flex-4 .hint-text {
  font-size: 1.6rem;
}
#agency .agency-container .flex-4 .panel-group .panel {
  border-radius: 20px;
  overflow: hidden;
}
#agency .agency-container .flex-4 .panel-group .panel .panel-heading {
  background: linear-gradient(64deg, #190547 40%, #9f55a8, #280a7b);
}
#agency .agency-container .flex-4 .panel-group .panel .panel-body {
  padding: 0;
}
#agency .agency-container .flex-4 .panel-group .panel .panel-body table {
  margin-bottom: 0;
}
#agency .agency-container .flex-8 {
  flex: 8;
}
#agency .agency-container .flex-8 .sometext {
  margin-bottom: 50px;
}
#agency .agency-container .flex-8 .province-container .province-item {
  font-size: 1.3rem;
  display: inline-block;
  border: solid 1.5px blue;
  margin-left: 10px;
  margin-bottom: 10px;
  border-radius: 15px;
  padding: 2px 15px;
  cursor: pointer;
}
#agency .agency-container .flex-8 .province-container .province-item.active {
  border: none;
  background: linear-gradient(72deg, #d5f6ff -3%, rgba(181, 236, 252, 0.91) 23%, rgba(9, 182, 235, 0.4) 113%);
}
#agency .agency-container .flex-8 .list .dropdown {
  display: none;
  text-align: center;
}
#agency .agency-container .panel-title a {
  display: block;
}
#agency .agency-container .panel-title a.title:before {
  content: "\f106";
  font-family: FontAwesome;
  font-size: 16px;
  float: left;
  transition: 0.3s all;
}
#agency .agency-container .panel-title a.collapsed.title:before {
  transform: rotate(180deg);
}
#agency .download-links {
  margin-bottom: 40px;
}
#agency .download-links .btn {
  border-radius: 10px;
  margin-left: 10px;
  position: relative;
  padding-right: 40px;
}
#agency .download-links .btn span {
  border-right: 1px solid white;
  padding-right: 10px;
}
#agency .download-links .btn:before {
  content: "";
  position: absolute;
  right: 7px;
  top: 5px;
  width: 25px;
  height: 30px;
}
#agency .download-links .btn.list:before {
  background: url(/Images/list.svg) no-repeat 10%;
}
#agency .download-links .btn.download:before {
  background: url(/Images/download.svg) no-repeat 10%;
}

#IranMap .map {
  float: inherit;
  width: auto;
}
#IranMap .map .province path {
  fill: #f9f9f9;
}
#IranMap .map .province path.has-agency {
  fill: var(--bs-primary) !important;
  opacity: 0.4;
}
#IranMap .map .province path.active {
  fill: var(--bs-primary) !important;
  opacity: 1;
}
#IranMap svg {
  height: auto !important;
  width: auto !important;
}
#IranMap .list li ul li a.active {
  border: none;
  background: linear-gradient(72deg, #d5f6ff -3%, rgba(181, 236, 252, 0.91) 23%, rgba(9, 182, 235, 0.4) 113%);
}
#IranMap .list {
  float: initial;
  width: auto;
  margin-top: 40px;
}
#IranMap .list li ul li {
  display: inline-block;
  float: inherit;
  width: auto;
}
#IranMap .list li ul li a {
  border: solid 1.5px var(--bs-primary);
  margin-left: 10px;
  margin-bottom: 10px;
  border-radius: 20px;
  padding: 5px 15px;
  cursor: pointer;
  background: white;
  color: #555;
  font-size: 1.8rem;
  line-height: 1.5;
}
#IranMap .list li ul li a:hover, #IranMap .list li ul li a.hover {
  color: white;
}
#IranMap .fixed-title {
  position: absolute;
  background-color: #be007d;
  color: #ffffff;
  margin: 0 !important;
  padding: 5px 10px;
  text-align: center;
  line-height: 26px;
  border-radius: 15px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 15px;
  font-size: 2.4rem;
}
#IranMap .fixed-title:after {
  content: "";
  background: #be007d;
  height: 50px;
  width: 5px;
  display: block;
  position: absolute;
  left: 50%;
  top: 40px;
  border-radius: 25px;
}

#IranMap .map .province path:hover, #IranMap .map .island path:hover, #IranMap .map .province path.hover, #IranMap .map .island path.hover {
  fill: var(--bs-primary) !important;
  opacity: 0.8;
}

#IranMap .list li ul li a:hover, #IranMap .list li ul li a.hover {
  color: black;
  border: none;
  background: linear-gradient(72deg, #d5f6ff -3%, rgba(181, 236, 252, 0.91) 23%, rgba(9, 182, 235, 0.4) 113%);
}

/*#IranMap .map .border path, #IranMap .map .island path { fill: var(--bs-primary); opacity: 0.2; }*/
#IranMap .map .border path, #IranMap .map .island path {
  fill: var(--bs-secondary);
  opacity: 0.3;
}

#IranMap .map .sea path, #IranMap .map .lake path {
  fill: #bae4ff;
}

@media (max-width: 768px) {
  #IranMap .list {
    text-align: center;
  }

  .brokers #brokers .broker-container .flex-5 .main-title {
    font-size: 2.4rem;
  }
  .brokers #brokers .broker-container .flex-5 .broker-item {
    font-size: 1.2rem;
  }
  .brokers #brokers .broker-container .flex-5 .hint-text {
    font-size: 1.2rem;
  }
}
@media (max-width: 1400px) {
  .agency.list .banner:after {
    left: 13%;
  }
  .agency.list .banner:before {
    left: 13%;
    right: 13%;
  }
  .agency.list .banner p {
    font-size: 14px;
  }
  .agency.list .banner a {
    font-size: 14px;
  }
  .agency.list .branch-center li {
    padding: 7px 0;
    font-size: 12px;
  }
  .agency.list .branch-center li.title span {
    font-size: 14px;
  }
  .agency.list .branches-box table .addres .loc {
    height: 15vh;
    line-height: 15vh;
  }
}
@media (max-with: 1024px) {
  .branches-page {
    padding: 0px 0 0 0;
  }
  .branches-page .banner {
    padding: 20px 30px;
    font-size: 14px;
  }
  .branches-page .banner:after {
    right: 15px;
    top: 55px;
    height: calc(100% - 80px);
    left: 15px;
    right: initial;
  }
  .branches-page .banner:before {
    right: 15px;
    top: 55px;
    height: calc(100% - 80px);
  }
  .branches-page .banner a {
    width: 100%;
    font-size: 13px;
  }
  .branches-page .branches-box table .addres {
    width: calc(100% + 30px);
  }
  .branches-page .branches-box table .addres span {
    font-size: 12px;
  }
  .branches-page .branches-box table .addres .loc {
    width: 65px;
  }
  .branches-page .branches-box table td {
    white-space: nowrap;
    padding: 5px 8px;
  }
  .branches-page .branches-box table th {
    white-space: nowrap;
    padding: 5px 8px;
  }
  .branches-page .branches-box .title .name {
    font-size: 14px;
  }
  .branches-page .branches-box .details {
    overflow-x: auto;
    padding: 10px 0 5px 0;
  }
  .branches-page .branch-center {
    padding: 20px 15px;
    font-size: 13px;
    line-height: 26px;
  }
  .branches-page .branch-center .right {
    width: 100%;
  }
  .branches-page .branch-center .left {
    width: 100%;
    padding: 15px 0 0;
  }
  .branches-page .branches-list {
    padding: 20px 15px;
  }
  .branches-page .branches-list .filter {
    display: inline-table;
  }
  .branches-page .branches-list .filter a {
    text-align: center;
    width: 100%;
    margin: 0 0 10px;
  }
  .branches-page .branches-list .filter select {
    width: 100%;
    margin: 0 0 10px;
  }
}
@media (max-width: 992px) {
  #agency .agency-container {
    flex-direction: column-reverse;
    border-radius: 10px;
  }
  #agency .agency-container .flex-8 {
    flex: 0 0 100%;
    border-radius: 5px;
  }
  #agency .agency-container .flex-8 .sometext {
    margin: 0;
  }
  #agency .agency-container .flex-8 .list .dropdown {
    display: inline-block;
  }
  #agency .agency-container .flex-8 .list .dropdown i {
    display: inline-block;
    font-family: "IranSansWeb";
    font-style: inherit;
  }
  #agency .agency-container .flex-8 .list .dropdown .caret {
    background: transparent;
    color: white;
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: normal;
  }
  #agency .agency-container .flex-8 .list .dropdown .dropdown-menu {
    max-height: 300px;
    overflow: auto;
  }
  #agency .agency-container .flex-8 .list .dropdown .dropdown-menu li {
    border-bottom: 1px solid #f3f3f3;
    padding: 5px 15px;
  }
  #agency .agency-container .flex-8 .list .dropdown .dropdown-menu li.active {
    background: blue;
  }
  #agency .agency-container .flex-4 {
    padding: 20px 10px;
    margin: 0;
    text-align: center;
    flex: none;
    width: 100%;
  }
  #agency .agency-container #IranMap {
    margin: 0 auto;
    font-family: "IranSansWeb" !important;
  }
  #agency .agency-container #IranMap .list .province-container {
    display: none;
  }
  #agency .agency-container #IranMap .map {
    display: none;
  }
  #agency .agency-container .download-links {
    text-align: center;
    margin-bottom: 0;
  }
  #agency .agency-container .download-links a {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .brokers #agency .agency-container .flex-8 .sometext {
    margin: 0;
  }

  #IranMap {
    margin: 0px auto;
  }
}
/*****Shared**********/
.download.list h1 {
  color: var(--bs-primary);
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.download.list table tr th {
  width: 15%;
}
.download.list table tr th.Name {
  width: 40%;
}
.download.list table tr td:nth-of-type(1) {
  color: var(--bs-primary);
}

@media (max-width: 575px) {
  .download.list table tr th {
    display: none;
    width: auto;
  }
  .download.list table tr th.Name {
    width: auto;
  }
  .download.list table tr td {
    display: block;
    border-width: 1px;
  }
  .download.list table tr td:nth-of-type(1) {
    text-align: center;
    font-weight: bold;
  }
}
.breadcrumb-w {
  background: #f5f5f5;
  font-size: 1rem;
}

.sitemap {
  list-style: none;
  display: inline-block;
  color: #284572;
  font-weight: 500;
  padding: 1rem 0;
}
.sitemap a {
  color: #284572;
  font-weight: bold;
}
.sitemap > li {
  display: inline-block;
}
.sitemap > li:after {
  content: "/";
  margin: 0 5px;
  display: inline-block;
  vertical-align: middle;
}
.sitemap > li:last-child {
  color: #284572;
}
.sitemap > li:last-child a {
  color: #284572;
  font-weight: normal;
}
.sitemap > li:last-child:after {
  display: none;
}

/*
@import this file directly into your existing Scss files to use these mixins
*/
.comment {
  margin-top: 30px;
}
.comment .modal-dialog {
  width: 630px;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.comment .modal-dialog .close {
  font-size: 1rem;
}
.comment .modal-dialog .modal-content {
  height: 320px;
  border-radius: 0;
  box-shadow: none;
}
.comment .modal-dialog .modal-content .modal-header {
  border-bottom: none;
}
.comment .modal-dialog .modal-content .modal-body {
  font-size: 1rem;
  color: var(--bs-primary);
}
.comment .modal-dialog .modal-content .modal-body:before {
  content: "";
  width: 76px;
  height: 113px;
  display: inline-block;
  background: url("/images/icons/icons.sprite.png") -10px -4138px no-repeat;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}
.comment .modal-dialog .modal-content .modal-footer {
  display: none;
}

.comments #comment-form-wrapper #cancel-comment {
  display: none;
}
.comments .title {
  width: 50%;
  font-size: 17px;
  background: #585858;
  color: #fff;
  padding: 3px 20px;
  display: block;
  margin-bottom: 0;
}
.comments .title:before {
  content: "\f086";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 24px;
  width: 33px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
.comments .form-title {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 5px;
  display: block;
  text-align: right;
  padding: 0;
}
.comments label {
  display: none;
  font-weight: normal;
  color: gray;
  font-size: 1rem;
}
.comments input[type=text], .comments input[type=email], .comments #comment-captcha, .comments textarea {
  background: white;
  box-shadow: none;
  border-radius: 0;
  font-size: 0.8rem;
}
.comments textarea {
  height: 150px;
  font-size: 12px;
  padding-top: 10px;
}
.comments .user-info {
  border-radius: 0;
}
.comments .user-comment {
  border-radius: 0;
}
.comments .alert-dismissible {
  margin-top: 5px;
  margin-bottom: 5px;
}
.comments #comment-form {
  border-top: 1px solid #000;
  padding: 25px 0 0 0;
  margin: 0;
}
.comments #comment-form .form-group {
  position: relative;
}
.comments #comment-form #comment-captcha-image {
  position: absolute;
  right: 1px;
  top: 1px;
  height: 38px;
}
.comments #comment-form .more-btn {
  width: 195px;
  height: 40px;
  border: none;
}
.comments #comment-form .form-group.recommend {
  float: left;
  display: none;
}
.comments #comment-form .form-group.recommend .checkbox {
  margin: 0;
}
.comments #comment-form .form-group.recommend .checkbox label {
  font-size: 0.8rem;
  padding-left: 0;
}
.comments #comment-form #cancel-comment {
  background: gray;
}
.comments #comment-form .buttons-row {
  text-align: left;
}
.comments #comment-form-wrapper .title {
  font-size: 1.21em;
  margin-top: 15px;
  margin-bottom: 0px;
}
.comments #comment-form-wrapper label.control-label {
  color: #acacac;
}
.comments #comment-form-wrapper #comment-captcha-image {
  display: block;
  border-radius: 8px;
  max-width: 100%;
}

#comments {
  position: relative;
  border: 1px solid #eee;
  padding: 15px;
}
#comments #comment-form-wrapper #cancel-comment {
  display: initial;
}
#comments .alert-dismissible {
  margin-top: 5px;
  margin-bottom: 5px;
}
#comments h4:before {
  content: "\f007";
  width: 34px;
  text-align: center;
  height: 28px;
  display: inline-block;
  left: 0;
  bottom: 2px;
  font-family: FontAwesome;
  color: #00a680;
  border: none;
}
#comments .comment-list {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
#comments .comment-list .avatar {
  display: inline-block;
  margin-left: 5px;
}
#comments .comment-list .avatar img {
  border-radius: 50%;
  border: 1px solid #e1e1e1;
}
#comments .comment-list .top-comment {
  margin-bottom: 20px;
}
#comments .comment-list .top-comment img {
  width: 60px;
  height: 60px;
}
#comments .comment-list .top-comment .comment-writer {
  font-size: 0.8rem;
  color: gray;
}
#comments .comment-list .top-comment .comment-writer .display-name {
  color: var(--bs-primary);
  font-size: 0.9rem;
  font-weight: 500;
  border-left: 1px solid #e1e1e1;
  margin-left: 10px;
  padding-left: 10px;
  line-height: 17px;
  display: inline-block;
}
#comments .comment-list .top-comment .comment-writer .purchased-this {
  margin-left: 10px;
  color: #31ab46;
}
#comments .comment-list .top-comment .actions {
  background: #eaeaea;
  text-align: right;
}
#comments .comment-list .top-comment .actions #comment-form-wrapper {
  padding-top: 20px;
}
#comments .comment-list .top-comment .actions .your-comment {
  display: inline-block;
  float: left;
  margin-right: 15px;
}
#comments .comment-list .top-comment .actions .points {
  float: left;
  display: inline-block;
  background: #eaeaea;
  color: #a0a0a0;
}
#comments .comment-list .top-comment .actions .points > div {
  cursor: pointer;
  line-height: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
}
#comments .comment-list .top-comment .actions .points > div.down-votes {
  color: red;
}
#comments .comment-list .top-comment .actions .points > div.up-votes {
  color: green;
}
#comments .comment-list .top-comment .actions .points i {
  font-size: 1.1rem;
  vertical-align: middle;
}
#comments .comment-list .top-comment .actions .points .vote-count {
  font-size: 0.8rem;
  line-height: 0;
  direction: rtl;
}
#comments .comment-list .top-comment .actions .points .vote-count:before {
  content: "(";
  font-size: 0.8rem;
  margin: 0 2px;
}
#comments .comment-list .top-comment .actions .points .vote-count:after {
  content: ")";
  font-size: 0.8rem;
  margin: 0 2px;
}
#comments .comment-list .top-comment .actions .likes {
  display: inline-block;
  float: left;
  margin-left: 15px;
}
#comments .comment-list .top-comment .actions .likes .action-btn {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  margin-right: 5px;
}
#comments .comment-list .top-comment .actions .likes .action-btn .icon {
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  display: inline-block;
  float: right;
  /*&.like { background-image: url('/Images/Like.png'); display: block; }
  &.liked { background-image: url('/Images/Like-hover.png'); display: none; }*/
}
#comments .comment-list .top-comment .actions .likes .action-btn.liked .icon.like {
  display: none;
}
#comments .comment-list .top-comment .actions .likes .action-btn.liked .icon.liked {
  display: block;
}
#comments .comment-list .top-comment .actions .likes .count {
  margin-top: -2px;
  float: right;
}
#comments .comment-list .top-comment .actions > button {
  background: #eaeaea;
  border: none;
  color: var(--bs-primary);
  padding: 0 10px;
}
#comments .comment-list .top-comment .actions > button i {
  vertical-align: middle;
  margin-right: 5px;
}
#comments .comment-list .top-comment .comment-text {
  font-size: 0.8rem;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  padding: 20px 75px 20px 0;
  margin-top: 0;
}
#comments .comment-list .comment-body {
  clear: both;
}
#comments .comment-list .comment-body .sub-comment-container {
  position: relative;
  list-style: none;
  display: block;
  background: white;
  padding: 20px 20px 20px 0;
}
#comments .comment-list .comment-body .sub-comment-container.empty {
  margin: 0;
  padding: 0;
}
#comments .comment-list .comment-body .sub-comment-container.empty:before {
  display: none;
}
#comments .comment-list .comment-body .sub-comment-container .sub-comment img {
  width: 30px;
  height: 30px;
}
#comments .comment-list .comment-body .sub-comment-container .sub-comment .comment-text {
  font-size: 0.8rem;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
  padding: 10px 35px 10px 0;
}
#comments .comment-list .comment-body .sub-comment-container .sub-comment .display-name {
  font-size: 0.8rem;
  font-weight: bold;
  border-left: 1px solid #e1e1e1;
  padding-left: 10px;
  margin-left: 10px;
}
#comments .comment-list .comment-body .sub-comment-container .sub-comment .date {
  color: #a0a0a0;
  font-size: 0.8rem;
}
#comments .comment-list .comment-body .sub-comment-container .sub-comment .add-sub-comment {
  color: var(--bs-primary);
  font-size: 0.8rem;
  float: left;
  padding: 0;
  line-height: 20px;
  text-decoration: none;
}
#comments .comment-list .comment-body .sub-comment-container .sub-comment .add-sub-comment i {
  margin-left: 5px;
}
#comments .comment-list .comment-body .sub-comment-container .sub-comment textarea {
  background: #eaeaea;
  margin-top: 20px;
}
#comments .comment-content {
  width: 100%;
  padding: 0;
  display: inline-block;
  color: #646267;
}
#comments .comment-content .alert.recommend {
  font-size: 0.8em;
  display: inline-block;
  margin-bottom: 5px;
  display: none;
}
#comments .comment-content .flat-btn {
  padding: 5px 10px;
  font-size: 0.8em;
  margin-top: 10px;
  display: inline-block;
}
#comments .comment-content .add-sub-comment {
  float: right;
}

@media (max-width: 991px) {
  .comments .title {
    width: 100%;
  }
  .comments .user-info {
    margin-right: 0;
    border-radius: 0;
  }
}
@media (min-width: 768px) and (max-width: 990px) {
  .form-horizontal {
    padding: 15px;
  }
}
@media (max-width: 550px) {
  #comments .comment-list .comment-body > .sub-comment-container {
    margin-left: 0;
    width: 100%;
  }
  #comments .comment-list .comment-body > .sub-comment-container:before {
    top: -25px;
  }

  .comments {
    padding: 20px 0;
  }
  .comments .avatar {
    display: none !important;
  }
  .comments .comment-text {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0px !important;
  }
  .comments #comments .comment-list .top-comment .comment-text {
    padding-right: 0;
  }
  .comments #comments .comment-list .comment-body .sub-comment-container {
    padding-right: 0;
  }
  .comments #comments .comment-list .comment-body .sub-comment-container .sub-comment .comment-text {
    padding-right: 0;
  }
  .comments #comment-form .form-group.recommend {
    float: none;
  }
  .comments #comment-form .buttons-row {
    text-align: left !important;
  }
  .comments #comment-form .more-btn {
    margin-bottom: 5px;
    width: 100% !important;
  }
  .comments .top-comment .actions .points {
    padding-right: 10px;
  }
  .comments .top-comment .actions .points i {
    font-size: 0.8rem !important;
  }
  .comments .top-comment .actions button {
    padding-left: 0 !important;
    font-size: 0.8rem;
  }
}
/*@media(max-width:480px) {
	.comments {
		#comment-form-wrapper { padding: 15px; }
	}
	#comments {
		.comment-list { padding: 15px; }
	}
}*/
.tag .list .items {
  margin-bottom: 30px;
}
.tag .list .items .search-item {
  display: block;
  min-height: 70px;
  background: #f5f5f5;
  padding: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dfdfdf;
  transition: all 0.3s ease;
}
.tag .list .items .search-item h3 {
  font-size: 16px;
  line-height: 30px;
}
.tag .list .items .search-item:hover {
  right: -7px;
  box-shadow: 1px 1px 1px #000;
  box-shadow: 0px 0px 9px 1px #d2cfcf;
}
.tag .list .items .search-item:hover h3 a {
  color: var(--bs-primary);
}

@media (max-width: 992px) {
  .tag .list .search-item {
    min-height: 50px;
  }
}
.pagination {
  font-size: 1.1rem;
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.pagination .next {
  display: inline;
  border: none;
}
.pagination .next a {
  font-size: 0.9rem;
}
.pagination .next a:before {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.pagination .prev {
  display: inline;
  border: none;
}
.pagination .prev a {
  font-size: 0.9rem;
}
.pagination .prev a:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.pagination li {
  display: inline-block;
  border-bottom: 2px solid #ededed;
  margin: 0 2px;
}
.pagination li a {
  color: #444444;
  border: none;
  line-height: 1.2em;
  border-radius: 0;
  background: transparent;
  padding: 8px !important;
}
.pagination li a:hover, .pagination li a:focus {
  background: transparent;
}
.pagination li.active {
  /*border-bottom: 2px solid var(--bs-primary);*/
}
.pagination li.active a {
  background: none;
  color: var(--bs-primary);
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
}
.pagination li.active a:hover {
  background: none;
  color: inherit;
}
.pagination li span {
  padding: 8px !important;
}
.pagination .disabled {
  opacity: 0.3;
  pointer-events: none;
}
.pagination .disabled span {
  background-color: transparent;
}
.pagination .disabled span:hover {
  background-color: transparent;
}
.pagination .disabled span:focus {
  background-color: transparent;
}
.pagination .disabled a {
  background-color: transparent;
}
.pagination .disabled a:hover {
  background-color: transparent;
}
.pagination .disabled a:focus {
  background-color: transparent;
}
/*# sourceMappingURL=styles-rtl.css.map */