@charset "UTF-8";
/*!
 * Bootstrap  v5.3.0-alpha1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 @font-face {
	font-family: IRANSans;
	src: url('../fonts/IRANSans/IRANSansWeb.eot');
	src: url('../fonts/IRANSans/IRANSansWeb.eot') format('embedded-opentype'), url('../fonts/IRANSans/IRANSansWeb(FaNum).woff') format('woff'), url('../fonts/IRANSans/IRANSansWeb.ttf') format('truetype');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: vazir;
	src: url('../fonts/vazir/Vazir-Light-FD-WOL.eot');
	src: url('../fonts/vazir/Vazir-Light-FD-WOL.eot') format('embedded-opentype'), url('../fonts/vazir/Vazir-Light-FD-WOL.woff') format('woff'), url('../fonts/vazir/Vazir-Light-FD-WOL.ttf') format('truetype');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: vazir-bold;
	src: url('../fonts/vazir/vazir-Bold.eot');
	src: url('../fonts/vazir/vazir-Blod.eot') format('embedded-opentype'), url('../fonts/vazir/Vazir-Bold-FD.woff') format('woff'), url('../fonts/vazir/vazir-Bold.ttf') format('truetype');
	font-weight: 400;
	font-style: normal
}
:root,
[data-bs-theme=light] {
  --bs-blue: #1d3b53;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #d6293e;
  --bs-orange: #fd7e14;
  --bs-yellow: #f7c32e;
  --bs-green: #0cbc87;
  --bs-teal: #20c997;
  --bs-cyan: #17a2b8;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray-100: #f5f7f9;
  --bs-gray-200: #eff1f2;
  --bs-gray-300: #dde0e3;
  --bs-gray-400: #cfd3d7;
  --bs-gray-500: #9a9ea4;
  --bs-gray-600: #747579;
  --bs-gray-700: #404448;
  --bs-gray-800: #24292d;
  --bs-gray-900: #0b0f13;
  --bs-primary: #066ac9;
  --bs-white: #fff;
  --bs-secondary: #9a9ea4;
  --bs-success: #0cbc87;
  --bs-info: #17a2b8;
  --bs-warning: #f7c32e;
  --bs-danger: #d6293e;
  --bs-light: #f5f7f9;
  --bs-dark: #24292d;
  --bs-orange: #fd7e14;
  --bs-purple: #6f42c1;
  --bs-blue: #1d3b53;
  --bs-primary-rgb: 6, 106, 201;
  --bs-white-rgb: 255, 255, 255;
  --bs-secondary-rgb: 154, 158, 164;
  --bs-success-rgb: 12, 188, 135;
  --bs-info-rgb: 23, 162, 184;
  --bs-warning-rgb: 247, 195, 46;
  --bs-danger-rgb: 214, 41, 62;
  --bs-light-rgb: 245, 247, 249;
  --bs-dark-rgb: 36, 41, 45;
  --bs-orange-rgb: 253, 126, 20;
  --bs-purple-rgb: 111, 66, 193;
  --bs-blue-rgb: 29, 59, 83;
  --bs-primary-text: #0a58ca;
  --bs-secondary-text: #6c757d;
  --bs-success-text: #146c43;
  --bs-info-text: #087990;
  --bs-warning-text: #997404;
  --bs-danger-text: #b02a37;
  --bs-light-text: #6c757d;
  --bs-dark-text: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #f8f9fa;
  --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: #e9ecef;
  --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-body-color-rgb: 116, 117, 121;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: "IRANSans", sans-serif;
  --bs-body-font-size: 0.9375rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #747579;
  --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-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-heading-color: var(--bs-gray-800);
  --bs-link-color: #066ac9;
  --bs-link-color-rgb: 6, 106, 201;
  --bs-link-decoration: none;
  --bs-link-hover-color: #0555a1;
  --bs-link-hover-color-rgb: 5, 85, 161;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: var(--bs-gray-200);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.325rem;
  --bs-border-radius-sm: 0.2rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(29, 58, 83, 0.15);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
  --bs-emphasis-color: #000;
  --bs-form-control-bg: var(--bs-body-bg);
  --bs-form-control-disabled-bg: var(--bs-secondary-bg);
  --bs-highlight-bg: #fff3cd;
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

[data-bs-theme=dark] {
  --bs-body-color: #adb5bd;
  --bs-body-color-rgb: 173, 181, 189;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #f8f9fa;
  --bs-emphasis-color-rgb: 248, 249, 250;
  --bs-secondary-color: rgba(173, 181, 189, 0.75);
  --bs-secondary-color-rgb: 173, 181, 189;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(173, 181, 189, 0.5);
  --bs-tertiary-color-rgb: 173, 181, 189;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-emphasis-color: #fff;
  --bs-primary-text: #6ea8fe;
  --bs-secondary-text: #dee2e6;
  --bs-success-text: #75b798;
  --bs-info-text: #6edff6;
  --bs-warning-text: #ffda6a;
  --bs-danger-text: #ea868f;
  --bs-light-text: #f8f9fa;
  --bs-dark-text: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #212529;
  --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: #495057;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #055160;
  --bs-warning-border-subtle: #664d03;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: #fff;
  --bs-link-color: #066ac9;
  --bs-link-hover-color: #0555a1;
  --bs-link-color-rgb: 6, 106, 201;
  --bs-link-hover-color-rgb: 5, 85, 161;
  --bs-code-color: #e685b5;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          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: var(--bs-gray-500);
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: "vazir-bold", sans-serif;
  font-weight: 700;
  line-height: 1.25;
  color: var(--bs-heading-color, inherit);
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3{
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--bs-heading-color, inherit);
}

h1, .h1 {
  font-size: calc(1.40625rem + 1.875vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.8125rem;
  }
}

h2, .h2 {
  font-size: calc(1.359375rem + 1.3125vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    /*font-size: 2.34375rem;*/
	font-size: 2.04375rem;
  }
}

h3, .h3 {
  font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.875rem;
  }
}

h4, .h4 {
  font-size: calc(1.2890625rem + 0.46875vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.640625rem;
  }
}

h5, .h5 {
  font-size: calc(1.25625rem + 0.075vw);
}
@media (min-width: 1200px) {
  h5, .h5 {
    /*font-size: 1.3125rem;*/
	font-size: 1.0225rem
  }
}

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

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;
  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: none;
}
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.2rem;
}
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: 1rem;
  padding-bottom: 1rem;
  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] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

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

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

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

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

output {
  display: inline-block;
}

iframe {
  border: 0;
}

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

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.171875rem;
  font-weight: 400;
}

.display-1 {
  font-size: calc(1.725rem + 5.7vw);
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 6rem;
  }
}

.display-2 {
  font-size: calc(1.675rem + 5.1vw);
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 5.5rem;
  }
}

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

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

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

.display-6 {
  /*font-size: calc(1.475rem + 2.7vw);*/
  font-size: calc(1.075rem + 2.7vw);
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 1200px) {
  .display-6 {
   /*font-size: 3.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.875rem;
  --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: 96%;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 94%;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 94%;
  }
}
@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: 1300px;
  }
}
.row {
  --bs-gutter-x: 1.875rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      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 > * {
  -ms-flex-negative: 0;
      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 {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

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

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

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

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

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

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

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

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

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

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

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

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

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

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

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

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

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

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

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

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          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.6rem;
}

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

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

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

.g-6,
.gx-6 {
  --bs-gutter-x: 3.5rem;
}

.g-6,
.gy-6 {
  --bs-gutter-y: 3.5rem;
}

.g-7,
.gx-7 {
  --bs-gutter-x: 6rem;
}

.g-7,
.gy-7 {
  --bs-gutter-y: 6rem;
}

.g-8,
.gx-8 {
  --bs-gutter-x: 7rem;
}

.g-8,
.gy-8 {
  --bs-gutter-y: 7rem;
}

.g-9,
.gx-9 {
  --bs-gutter-x: 10rem;
}

.g-9,
.gy-9 {
  --bs-gutter-y: 10rem;
}

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

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

.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-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-gray-700);
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: 1px solid var(--bs-gray-300);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.325rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  text-align: right
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-gray-700);
  background-color: var(--bs-body-bg);
 /* border-color: #066ac9;*/
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(6, 106, 201, 0.25);
          box-shadow: 0 0 0 0 rgba(6, 106, 201, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::-webkit-input-placeholder {
  color: var(--bs-gray-500);
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: var(--bs-gray-500);
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: var(--bs-gray-500);
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: var(--bs-gray-500);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--bs-gray-500);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-gray-200);
  border-color: var(--bs-border-color);
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
  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: 1px;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.form-control::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
  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: 1px;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg);
}
.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.5rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-left: 0;
  padding-right: 0;
}

.form-control-sm {
  min-height: calc(1.25em + 0.8rem + 2px);
  padding: 0.4rem 0.8rem;
  font-size: 0.8125rem;
  border-radius: 0.2rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.4rem 0.8rem;
  margin: -0.4rem -0.8rem;
  -webkit-margin-end: 0.8rem;
          margin-inline-end: 0.8rem;
}
.form-control-sm::file-selector-button {
  padding: 0.4rem 0.8rem;
  margin: -0.4rem -0.8rem;
  -webkit-margin-end: 0.8rem;
          margin-inline-end: 0.8rem;
}

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

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

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

.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='%23747579' 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.5rem 1rem 0.5rem 2.25rem;
  -moz-padding-start: calc(1rem - 3px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-input-color);
  background-color: var(--bs-form-control-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: 0.325rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    -webkit-transition: none;
    transition: none;
  }
}
.form-select:focus {
  border-color: #066ac9;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(6, 106, 201, 0.25);
          box-shadow: 0 0 0 0 rgba(6, 106, 201, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-left: 1rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-form-control-disabled-bg);
  border-color: var(--bs-border-color);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-input-color);
}

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

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

[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='%23adb5bd' 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-gray-200);
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  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: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -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 {
  -webkit-filter: brightness(90%);
          filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #066ac9;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(6, 106, 201, 0.25);
          box-shadow: 0 0 0 0 rgba(6, 106, 201, 0.25);
}
.form-check-input:checked {
  background-color: #066ac9;
  border-color: #066ac9;
}
.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: #066ac9;
  border-color: #066ac9;
  --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;
  -webkit-filter: none;
          filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-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;
  -webkit-transition: background-position 0.15s ease-in-out;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    -webkit-transition: none;
    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='%23066ac9'/%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;
  -webkit-filter: 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;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(6, 106, 201, 0.25);
          box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(6, 106, 201, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(6, 106, 201, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #066ac9;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-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;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #066ac9;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-gray-500);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-gray-500);
}

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

.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  text-align: right
}
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  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: 1px solid var(--bs-border-color);
  border-radius: 0.325rem;
}

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

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.4rem 0.8rem;
  font-size: 0.8125rem;
  border-radius: 0.2rem;
}

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

.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: -1px;
  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-success-text);
}

.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-success);
  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-success);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
          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-success);
}
.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-success);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
          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-success);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-success-text);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
          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-success-text);
}

.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-danger-text);
}

.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-danger);
  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-danger);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
          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-danger);
}
.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-danger);
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
          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-danger);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-danger-text);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
          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-danger-text);
}

.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: 1rem;
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 0.9375rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #747579;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.325rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0 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;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-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);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    -webkit-transition: none;
    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;
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
          box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
          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 {
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
          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: #066ac9;
  --bs-btn-border-color: #066ac9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #055aab;
  --bs-btn-hover-border-color: #0555a1;
  --bs-btn-focus-shadow-rgb: 43, 128, 209;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0555a1;
  --bs-btn-active-border-color: #055097;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #066ac9;
  --bs-btn-disabled-border-color: #066ac9;
}

.btn-white {
  --bs-btn-color: #000;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: white;
  --bs-btn-hover-border-color: white;
  --bs-btn-focus-shadow-rgb: 217, 217, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: white;
  --bs-btn-active-border-color: white;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #fff;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #9a9ea4;
  --bs-btn-border-color: #9a9ea4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #83868b;
  --bs-btn-hover-border-color: #7b7e83;
  --bs-btn-focus-shadow-rgb: 169, 173, 178;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7b7e83;
  --bs-btn-active-border-color: #74777b;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #9a9ea4;
  --bs-btn-disabled-border-color: #9a9ea4;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0cbc87;
  --bs-btn-border-color: #0cbc87;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0aa073;
  --bs-btn-hover-border-color: #0a966c;
  --bs-btn-focus-shadow-rgb: 48, 198, 153;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a966c;
  --bs-btn-active-border-color: #098d65;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0cbc87;
  --bs-btn-disabled-border-color: #0cbc87;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #17a2b8;
  --bs-btn-border-color: #17a2b8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #148a9c;
  --bs-btn-hover-border-color: #128293;
  --bs-btn-focus-shadow-rgb: 58, 176, 195;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #128293;
  --bs-btn-active-border-color: #117a8a;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #17a2b8;
  --bs-btn-disabled-border-color: #17a2b8;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #f7c32e;
  --bs-btn-border-color: #f7c32e;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8cc4d;
  --bs-btn-hover-border-color: #f8c943;
  --bs-btn-focus-shadow-rgb: 210, 166, 39;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f9cf58;
  --bs-btn-active-border-color: #f8c943;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f7c32e;
  --bs-btn-disabled-border-color: #f7c32e;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #d6293e;
  --bs-btn-border-color: #d6293e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b62335;
  --bs-btn-hover-border-color: #ab2132;
  --bs-btn-focus-shadow-rgb: 220, 73, 91;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ab2132;
  --bs-btn-active-border-color: #a11f2f;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #d6293e;
  --bs-btn-disabled-border-color: #d6293e;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f5f7f9;
  --bs-btn-border-color: #f5f7f9;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d0d2d4;
  --bs-btn-hover-border-color: #c4c6c7;
  --bs-btn-focus-shadow-rgb: 208, 210, 212;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c4c6c7;
  --bs-btn-active-border-color: #b8b9bb;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f5f7f9;
  --bs-btn-disabled-border-color: #f5f7f9;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #24292d;
  --bs-btn-border-color: #24292d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #45494d;
  --bs-btn-hover-border-color: #3a3e42;
  --bs-btn-focus-shadow-rgb: 69, 73, 77;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #505457;
  --bs-btn-active-border-color: #3a3e42;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #24292d;
  --bs-btn-disabled-border-color: #24292d;
}

.btn-orange {
  --bs-btn-color: #fff;
  --bs-btn-bg: #fd7e14;
  --bs-btn-border-color: #fd7e14;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d76b11;
  --bs-btn-hover-border-color: #ca6510;
  --bs-btn-focus-shadow-rgb: 253, 145, 55;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ca6510;
  --bs-btn-active-border-color: #be5f0f;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #fd7e14;
  --bs-btn-disabled-border-color: #fd7e14;
}

.btn-purple {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6f42c1;
  --bs-btn-border-color: #6f42c1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5e38a4;
  --bs-btn-hover-border-color: #59359a;
  --bs-btn-focus-shadow-rgb: 133, 94, 202;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #59359a;
  --bs-btn-active-border-color: #533291;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6f42c1;
  --bs-btn-disabled-border-color: #6f42c1;
}

.btn-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1d3b53;
  --bs-btn-border-color: #1d3b53;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #193247;
  --bs-btn-hover-border-color: #172f42;
  --bs-btn-focus-shadow-rgb: 63, 88, 109;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #172f42;
  --bs-btn-active-border-color: #162c3e;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1d3b53;
  --bs-btn-disabled-border-color: #1d3b53;
}

.btn-outline-primary {
  --bs-btn-color: #066ac9;
  --bs-btn-border-color: #066ac9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #066ac9;
  --bs-btn-hover-border-color: #066ac9;
  --bs-btn-focus-shadow-rgb: 6, 106, 201;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #066ac9;
  --bs-btn-active-border-color: #066ac9;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #066ac9;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #066ac9;
  --bs-gradient: none;
}

.btn-outline-white {
  --bs-btn-color: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-focus-shadow-rgb: 255, 255, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fff;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #9a9ea4;
  --bs-btn-border-color: #9a9ea4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9a9ea4;
  --bs-btn-hover-border-color: #9a9ea4;
  --bs-btn-focus-shadow-rgb: 154, 158, 164;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9a9ea4;
  --bs-btn-active-border-color: #9a9ea4;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #9a9ea4;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #9a9ea4;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #0cbc87;
  --bs-btn-border-color: #0cbc87;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0cbc87;
  --bs-btn-hover-border-color: #0cbc87;
  --bs-btn-focus-shadow-rgb: 12, 188, 135;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0cbc87;
  --bs-btn-active-border-color: #0cbc87;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #0cbc87;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0cbc87;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #17a2b8;
  --bs-btn-border-color: #17a2b8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #17a2b8;
  --bs-btn-hover-border-color: #17a2b8;
  --bs-btn-focus-shadow-rgb: 23, 162, 184;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #17a2b8;
  --bs-btn-active-border-color: #17a2b8;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #17a2b8;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #17a2b8;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #f7c32e;
  --bs-btn-border-color: #f7c32e;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f7c32e;
  --bs-btn-hover-border-color: #f7c32e;
  --bs-btn-focus-shadow-rgb: 247, 195, 46;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f7c32e;
  --bs-btn-active-border-color: #f7c32e;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #f7c32e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f7c32e;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #d6293e;
  --bs-btn-border-color: #d6293e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d6293e;
  --bs-btn-hover-border-color: #d6293e;
  --bs-btn-focus-shadow-rgb: 214, 41, 62;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #d6293e;
  --bs-btn-active-border-color: #d6293e;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #d6293e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #d6293e;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f5f7f9;
  --bs-btn-border-color: #f5f7f9;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f5f7f9;
  --bs-btn-hover-border-color: #f5f7f9;
  --bs-btn-focus-shadow-rgb: 245, 247, 249;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f5f7f9;
  --bs-btn-active-border-color: #f5f7f9;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #f5f7f9;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f5f7f9;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #24292d;
  --bs-btn-border-color: #24292d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #24292d;
  --bs-btn-hover-border-color: #24292d;
  --bs-btn-focus-shadow-rgb: 36, 41, 45;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #24292d;
  --bs-btn-active-border-color: #24292d;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #24292d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #24292d;
  --bs-gradient: none;
}

.btn-outline-orange {
  --bs-btn-color: #fd7e14;
  --bs-btn-border-color: #fd7e14;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #fd7e14;
  --bs-btn-hover-border-color: #fd7e14;
  --bs-btn-focus-shadow-rgb: 253, 126, 20;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #fd7e14;
  --bs-btn-active-border-color: #fd7e14;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fd7e14;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fd7e14;
  --bs-gradient: none;
}

.btn-outline-purple {
  --bs-btn-color: #6f42c1;
  --bs-btn-border-color: #6f42c1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6f42c1;
  --bs-btn-hover-border-color: #6f42c1;
  --bs-btn-focus-shadow-rgb: 111, 66, 193;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6f42c1;
  --bs-btn-active-border-color: #6f42c1;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #6f42c1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6f42c1;
  --bs-gradient: none;
}

.btn-outline-blue {
  --bs-btn-color: #1d3b53;
  --bs-btn-border-color: #1d3b53;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1d3b53;
  --bs-btn-hover-border-color: #1d3b53;
  --bs-btn-focus-shadow-rgb: 29, 59, 83;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1d3b53;
  --bs-btn-active-border-color: #1d3b53;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #1d3b53;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1d3b53;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 500;
  --bs-btn-color: #066ac9;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #0555a1;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: #0555a1;
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #cfd3d7;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 43, 128, 209;
  text-decoration: none;
}
.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.8rem;
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 0.5rem;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.4rem;
  --bs-btn-padding-x: 0.8rem;
  --bs-btn-font-size: 0.8125rem;
  --bs-btn-border-radius: 0.2rem;
}

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

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

.collapsing {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    -webkit-transition: none;
    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: 15rem;
  --bs-dropdown-padding-x: 0.8rem;
  --bs-dropdown-padding-y: 1rem;
  --bs-dropdown-spacer: 0;
  --bs-dropdown-font-size: 0.9375rem;
  --bs-dropdown-color: #747579;
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color);
  --bs-dropdown-border-radius: 0.325rem;
  --bs-dropdown-border-width: 0;
  --bs-dropdown-inner-border-radius: calc(0.375rem - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
  --bs-dropdown-link-color: var(--bs-gray-600);
  --bs-dropdown-link-hover-color: #066ac9;
  --bs-dropdown-link-hover-bg: rgba(var(--bs-primary-rgb), 0.1);
  --bs-dropdown-link-active-color: #066ac9;
  --bs-dropdown-link-active-bg: rgba(var(--bs-primary-rgb), 0.1);
  --bs-dropdown-link-disabled-color: var(--bs-gray-600);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.4rem;
  --bs-dropdown-header-color: var(--bs-gray-800);
  --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: 500;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  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.8203125rem;
  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: var(--bs-gray-300);
  --bs-dropdown-bg: var(--bs-gray-800);
  --bs-dropdown-border-color: var(--bs-border-color);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: var(--bs-gray-300);
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: rgba(255, 255, 255, 0.1);
  --bs-dropdown-link-hover-bg: rgba(var(--bs-primary-rgb), 0.1);
  --bs-dropdown-link-active-color: #066ac9;
  --bs-dropdown-link-active-bg: rgba(var(--bs-primary-rgb), 0.1);
  --bs-dropdown-link-disabled-color: var(--bs-gray-500);
  --bs-dropdown-header-color: var(--bs-gray-500);
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 0.325rem;
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-right: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-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.75rem;
  padding-right: 0.75rem;
}
.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.6rem;
  padding-right: 0.6rem;
}

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

.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-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: 0.75rem;
  --bs-nav-link-padding-y: 0.25rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-body-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color) !important;
  --bs-nav-link-disabled-color: var(--bs-gray-500) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      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);
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    -webkit-transition: none;
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: var(--bs-gray-200);
  --bs-nav-tabs-border-radius: 0.325rem;
  --bs-nav-tabs-link-hover-border-color: var(--bs-gray-200) var(--bs-gray-200) var(--bs-gray-200);
  --bs-nav-tabs-link-active-color: var(--bs-gray-700);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-gray-300) var(--bs-gray-300) 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));
  background: none;
  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.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

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

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

.nav-justified > .nav-link,
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          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;
  --bs-navbar-color: var(--bs-gray-600);
  --bs-navbar-hover-color: #066ac9;
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: #066ac9;
  --bs-navbar-brand-padding-y: 30px;
  --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: 1rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0;
  --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(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: inherit;
      flex-wrap: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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);
  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.25rem;
  --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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

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

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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);
  -webkit-transition: var(--bs-navbar-toggler-transition);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    -webkit-transition: none;
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  -webkit-box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
          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 {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
    -webkit-transition: none;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-transition: none;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark {
  --bs-navbar-color: var(--bs-white);
  --bs-navbar-hover-color: #066ac9 !important;
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #066ac9 !important;
  --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 viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

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

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1.25rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: var(--bs-gray-800);
  --bs-card-subtitle-color: ;
  --bs-card-border-width: 0;
  --bs-card-border-color: var(--bs-border-color);
  --bs-card-border-radius: 0.5rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: 0.5rem;
  --bs-card-cap-padding-y: 1rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: var(--bs-white);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1.25rem;
  --bs-card-group-margin: 0.9375rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-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 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          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);
  font-family: var(--bs-body-font-family)
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .card-group > .card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            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='%23747579'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23055fb5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: none;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0 rgba(6, 106, 201, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #055fb5;
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 0.9375rem;
  color: var(--bs-accordion-btn-color);
  text-align: right;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  -webkit-transition: var(--bs-accordion-transition);
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    -webkit-transition: none;
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  -webkit-box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
          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);
  -webkit-transform: var(--bs-accordion-btn-icon-transform);
          transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  -ms-flex-negative: 0;
      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);
  -webkit-transition: var(--bs-accordion-btn-icon-transition);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    -webkit-transition: none;
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  -webkit-box-shadow: var(--bs-accordion-btn-focus-box-shadow);
          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-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-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-collapse {
  border-width: 0;
}
.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-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  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='%2324292d'%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.5rem;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-font-size: 0.8125rem;
  --bs-breadcrumb-bg: transparent;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-gray-500);
  --bs-breadcrumb-item-padding-x: 0.8rem;
  --bs-breadcrumb-item-active-color: var(--bs-gray-500);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      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: 1rem;
  --bs-pagination-padding-y: 0.7rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-gray-600);
  --bs-pagination-bg: var(--bs-white);
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: var(--bs-gray-300);
  --bs-pagination-border-radius: 0.325rem;
  --bs-pagination-hover-color: var(--bs-white);
  --bs-pagination-hover-bg: #066ac9;
  --bs-pagination-hover-border-color: #066ac9;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-gray-200);
  --bs-pagination-focus-box-shadow: 0 0 0 0 rgba(6, 106, 201, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #066ac9;
  --bs-pagination-active-border-color: #066ac9;
  --bs-pagination-disabled-color: var(--bs-gray-400);
  --bs-pagination-disabled-bg: var(--bs-white);
  --bs-pagination-disabled-border-color: var(--bs-gray-300);
  display: -webkit-box;
  display: -ms-flexbox;
  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);
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  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, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    -webkit-transition: none;
    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;
  -webkit-box-shadow: var(--bs-pagination-focus-box-shadow);
          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 .page-link {
  border-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.171875rem;
  --bs-pagination-border-radius: 0.5rem;
}

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

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

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

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  --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);
  --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);
}

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

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text);
  --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);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text);
  --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);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text);
  --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);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text);
  --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);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text);
  --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);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text);
  --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);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text);
  --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);
}

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

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

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

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

@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-gray-200);
  --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: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  -webkit-transition: var(--bs-progress-bar-transition);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    -webkit-transition: none;
    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 {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
          animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
            animation: none;
  }
}

.list-group {
  --bs-list-group-color: var(--bs-gray-600);
  --bs-list-group-bg: transparent;
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: 0.325rem;
  --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: rgba(var(--bs-primary-rgb), 0.1);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: rgba(var(--bs-primary-rgb), 0.1);
  --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: #066ac9;
  --bs-list-group-active-border-color: #066ac9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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);
  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 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            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 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            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);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
}
.list-group-item-primary.list-group-item-action:active {
  --bs-list-group-active-color: var(--bs-emphasis-color);
  --bs-list-group-active-bg: var(--bs-primary-text);
  --bs-list-group-active-border-color: var(--bs-primary-text);
}

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

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

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

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

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

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

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

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

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

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

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

.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 rgba(6, 106, 201, 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%);
  -webkit-box-sizing: content-box;
          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.325rem;
  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;
  -webkit-box-shadow: var(--bs-btn-close-focus-shadow);
          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;
      -ms-user-select: none;
          user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

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

[data-bs-theme=dark] .btn-close {
  -webkit-filter: var(--bs-btn-close-white-filter);
          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);
  -webkit-box-shadow: var(--bs-toast-box-shadow);
          box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

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

.toast-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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: 0;
  --bs-modal-border-radius: 0.325rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
  --bs-modal-inner-border-radius: 0.325rem;
  --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 {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
          transform: none;
}
.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

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

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

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-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;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          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: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
  }
  .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.6875rem;
  --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;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-style: normal;
  font-weight: 500;
  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: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
.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: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: var(--bs-gray-800);
  --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: "Roboto", sans-serif;*/
  font-style: normal;
  font-weight: 500;
  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 {
  -ms-touch-action: pan-y;
      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%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    -webkit-transition: none;
    transition: none;
  }
}

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

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

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

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transform: none;
          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;
  -webkit-transition: opacity 0s 0.6s;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    -webkit-transition: none;
    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-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-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-indicators {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin-left: 15%;
  margin-bottom: 1rem;
  margin-right: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          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;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    -webkit-transition: none;
    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-next-icon,
.carousel-dark .carousel-control-prev-icon {
  -webkit-filter: invert(1) grayscale(100);
          filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon,
[data-bs-theme=dark] .carousel .carousel-control-prev-icon {
  -webkit-filter: invert(1) grayscale(100);
          filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target] {
  background-color: #000;
}
[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%;
  -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
          animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg) ;
            transform: rotate(360deg) ;
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg) ;
            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;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

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

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

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-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: 1.875rem;
  --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: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
  --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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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;
    -webkit-transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    -webkit-transition: none;
    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);
    -webkit-transform: translateX(100%);
            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);
    -webkit-transform: translateX(-100%);
            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);
    -webkit-transform: translateY(-100%);
            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);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    -webkit-transform: none;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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;
    -webkit-transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    -webkit-transition: none;
    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);
    -webkit-transform: translateX(100%);
            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);
    -webkit-transform: translateX(-100%);
            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);
    -webkit-transform: translateY(-100%);
            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);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    -webkit-transform: none;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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;
    -webkit-transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    -webkit-transition: none;
    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);
    -webkit-transform: translateX(100%);
            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);
    -webkit-transform: translateX(-100%);
            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);
    -webkit-transform: translateY(-100%);
            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);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    -webkit-transform: none;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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;
    -webkit-transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    -webkit-transition: none;
    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);
    -webkit-transform: translateX(100%);
            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);
    -webkit-transform: translateX(-100%);
            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);
    -webkit-transform: translateY(-100%);
            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);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    -webkit-transform: none;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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;
    -webkit-transition: var(--bs-offcanvas-transition);
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    -webkit-transition: none;
    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);
    -webkit-transform: translateX(100%);
            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);
    -webkit-transform: translateX(-100%);
            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);
    -webkit-transform: translateY(-100%);
            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);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    -webkit-transform: none;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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;
  -webkit-transition: var(--bs-offcanvas-transition);
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    -webkit-transition: none;
    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);
  -webkit-transform: translateX(100%);
          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);
  -webkit-transform: translateX(-100%);
          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);
  -webkit-transform: translateY(-100%);
          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);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  -webkit-transform: none;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

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

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

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

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

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

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

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

@-webkit-keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}

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

@-webkit-keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}

@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(6, 106, 201, var(--bs-bg-opacity, 1)) !important;
}

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

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

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

.text-bg-info {
  color: #fff !important;
  background-color: RGBA(23, 162, 184, var(--bs-bg-opacity, 1)) !important;
}

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

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

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

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

.text-bg-orange {
  color: #fff !important;
  background-color: RGBA(253, 126, 20, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-purple {
  color: #fff !important;
  background-color: RGBA(111, 66, 193, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-blue {
  color: #fff !important;
  background-color: RGBA(29, 59, 83, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: #066ac9 !important;
}
.link-primary:hover, .link-primary:focus {
  color: #0555a1 !important;
}

.link-white {
  color: #fff !important;
}
.link-white:hover, .link-white:focus {
  color: white !important;
}

.link-secondary {
  color: #9a9ea4 !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: #7b7e83 !important;
}

.link-success {
  color: #0cbc87 !important;
}
.link-success:hover, .link-success:focus {
  color: #0a966c !important;
}

.link-info {
  color: #17a2b8 !important;
}
.link-info:hover, .link-info:focus {
  color: #128293 !important;
}

.link-warning {
  color: #f7c32e !important;
}
.link-warning:hover, .link-warning:focus {
  color: #f9cf58 !important;
}

.link-danger {
  color: #d6293e !important;
}
.link-danger:hover, .link-danger:focus {
  color: #ab2132 !important;
}

.link-light {
  color: #f5f7f9 !important;
}
.link-light:hover, .link-light:focus {
  color: #f7f9fa !important;
}

.link-dark {
  color: #24292d !important;
}
.link-dark:hover, .link-dark:focus {
  color: #1d2124 !important;
}

.link-orange {
  color: #fd7e14 !important;
}
.link-orange:hover, .link-orange:focus {
  color: #ca6510 !important;
}

.link-purple {
  color: #6f42c1 !important;
}
.link-purple:hover, .link-purple:focus {
  color: #59359a !important;
}

.link-blue {
  color: #1d3b53 !important;
}
.link-blue:hover, .link-blue:focus {
  color: #172f42 !important;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.vstack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

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

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

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

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

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

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

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

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

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

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

.float-start {
  float: 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-table {
  display: table !important;
}

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

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

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

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

.shadow {
  -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15) !important;
          box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15) !important;
}

.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15) !important;
}

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(29, 58, 83, 0.15) !important;
          box-shadow: 0 1rem 3rem rgba(29, 58, 83, 0.15) !important;
}

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

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

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

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

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

.position-sticky {
  position: 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 {
  -webkit-transform: translate(50%, -50%) !important;
          transform: translate(50%, -50%) !important;
}

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

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

.border {
  border: 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-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-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-orange {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-orange-rgb), var(--bs-border-opacity)) !important;
}

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

.border-blue {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-blue-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 {
  --bs-border-width: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

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

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

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

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

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

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.justify-content-evenly {
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
}

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

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

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

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

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

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}

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

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

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

.order-first {
  -webkit-box-ordinal-group: 0 !important;
      -ms-flex-order: -1 !important;
          order: -1 !important;
}

.order-0 {
  -webkit-box-ordinal-group: 1 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important;
}

.order-1 {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.order-2 {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.order-3 {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

.order-4 {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.order-5 {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important;
}

.order-last {
  -webkit-box-ordinal-group: 7 !important;
      -ms-flex-order: 6 !important;
          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.6rem !important;
}

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

.m-6 {
  margin: 3.5rem !important;
}

.m-7 {
  margin: 6rem !important;
}

.m-8 {
  margin: 7rem !important;
}

.m-9 {
  margin: 10rem !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.6rem !important;
  margin-right: 1.6rem !important;
}

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

.mx-6 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

.mx-7 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.mx-8 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.mx-9 {
  margin-left: 10rem !important;
  margin-right: 10rem !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.6rem !important;
  margin-bottom: 1.6rem !important;
}

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

.my-6 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.my-7 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.my-8 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.my-9 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !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.6rem !important;
}

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

.mt-6 {
  margin-top: 3.5rem !important;
}

.mt-7 {
  margin-top: 6rem !important;
}

.mt-8 {
  margin-top: 7rem !important;
}

.mt-9 {
  margin-top: 10rem !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.6rem !important;
}

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

.me-6 {
  margin-left: 3.5rem !important;
}

.me-7 {
  margin-left: 6rem !important;
}

.me-8 {
  margin-left: 7rem !important;
}

.me-9 {
  margin-left: 10rem !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.6rem !important;
}

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

.mb-6 {
  margin-bottom: 3.5rem !important;
}

.mb-7 {
  margin-bottom: 6rem !important;
}

.mb-8 {
  margin-bottom: 7rem !important;
}

.mb-9 {
  margin-bottom: 10rem !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.6rem !important;
}

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

.ms-6 {
  margin-right: 3.5rem !important;
}

.ms-7 {
  margin-right: 6rem !important;
}

.ms-8 {
  margin-right: 7rem !important;
}

.ms-9 {
  margin-right: 10rem !important;
}

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

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

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

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

.m-n4 {
  margin: -1.6rem !important;
}

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

.m-n6 {
  margin: -3.5rem !important;
}

.m-n7 {
  margin: -6rem !important;
}

.m-n8 {
  margin: -7rem !important;
}

.m-n9 {
  margin: -10rem !important;
}

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

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

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

.mx-n4 {
  margin-left: -1.6rem !important;
  margin-right: -1.6rem !important;
}

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

.mx-n6 {
  margin-left: -3.5rem !important;
  margin-right: -3.5rem !important;
}

.mx-n7 {
  margin-left: -6rem !important;
  margin-right: -6rem !important;
}

.mx-n8 {
  margin-left: -7rem !important;
  margin-right: -7rem !important;
}

.mx-n9 {
  margin-left: -10rem !important;
  margin-right: -10rem !important;
}

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

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

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

.my-n4 {
  margin-top: -1.6rem !important;
  margin-bottom: -1.6rem !important;
}

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

.my-n6 {
  margin-top: -3.5rem !important;
  margin-bottom: -3.5rem !important;
}

.my-n7 {
  margin-top: -6rem !important;
  margin-bottom: -6rem !important;
}

.my-n8 {
  margin-top: -7rem !important;
  margin-bottom: -7rem !important;
}

.my-n9 {
  margin-top: -10rem !important;
  margin-bottom: -10rem !important;
}

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

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

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

.mt-n4 {
  margin-top: -1.6rem !important;
}

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

.mt-n6 {
  margin-top: -3.5rem !important;
}

.mt-n7 {
  margin-top: -6rem !important;
}

.mt-n8 {
  margin-top: -7rem !important;
}

.mt-n9 {
  margin-top: -10rem !important;
}

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

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

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

.me-n4 {
  margin-left: -1.6rem !important;
}

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

.me-n6 {
  margin-left: -3.5rem !important;
}

.me-n7 {
  margin-left: -6rem !important;
}

.me-n8 {
  margin-left: -7rem !important;
}

.me-n9 {
  margin-left: -10rem !important;
}

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

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

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

.mb-n4 {
  margin-bottom: -1.6rem !important;
}

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

.mb-n6 {
  margin-bottom: -3.5rem !important;
}

.mb-n7 {
  margin-bottom: -6rem !important;
}

.mb-n8 {
  margin-bottom: -7rem !important;
}

.mb-n9 {
  margin-bottom: -10rem !important;
}

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

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

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

.ms-n4 {
  margin-right: -1.6rem !important;
}

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

.ms-n6 {
  margin-right: -3.5rem !important;
}

.ms-n7 {
  margin-right: -6rem !important;
}

.ms-n8 {
  margin-right: -7rem !important;
}

.ms-n9 {
  margin-right: -10rem !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.6rem !important;
}

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

.p-6 {
  padding: 3.5rem !important;
}

.p-7 {
  padding: 6rem !important;
}

.p-8 {
  padding: 7rem !important;
}

.p-9 {
  padding: 10rem !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.6rem !important;
  padding-right: 1.6rem !important;
}

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

.px-6 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

.px-7 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.px-8 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.px-9 {
  padding-left: 10rem !important;
  padding-right: 10rem !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.6rem !important;
  padding-bottom: 1.6rem !important;
}

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

.py-6 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.py-7 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.py-8 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.py-9 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !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.6rem !important;
}

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

.pt-6 {
  padding-top: 3.5rem !important;
}

.pt-7 {
  padding-top: 6rem !important;
}

.pt-8 {
  padding-top: 7rem !important;
}

.pt-9 {
  padding-top: 10rem !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.6rem !important;
}

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

.pe-6 {
  padding-left: 3.5rem !important;
}

.pe-7 {
  padding-left: 6rem !important;
}

.pe-8 {
  padding-left: 7rem !important;
}

.pe-9 {
  padding-left: 10rem !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.6rem !important;
}

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

.pb-6 {
  padding-bottom: 3.5rem !important;
}

.pb-7 {
  padding-bottom: 6rem !important;
}

.pb-8 {
  padding-bottom: 7rem !important;
}

.pb-9 {
  padding-bottom: 10rem !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.6rem !important;
}

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

.ps-6 {
  padding-right: 3.5rem !important;
}

.ps-7 {
  padding-right: 6rem !important;
}

.ps-8 {
  padding-right: 7rem !important;
}

.ps-9 {
  padding-right: 10rem !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.6rem !important;
}

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

.gap-6 {
  gap: 3.5rem !important;
}

.gap-7 {
  gap: 6rem !important;
}

.gap-8 {
  gap: 7rem !important;
}

.gap-9 {
  gap: 10rem !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.6rem !important;
}

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

.row-gap-6 {
  row-gap: 3.5rem !important;
}

.row-gap-7 {
  row-gap: 6rem !important;
}

.row-gap-8 {
  row-gap: 7rem !important;
}

.row-gap-9 {
  row-gap: 10rem !important;
}

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

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

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

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

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

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

.column-gap-6 {
  -webkit-column-gap: 3.5rem !important;
     -moz-column-gap: 3.5rem !important;
          column-gap: 3.5rem !important;
}

.column-gap-7 {
  -webkit-column-gap: 6rem !important;
     -moz-column-gap: 6rem !important;
          column-gap: 6rem !important;
}

.column-gap-8 {
  -webkit-column-gap: 7rem !important;
     -moz-column-gap: 7rem !important;
          column-gap: 7rem !important;
}

.column-gap-9 {
  -webkit-column-gap: 10rem !important;
     -moz-column-gap: 10rem !important;
          column-gap: 10rem !important;
}

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

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

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

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

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

.fs-5 {
  font-size: calc(1.25625rem + 0.075vw) !important;
}

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

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

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

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

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

.fw-normal {
  font-weight: 500 !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-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-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-orange {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important;
}

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

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

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-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: rgba(var(--bs-white-rgb), 0.75) !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) !important;
}

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

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

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

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

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

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

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

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-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-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-orange {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;
}

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

.bg-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-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-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-body-emphasis {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-emphasis-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;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.rounded-top {
  border-top-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-2xl) !important;
  border-top-left-radius: var(--bs-border-radius-2xl) !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-2xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-2xl) !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-2xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-2xl) !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-2xl) !important;
  border-top-right-radius: var(--bs-border-radius-2xl) !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-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            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.6rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-6 {
    margin: 3.5rem !important;
  }
  .m-sm-7 {
    margin: 6rem !important;
  }
  .m-sm-8 {
    margin: 7rem !important;
  }
  .m-sm-9 {
    margin: 10rem !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.6rem !important;
    margin-right: 1.6rem !important;
  }
  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-sm-6 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-sm-7 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-sm-8 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-sm-9 {
    margin-left: 10rem !important;
    margin-right: 10rem !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.6rem !important;
    margin-bottom: 1.6rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-6 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-sm-7 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-sm-8 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-sm-9 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !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.6rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-6 {
    margin-top: 3.5rem !important;
  }
  .mt-sm-7 {
    margin-top: 6rem !important;
  }
  .mt-sm-8 {
    margin-top: 7rem !important;
  }
  .mt-sm-9 {
    margin-top: 10rem !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.6rem !important;
  }
  .me-sm-5 {
    margin-left: 3rem !important;
  }
  .me-sm-6 {
    margin-left: 3.5rem !important;
  }
  .me-sm-7 {
    margin-left: 6rem !important;
  }
  .me-sm-8 {
    margin-left: 7rem !important;
  }
  .me-sm-9 {
    margin-left: 10rem !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.6rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 3.5rem !important;
  }
  .mb-sm-7 {
    margin-bottom: 6rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 7rem !important;
  }
  .mb-sm-9 {
    margin-bottom: 10rem !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.6rem !important;
  }
  .ms-sm-5 {
    margin-right: 3rem !important;
  }
  .ms-sm-6 {
    margin-right: 3.5rem !important;
  }
  .ms-sm-7 {
    margin-right: 6rem !important;
  }
  .ms-sm-8 {
    margin-right: 7rem !important;
  }
  .ms-sm-9 {
    margin-right: 10rem !important;
  }
  .ms-sm-auto {
    margin-right: auto !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.6rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .m-sm-n6 {
    margin: -3.5rem !important;
  }
  .m-sm-n7 {
    margin: -6rem !important;
  }
  .m-sm-n8 {
    margin: -7rem !important;
  }
  .m-sm-n9 {
    margin: -10rem !important;
  }
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .mx-sm-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .mx-sm-n4 {
    margin-left: -1.6rem !important;
    margin-right: -1.6rem !important;
  }
  .mx-sm-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .mx-sm-n6 {
    margin-left: -3.5rem !important;
    margin-right: -3.5rem !important;
  }
  .mx-sm-n7 {
    margin-left: -6rem !important;
    margin-right: -6rem !important;
  }
  .mx-sm-n8 {
    margin-left: -7rem !important;
    margin-right: -7rem !important;
  }
  .mx-sm-n9 {
    margin-left: -10rem !important;
    margin-right: -10rem !important;
  }
  .my-sm-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-sm-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-sm-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-sm-n4 {
    margin-top: -1.6rem !important;
    margin-bottom: -1.6rem !important;
  }
  .my-sm-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-sm-n6 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .my-sm-n7 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .my-sm-n8 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .my-sm-n9 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }
  .mt-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-sm-n3 {
    margin-top: -1rem !important;
  }
  .mt-sm-n4 {
    margin-top: -1.6rem !important;
  }
  .mt-sm-n5 {
    margin-top: -3rem !important;
  }
  .mt-sm-n6 {
    margin-top: -3.5rem !important;
  }
  .mt-sm-n7 {
    margin-top: -6rem !important;
  }
  .mt-sm-n8 {
    margin-top: -7rem !important;
  }
  .mt-sm-n9 {
    margin-top: -10rem !important;
  }
  .me-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .me-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .me-sm-n3 {
    margin-left: -1rem !important;
  }
  .me-sm-n4 {
    margin-left: -1.6rem !important;
  }
  .me-sm-n5 {
    margin-left: -3rem !important;
  }
  .me-sm-n6 {
    margin-left: -3.5rem !important;
  }
  .me-sm-n7 {
    margin-left: -6rem !important;
  }
  .me-sm-n8 {
    margin-left: -7rem !important;
  }
  .me-sm-n9 {
    margin-left: -10rem !important;
  }
  .mb-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-sm-n4 {
    margin-bottom: -1.6rem !important;
  }
  .mb-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .mb-sm-n6 {
    margin-bottom: -3.5rem !important;
  }
  .mb-sm-n7 {
    margin-bottom: -6rem !important;
  }
  .mb-sm-n8 {
    margin-bottom: -7rem !important;
  }
  .mb-sm-n9 {
    margin-bottom: -10rem !important;
  }
  .ms-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .ms-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .ms-sm-n3 {
    margin-right: -1rem !important;
  }
  .ms-sm-n4 {
    margin-right: -1.6rem !important;
  }
  .ms-sm-n5 {
    margin-right: -3rem !important;
  }
  .ms-sm-n6 {
    margin-right: -3.5rem !important;
  }
  .ms-sm-n7 {
    margin-right: -6rem !important;
  }
  .ms-sm-n8 {
    margin-right: -7rem !important;
  }
  .ms-sm-n9 {
    margin-right: -10rem !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.6rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .p-sm-6 {
    padding: 3.5rem !important;
  }
  .p-sm-7 {
    padding: 6rem !important;
  }
  .p-sm-8 {
    padding: 7rem !important;
  }
  .p-sm-9 {
    padding: 10rem !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.6rem !important;
    padding-right: 1.6rem !important;
  }
  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-sm-6 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-sm-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-sm-8 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-sm-9 {
    padding-left: 10rem !important;
    padding-right: 10rem !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.6rem !important;
    padding-bottom: 1.6rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-sm-6 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-sm-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-sm-8 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-sm-9 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !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.6rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pt-sm-6 {
    padding-top: 3.5rem !important;
  }
  .pt-sm-7 {
    padding-top: 6rem !important;
  }
  .pt-sm-8 {
    padding-top: 7rem !important;
  }
  .pt-sm-9 {
    padding-top: 10rem !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.6rem !important;
  }
  .pe-sm-5 {
    padding-left: 3rem !important;
  }
  .pe-sm-6 {
    padding-left: 3.5rem !important;
  }
  .pe-sm-7 {
    padding-left: 6rem !important;
  }
  .pe-sm-8 {
    padding-left: 7rem !important;
  }
  .pe-sm-9 {
    padding-left: 10rem !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.6rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 3.5rem !important;
  }
  .pb-sm-7 {
    padding-bottom: 6rem !important;
  }
  .pb-sm-8 {
    padding-bottom: 7rem !important;
  }
  .pb-sm-9 {
    padding-bottom: 10rem !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.6rem !important;
  }
  .ps-sm-5 {
    padding-right: 3rem !important;
  }
  .ps-sm-6 {
    padding-right: 3.5rem !important;
  }
  .ps-sm-7 {
    padding-right: 6rem !important;
  }
  .ps-sm-8 {
    padding-right: 7rem !important;
  }
  .ps-sm-9 {
    padding-right: 10rem !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.6rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .gap-sm-6 {
    gap: 3.5rem !important;
  }
  .gap-sm-7 {
    gap: 6rem !important;
  }
  .gap-sm-8 {
    gap: 7rem !important;
  }
  .gap-sm-9 {
    gap: 10rem !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.6rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .row-gap-sm-6 {
    row-gap: 3.5rem !important;
  }
  .row-gap-sm-7 {
    row-gap: 6rem !important;
  }
  .row-gap-sm-8 {
    row-gap: 7rem !important;
  }
  .row-gap-sm-9 {
    row-gap: 10rem !important;
  }
  .column-gap-sm-0 {
    -webkit-column-gap: 0 !important;
       -moz-column-gap: 0 !important;
            column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -webkit-column-gap: 0.25rem !important;
       -moz-column-gap: 0.25rem !important;
            column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -webkit-column-gap: 0.5rem !important;
       -moz-column-gap: 0.5rem !important;
            column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -webkit-column-gap: 1rem !important;
       -moz-column-gap: 1rem !important;
            column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -webkit-column-gap: 1.6rem !important;
       -moz-column-gap: 1.6rem !important;
            column-gap: 1.6rem !important;
  }
  .column-gap-sm-5 {
    -webkit-column-gap: 3rem !important;
       -moz-column-gap: 3rem !important;
            column-gap: 3rem !important;
  }
  .column-gap-sm-6 {
    -webkit-column-gap: 3.5rem !important;
       -moz-column-gap: 3.5rem !important;
            column-gap: 3.5rem !important;
  }
  .column-gap-sm-7 {
    -webkit-column-gap: 6rem !important;
       -moz-column-gap: 6rem !important;
            column-gap: 6rem !important;
  }
  .column-gap-sm-8 {
    -webkit-column-gap: 7rem !important;
       -moz-column-gap: 7rem !important;
            column-gap: 7rem !important;
  }
  .column-gap-sm-9 {
    -webkit-column-gap: 10rem !important;
       -moz-column-gap: 10rem !important;
            column-gap: 10rem !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-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            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.6rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-6 {
    margin: 3.5rem !important;
  }
  .m-md-7 {
    margin: 6rem !important;
  }
  .m-md-8 {
    margin: 7rem !important;
  }
  .m-md-9 {
    margin: 10rem !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.6rem !important;
    margin-right: 1.6rem !important;
  }
  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-md-6 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-md-7 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-md-8 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-md-9 {
    margin-left: 10rem !important;
    margin-right: 10rem !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.6rem !important;
    margin-bottom: 1.6rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-6 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-md-7 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-md-8 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-md-9 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !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.6rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-6 {
    margin-top: 3.5rem !important;
  }
  .mt-md-7 {
    margin-top: 6rem !important;
  }
  .mt-md-8 {
    margin-top: 7rem !important;
  }
  .mt-md-9 {
    margin-top: 10rem !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.6rem !important;
  }
  .me-md-5 {
    margin-left: 3rem !important;
  }
  .me-md-6 {
    margin-left: 3.5rem !important;
  }
  .me-md-7 {
    margin-left: 6rem !important;
  }
  .me-md-8 {
    margin-left: 7rem !important;
  }
  .me-md-9 {
    margin-left: 10rem !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.6rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-6 {
    margin-bottom: 3.5rem !important;
  }
  .mb-md-7 {
    margin-bottom: 6rem !important;
  }
  .mb-md-8 {
    margin-bottom: 7rem !important;
  }
  .mb-md-9 {
    margin-bottom: 10rem !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.6rem !important;
  }
  .ms-md-5 {
    margin-right: 3rem !important;
  }
  .ms-md-6 {
    margin-right: 3.5rem !important;
  }
  .ms-md-7 {
    margin-right: 6rem !important;
  }
  .ms-md-8 {
    margin-right: 7rem !important;
  }
  .ms-md-9 {
    margin-right: 10rem !important;
  }
  .ms-md-auto {
    margin-right: auto !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.6rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .m-md-n6 {
    margin: -3.5rem !important;
  }
  .m-md-n7 {
    margin: -6rem !important;
  }
  .m-md-n8 {
    margin: -7rem !important;
  }
  .m-md-n9 {
    margin: -10rem !important;
  }
  .mx-md-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .mx-md-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .mx-md-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .mx-md-n4 {
    margin-left: -1.6rem !important;
    margin-right: -1.6rem !important;
  }
  .mx-md-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .mx-md-n6 {
    margin-left: -3.5rem !important;
    margin-right: -3.5rem !important;
  }
  .mx-md-n7 {
    margin-left: -6rem !important;
    margin-right: -6rem !important;
  }
  .mx-md-n8 {
    margin-left: -7rem !important;
    margin-right: -7rem !important;
  }
  .mx-md-n9 {
    margin-left: -10rem !important;
    margin-right: -10rem !important;
  }
  .my-md-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-md-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-md-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-md-n4 {
    margin-top: -1.6rem !important;
    margin-bottom: -1.6rem !important;
  }
  .my-md-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-md-n6 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .my-md-n7 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .my-md-n8 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .my-md-n9 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }
  .mt-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-md-n3 {
    margin-top: -1rem !important;
  }
  .mt-md-n4 {
    margin-top: -1.6rem !important;
  }
  .mt-md-n5 {
    margin-top: -3rem !important;
  }
  .mt-md-n6 {
    margin-top: -3.5rem !important;
  }
  .mt-md-n7 {
    margin-top: -6rem !important;
  }
  .mt-md-n8 {
    margin-top: -7rem !important;
  }
  .mt-md-n9 {
    margin-top: -10rem !important;
  }
  .me-md-n1 {
    margin-left: -0.25rem !important;
  }
  .me-md-n2 {
    margin-left: -0.5rem !important;
  }
  .me-md-n3 {
    margin-left: -1rem !important;
  }
  .me-md-n4 {
    margin-left: -1.6rem !important;
  }
  .me-md-n5 {
    margin-left: -3rem !important;
  }
  .me-md-n6 {
    margin-left: -3.5rem !important;
  }
  .me-md-n7 {
    margin-left: -6rem !important;
  }
  .me-md-n8 {
    margin-left: -7rem !important;
  }
  .me-md-n9 {
    margin-left: -10rem !important;
  }
  .mb-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-md-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-md-n4 {
    margin-bottom: -1.6rem !important;
  }
  .mb-md-n5 {
    margin-bottom: -3rem !important;
  }
  .mb-md-n6 {
    margin-bottom: -3.5rem !important;
  }
  .mb-md-n7 {
    margin-bottom: -6rem !important;
  }
  .mb-md-n8 {
    margin-bottom: -7rem !important;
  }
  .mb-md-n9 {
    margin-bottom: -10rem !important;
  }
  .ms-md-n1 {
    margin-right: -0.25rem !important;
  }
  .ms-md-n2 {
    margin-right: -0.5rem !important;
  }
  .ms-md-n3 {
    margin-right: -1rem !important;
  }
  .ms-md-n4 {
    margin-right: -1.6rem !important;
  }
  .ms-md-n5 {
    margin-right: -3rem !important;
  }
  .ms-md-n6 {
    margin-right: -3.5rem !important;
  }
  .ms-md-n7 {
    margin-right: -6rem !important;
  }
  .ms-md-n8 {
    margin-right: -7rem !important;
  }
  .ms-md-n9 {
    margin-right: -10rem !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.6rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .p-md-6 {
    padding: 3.5rem !important;
  }
  .p-md-7 {
    padding: 6rem !important;
  }
  .p-md-8 {
    padding: 7rem !important;
  }
  .p-md-9 {
    padding: 10rem !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.6rem !important;
    padding-right: 1.6rem !important;
  }
  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-md-6 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-md-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-md-8 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-md-9 {
    padding-left: 10rem !important;
    padding-right: 10rem !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.6rem !important;
    padding-bottom: 1.6rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-md-6 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-md-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-md-8 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-md-9 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !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.6rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pt-md-6 {
    padding-top: 3.5rem !important;
  }
  .pt-md-7 {
    padding-top: 6rem !important;
  }
  .pt-md-8 {
    padding-top: 7rem !important;
  }
  .pt-md-9 {
    padding-top: 10rem !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.6rem !important;
  }
  .pe-md-5 {
    padding-left: 3rem !important;
  }
  .pe-md-6 {
    padding-left: 3.5rem !important;
  }
  .pe-md-7 {
    padding-left: 6rem !important;
  }
  .pe-md-8 {
    padding-left: 7rem !important;
  }
  .pe-md-9 {
    padding-left: 10rem !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.6rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .pb-md-6 {
    padding-bottom: 3.5rem !important;
  }
  .pb-md-7 {
    padding-bottom: 6rem !important;
  }
  .pb-md-8 {
    padding-bottom: 7rem !important;
  }
  .pb-md-9 {
    padding-bottom: 10rem !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.6rem !important;
  }
  .ps-md-5 {
    padding-right: 3rem !important;
  }
  .ps-md-6 {
    padding-right: 3.5rem !important;
  }
  .ps-md-7 {
    padding-right: 6rem !important;
  }
  .ps-md-8 {
    padding-right: 7rem !important;
  }
  .ps-md-9 {
    padding-right: 10rem !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.6rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .gap-md-6 {
    gap: 3.5rem !important;
  }
  .gap-md-7 {
    gap: 6rem !important;
  }
  .gap-md-8 {
    gap: 7rem !important;
  }
  .gap-md-9 {
    gap: 10rem !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.6rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .row-gap-md-6 {
    row-gap: 3.5rem !important;
  }
  .row-gap-md-7 {
    row-gap: 6rem !important;
  }
  .row-gap-md-8 {
    row-gap: 7rem !important;
  }
  .row-gap-md-9 {
    row-gap: 10rem !important;
  }
  .column-gap-md-0 {
    -webkit-column-gap: 0 !important;
       -moz-column-gap: 0 !important;
            column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -webkit-column-gap: 0.25rem !important;
       -moz-column-gap: 0.25rem !important;
            column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -webkit-column-gap: 0.5rem !important;
       -moz-column-gap: 0.5rem !important;
            column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -webkit-column-gap: 1rem !important;
       -moz-column-gap: 1rem !important;
            column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -webkit-column-gap: 1.6rem !important;
       -moz-column-gap: 1.6rem !important;
            column-gap: 1.6rem !important;
  }
  .column-gap-md-5 {
    -webkit-column-gap: 3rem !important;
       -moz-column-gap: 3rem !important;
            column-gap: 3rem !important;
  }
  .column-gap-md-6 {
    -webkit-column-gap: 3.5rem !important;
       -moz-column-gap: 3.5rem !important;
            column-gap: 3.5rem !important;
  }
  .column-gap-md-7 {
    -webkit-column-gap: 6rem !important;
       -moz-column-gap: 6rem !important;
            column-gap: 6rem !important;
  }
  .column-gap-md-8 {
    -webkit-column-gap: 7rem !important;
       -moz-column-gap: 7rem !important;
            column-gap: 7rem !important;
  }
  .column-gap-md-9 {
    -webkit-column-gap: 10rem !important;
       -moz-column-gap: 10rem !important;
            column-gap: 10rem !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-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            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.6rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-6 {
    margin: 3.5rem !important;
  }
  .m-lg-7 {
    margin: 6rem !important;
  }
  .m-lg-8 {
    margin: 7rem !important;
  }
  .m-lg-9 {
    margin: 10rem !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.6rem !important;
    margin-right: 1.6rem !important;
  }
  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-lg-6 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-lg-7 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-lg-8 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-lg-9 {
    margin-left: 10rem !important;
    margin-right: 10rem !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.6rem !important;
    margin-bottom: 1.6rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-6 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-lg-7 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-lg-8 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-lg-9 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !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.6rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-6 {
    margin-top: 3.5rem !important;
  }
  .mt-lg-7 {
    margin-top: 6rem !important;
  }
  .mt-lg-8 {
    margin-top: 7rem !important;
  }
  .mt-lg-9 {
    margin-top: 10rem !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.6rem !important;
  }
  .me-lg-5 {
    margin-left: 3rem !important;
  }
  .me-lg-6 {
    margin-left: 3.5rem !important;
  }
  .me-lg-7 {
    margin-left: 6rem !important;
  }
  .me-lg-8 {
    margin-left: 7rem !important;
  }
  .me-lg-9 {
    margin-left: 10rem !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.6rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 3.5rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 6rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 7rem !important;
  }
  .mb-lg-9 {
    margin-bottom: 10rem !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.6rem !important;
  }
  .ms-lg-5 {
    margin-right: 3rem !important;
  }
  .ms-lg-6 {
    margin-right: 3.5rem !important;
  }
  .ms-lg-7 {
    margin-right: 6rem !important;
  }
  .ms-lg-8 {
    margin-right: 7rem !important;
  }
  .ms-lg-9 {
    margin-right: 10rem !important;
  }
  .ms-lg-auto {
    margin-right: auto !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.6rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .m-lg-n6 {
    margin: -3.5rem !important;
  }
  .m-lg-n7 {
    margin: -6rem !important;
  }
  .m-lg-n8 {
    margin: -7rem !important;
  }
  .m-lg-n9 {
    margin: -10rem !important;
  }
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .mx-lg-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .mx-lg-n4 {
    margin-left: -1.6rem !important;
    margin-right: -1.6rem !important;
  }
  .mx-lg-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .mx-lg-n6 {
    margin-left: -3.5rem !important;
    margin-right: -3.5rem !important;
  }
  .mx-lg-n7 {
    margin-left: -6rem !important;
    margin-right: -6rem !important;
  }
  .mx-lg-n8 {
    margin-left: -7rem !important;
    margin-right: -7rem !important;
  }
  .mx-lg-n9 {
    margin-left: -10rem !important;
    margin-right: -10rem !important;
  }
  .my-lg-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-lg-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-lg-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-lg-n4 {
    margin-top: -1.6rem !important;
    margin-bottom: -1.6rem !important;
  }
  .my-lg-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-lg-n6 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .my-lg-n7 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .my-lg-n8 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .my-lg-n9 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }
  .mt-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-lg-n3 {
    margin-top: -1rem !important;
  }
  .mt-lg-n4 {
    margin-top: -1.6rem !important;
  }
  .mt-lg-n5 {
    margin-top: -3rem !important;
  }
  .mt-lg-n6 {
    margin-top: -3.5rem !important;
  }
  .mt-lg-n7 {
    margin-top: -6rem !important;
  }
  .mt-lg-n8 {
    margin-top: -7rem !important;
  }
  .mt-lg-n9 {
    margin-top: -10rem !important;
  }
  .me-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .me-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .me-lg-n3 {
    margin-left: -1rem !important;
  }
  .me-lg-n4 {
    margin-left: -1.6rem !important;
  }
  .me-lg-n5 {
    margin-left: -3rem !important;
  }
  .me-lg-n6 {
    margin-left: -3.5rem !important;
  }
  .me-lg-n7 {
    margin-left: -6rem !important;
  }
  .me-lg-n8 {
    margin-left: -7rem !important;
  }
  .me-lg-n9 {
    margin-left: -10rem !important;
  }
  .mb-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-lg-n4 {
    margin-bottom: -1.6rem !important;
  }
  .mb-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .mb-lg-n6 {
    margin-bottom: -3.5rem !important;
  }
  .mb-lg-n7 {
    margin-bottom: -6rem !important;
  }
  .mb-lg-n8 {
    margin-bottom: -7rem !important;
  }
  .mb-lg-n9 {
    margin-bottom: -10rem !important;
  }
  .ms-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .ms-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .ms-lg-n3 {
    margin-right: -1rem !important;
  }
  .ms-lg-n4 {
    margin-right: -1.6rem !important;
  }
  .ms-lg-n5 {
    margin-right: -3rem !important;
  }
  .ms-lg-n6 {
    margin-right: -3.5rem !important;
  }
  .ms-lg-n7 {
    margin-right: -6rem !important;
  }
  .ms-lg-n8 {
    margin-right: -7rem !important;
  }
  .ms-lg-n9 {
    margin-right: -10rem !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.6rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .p-lg-6 {
    padding: 3.5rem !important;
  }
  .p-lg-7 {
    padding: 6rem !important;
  }
  .p-lg-8 {
    padding: 7rem !important;
  }
  .p-lg-9 {
    padding: 10rem !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.6rem !important;
    padding-right: 1.6rem !important;
  }
  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-lg-6 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-lg-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-lg-8 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-lg-9 {
    padding-left: 10rem !important;
    padding-right: 10rem !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.6rem !important;
    padding-bottom: 1.6rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-lg-6 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-lg-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-lg-8 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-lg-9 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !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.6rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pt-lg-6 {
    padding-top: 3.5rem !important;
  }
  .pt-lg-7 {
    padding-top: 6rem !important;
  }
  .pt-lg-8 {
    padding-top: 7rem !important;
  }
  .pt-lg-9 {
    padding-top: 10rem !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.6rem !important;
  }
  .pe-lg-5 {
    padding-left: 3rem !important;
  }
  .pe-lg-6 {
    padding-left: 3.5rem !important;
  }
  .pe-lg-7 {
    padding-left: 6rem !important;
  }
  .pe-lg-8 {
    padding-left: 7rem !important;
  }
  .pe-lg-9 {
    padding-left: 10rem !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.6rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 3.5rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 6rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 7rem !important;
  }
  .pb-lg-9 {
    padding-bottom: 10rem !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.6rem !important;
  }
  .ps-lg-5 {
    padding-right: 3rem !important;
  }
  .ps-lg-6 {
    padding-right: 3.5rem !important;
  }
  .ps-lg-7 {
    padding-right: 6rem !important;
  }
  .ps-lg-8 {
    padding-right: 7rem !important;
  }
  .ps-lg-9 {
    padding-right: 10rem !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.6rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .gap-lg-6 {
    gap: 3.5rem !important;
  }
  .gap-lg-7 {
    gap: 6rem !important;
  }
  .gap-lg-8 {
    gap: 7rem !important;
  }
  .gap-lg-9 {
    gap: 10rem !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.6rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .row-gap-lg-6 {
    row-gap: 3.5rem !important;
  }
  .row-gap-lg-7 {
    row-gap: 6rem !important;
  }
  .row-gap-lg-8 {
    row-gap: 7rem !important;
  }
  .row-gap-lg-9 {
    row-gap: 10rem !important;
  }
  .column-gap-lg-0 {
    -webkit-column-gap: 0 !important;
       -moz-column-gap: 0 !important;
            column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -webkit-column-gap: 0.25rem !important;
       -moz-column-gap: 0.25rem !important;
            column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -webkit-column-gap: 0.5rem !important;
       -moz-column-gap: 0.5rem !important;
            column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -webkit-column-gap: 1rem !important;
       -moz-column-gap: 1rem !important;
            column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -webkit-column-gap: 1.6rem !important;
       -moz-column-gap: 1.6rem !important;
            column-gap: 1.6rem !important;
  }
  .column-gap-lg-5 {
    -webkit-column-gap: 3rem !important;
       -moz-column-gap: 3rem !important;
            column-gap: 3rem !important;
  }
  .column-gap-lg-6 {
    -webkit-column-gap: 3.5rem !important;
       -moz-column-gap: 3.5rem !important;
            column-gap: 3.5rem !important;
  }
  .column-gap-lg-7 {
    -webkit-column-gap: 6rem !important;
       -moz-column-gap: 6rem !important;
            column-gap: 6rem !important;
  }
  .column-gap-lg-8 {
    -webkit-column-gap: 7rem !important;
       -moz-column-gap: 7rem !important;
            column-gap: 7rem !important;
  }
  .column-gap-lg-9 {
    -webkit-column-gap: 10rem !important;
       -moz-column-gap: 10rem !important;
            column-gap: 10rem !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-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            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.6rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-6 {
    margin: 3.5rem !important;
  }
  .m-xl-7 {
    margin: 6rem !important;
  }
  .m-xl-8 {
    margin: 7rem !important;
  }
  .m-xl-9 {
    margin: 10rem !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.6rem !important;
    margin-right: 1.6rem !important;
  }
  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xl-6 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-xl-7 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-xl-8 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-xl-9 {
    margin-left: 10rem !important;
    margin-right: 10rem !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.6rem !important;
    margin-bottom: 1.6rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-6 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-xl-7 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-xl-8 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-xl-9 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !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.6rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-6 {
    margin-top: 3.5rem !important;
  }
  .mt-xl-7 {
    margin-top: 6rem !important;
  }
  .mt-xl-8 {
    margin-top: 7rem !important;
  }
  .mt-xl-9 {
    margin-top: 10rem !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.6rem !important;
  }
  .me-xl-5 {
    margin-left: 3rem !important;
  }
  .me-xl-6 {
    margin-left: 3.5rem !important;
  }
  .me-xl-7 {
    margin-left: 6rem !important;
  }
  .me-xl-8 {
    margin-left: 7rem !important;
  }
  .me-xl-9 {
    margin-left: 10rem !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.6rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 3.5rem !important;
  }
  .mb-xl-7 {
    margin-bottom: 6rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 7rem !important;
  }
  .mb-xl-9 {
    margin-bottom: 10rem !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.6rem !important;
  }
  .ms-xl-5 {
    margin-right: 3rem !important;
  }
  .ms-xl-6 {
    margin-right: 3.5rem !important;
  }
  .ms-xl-7 {
    margin-right: 6rem !important;
  }
  .ms-xl-8 {
    margin-right: 7rem !important;
  }
  .ms-xl-9 {
    margin-right: 10rem !important;
  }
  .ms-xl-auto {
    margin-right: auto !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.6rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .m-xl-n6 {
    margin: -3.5rem !important;
  }
  .m-xl-n7 {
    margin: -6rem !important;
  }
  .m-xl-n8 {
    margin: -7rem !important;
  }
  .m-xl-n9 {
    margin: -10rem !important;
  }
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .mx-xl-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .mx-xl-n4 {
    margin-left: -1.6rem !important;
    margin-right: -1.6rem !important;
  }
  .mx-xl-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .mx-xl-n6 {
    margin-left: -3.5rem !important;
    margin-right: -3.5rem !important;
  }
  .mx-xl-n7 {
    margin-left: -6rem !important;
    margin-right: -6rem !important;
  }
  .mx-xl-n8 {
    margin-left: -7rem !important;
    margin-right: -7rem !important;
  }
  .mx-xl-n9 {
    margin-left: -10rem !important;
    margin-right: -10rem !important;
  }
  .my-xl-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-xl-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-xl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-xl-n4 {
    margin-top: -1.6rem !important;
    margin-bottom: -1.6rem !important;
  }
  .my-xl-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-xl-n6 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .my-xl-n7 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .my-xl-n8 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .my-xl-n9 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }
  .mt-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xl-n4 {
    margin-top: -1.6rem !important;
  }
  .mt-xl-n5 {
    margin-top: -3rem !important;
  }
  .mt-xl-n6 {
    margin-top: -3.5rem !important;
  }
  .mt-xl-n7 {
    margin-top: -6rem !important;
  }
  .mt-xl-n8 {
    margin-top: -7rem !important;
  }
  .mt-xl-n9 {
    margin-top: -10rem !important;
  }
  .me-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .me-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .me-xl-n3 {
    margin-left: -1rem !important;
  }
  .me-xl-n4 {
    margin-left: -1.6rem !important;
  }
  .me-xl-n5 {
    margin-left: -3rem !important;
  }
  .me-xl-n6 {
    margin-left: -3.5rem !important;
  }
  .me-xl-n7 {
    margin-left: -6rem !important;
  }
  .me-xl-n8 {
    margin-left: -7rem !important;
  }
  .me-xl-n9 {
    margin-left: -10rem !important;
  }
  .mb-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-xl-n4 {
    margin-bottom: -1.6rem !important;
  }
  .mb-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .mb-xl-n6 {
    margin-bottom: -3.5rem !important;
  }
  .mb-xl-n7 {
    margin-bottom: -6rem !important;
  }
  .mb-xl-n8 {
    margin-bottom: -7rem !important;
  }
  .mb-xl-n9 {
    margin-bottom: -10rem !important;
  }
  .ms-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .ms-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .ms-xl-n3 {
    margin-right: -1rem !important;
  }
  .ms-xl-n4 {
    margin-right: -1.6rem !important;
  }
  .ms-xl-n5 {
    margin-right: -3rem !important;
  }
  .ms-xl-n6 {
    margin-right: -3.5rem !important;
  }
  .ms-xl-n7 {
    margin-right: -6rem !important;
  }
  .ms-xl-n8 {
    margin-right: -7rem !important;
  }
  .ms-xl-n9 {
    margin-right: -10rem !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.6rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .p-xl-6 {
    padding: 3.5rem !important;
  }
  .p-xl-7 {
    padding: 6rem !important;
  }
  .p-xl-8 {
    padding: 7rem !important;
  }
  .p-xl-9 {
    padding: 10rem !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.6rem !important;
    padding-right: 1.6rem !important;
  }
  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-xl-6 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-xl-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-xl-8 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-xl-9 {
    padding-left: 10rem !important;
    padding-right: 10rem !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.6rem !important;
    padding-bottom: 1.6rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xl-6 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-xl-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-xl-8 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-xl-9 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !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.6rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pt-xl-6 {
    padding-top: 3.5rem !important;
  }
  .pt-xl-7 {
    padding-top: 6rem !important;
  }
  .pt-xl-8 {
    padding-top: 7rem !important;
  }
  .pt-xl-9 {
    padding-top: 10rem !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.6rem !important;
  }
  .pe-xl-5 {
    padding-left: 3rem !important;
  }
  .pe-xl-6 {
    padding-left: 3.5rem !important;
  }
  .pe-xl-7 {
    padding-left: 6rem !important;
  }
  .pe-xl-8 {
    padding-left: 7rem !important;
  }
  .pe-xl-9 {
    padding-left: 10rem !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.6rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 3.5rem !important;
  }
  .pb-xl-7 {
    padding-bottom: 6rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 7rem !important;
  }
  .pb-xl-9 {
    padding-bottom: 10rem !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.6rem !important;
  }
  .ps-xl-5 {
    padding-right: 3rem !important;
  }
  .ps-xl-6 {
    padding-right: 3.5rem !important;
  }
  .ps-xl-7 {
    padding-right: 6rem !important;
  }
  .ps-xl-8 {
    padding-right: 7rem !important;
  }
  .ps-xl-9 {
    padding-right: 10rem !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.6rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .gap-xl-6 {
    gap: 3.5rem !important;
  }
  .gap-xl-7 {
    gap: 6rem !important;
  }
  .gap-xl-8 {
    gap: 7rem !important;
  }
  .gap-xl-9 {
    gap: 10rem !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.6rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .row-gap-xl-6 {
    row-gap: 3.5rem !important;
  }
  .row-gap-xl-7 {
    row-gap: 6rem !important;
  }
  .row-gap-xl-8 {
    row-gap: 7rem !important;
  }
  .row-gap-xl-9 {
    row-gap: 10rem !important;
  }
  .column-gap-xl-0 {
    -webkit-column-gap: 0 !important;
       -moz-column-gap: 0 !important;
            column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -webkit-column-gap: 0.25rem !important;
       -moz-column-gap: 0.25rem !important;
            column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -webkit-column-gap: 0.5rem !important;
       -moz-column-gap: 0.5rem !important;
            column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -webkit-column-gap: 1rem !important;
       -moz-column-gap: 1rem !important;
            column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -webkit-column-gap: 1.6rem !important;
       -moz-column-gap: 1.6rem !important;
            column-gap: 1.6rem !important;
  }
  .column-gap-xl-5 {
    -webkit-column-gap: 3rem !important;
       -moz-column-gap: 3rem !important;
            column-gap: 3rem !important;
  }
  .column-gap-xl-6 {
    -webkit-column-gap: 3.5rem !important;
       -moz-column-gap: 3.5rem !important;
            column-gap: 3.5rem !important;
  }
  .column-gap-xl-7 {
    -webkit-column-gap: 6rem !important;
       -moz-column-gap: 6rem !important;
            column-gap: 6rem !important;
  }
  .column-gap-xl-8 {
    -webkit-column-gap: 7rem !important;
       -moz-column-gap: 7rem !important;
            column-gap: 7rem !important;
  }
  .column-gap-xl-9 {
    -webkit-column-gap: 10rem !important;
       -moz-column-gap: 10rem !important;
            column-gap: 10rem !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-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xxl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xxl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xxl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xxl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xxl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .order-xxl-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            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.6rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-6 {
    margin: 3.5rem !important;
  }
  .m-xxl-7 {
    margin: 6rem !important;
  }
  .m-xxl-8 {
    margin: 7rem !important;
  }
  .m-xxl-9 {
    margin: 10rem !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.6rem !important;
    margin-right: 1.6rem !important;
  }
  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xxl-6 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-xxl-7 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-xxl-8 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-xxl-9 {
    margin-left: 10rem !important;
    margin-right: 10rem !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.6rem !important;
    margin-bottom: 1.6rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-6 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-xxl-7 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-xxl-8 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-xxl-9 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !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.6rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-6 {
    margin-top: 3.5rem !important;
  }
  .mt-xxl-7 {
    margin-top: 6rem !important;
  }
  .mt-xxl-8 {
    margin-top: 7rem !important;
  }
  .mt-xxl-9 {
    margin-top: 10rem !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.6rem !important;
  }
  .me-xxl-5 {
    margin-left: 3rem !important;
  }
  .me-xxl-6 {
    margin-left: 3.5rem !important;
  }
  .me-xxl-7 {
    margin-left: 6rem !important;
  }
  .me-xxl-8 {
    margin-left: 7rem !important;
  }
  .me-xxl-9 {
    margin-left: 10rem !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.6rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-6 {
    margin-bottom: 3.5rem !important;
  }
  .mb-xxl-7 {
    margin-bottom: 6rem !important;
  }
  .mb-xxl-8 {
    margin-bottom: 7rem !important;
  }
  .mb-xxl-9 {
    margin-bottom: 10rem !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.6rem !important;
  }
  .ms-xxl-5 {
    margin-right: 3rem !important;
  }
  .ms-xxl-6 {
    margin-right: 3.5rem !important;
  }
  .ms-xxl-7 {
    margin-right: 6rem !important;
  }
  .ms-xxl-8 {
    margin-right: 7rem !important;
  }
  .ms-xxl-9 {
    margin-right: 10rem !important;
  }
  .ms-xxl-auto {
    margin-right: auto !important;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -1.6rem !important;
  }
  .m-xxl-n5 {
    margin: -3rem !important;
  }
  .m-xxl-n6 {
    margin: -3.5rem !important;
  }
  .m-xxl-n7 {
    margin: -6rem !important;
  }
  .m-xxl-n8 {
    margin: -7rem !important;
  }
  .m-xxl-n9 {
    margin: -10rem !important;
  }
  .mx-xxl-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .mx-xxl-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .mx-xxl-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .mx-xxl-n4 {
    margin-left: -1.6rem !important;
    margin-right: -1.6rem !important;
  }
  .mx-xxl-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .mx-xxl-n6 {
    margin-left: -3.5rem !important;
    margin-right: -3.5rem !important;
  }
  .mx-xxl-n7 {
    margin-left: -6rem !important;
    margin-right: -6rem !important;
  }
  .mx-xxl-n8 {
    margin-left: -7rem !important;
    margin-right: -7rem !important;
  }
  .mx-xxl-n9 {
    margin-left: -10rem !important;
    margin-right: -10rem !important;
  }
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-xxl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-xxl-n4 {
    margin-top: -1.6rem !important;
    margin-bottom: -1.6rem !important;
  }
  .my-xxl-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .my-xxl-n6 {
    margin-top: -3.5rem !important;
    margin-bottom: -3.5rem !important;
  }
  .my-xxl-n7 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }
  .my-xxl-n8 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }
  .my-xxl-n9 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }
  .mt-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xxl-n4 {
    margin-top: -1.6rem !important;
  }
  .mt-xxl-n5 {
    margin-top: -3rem !important;
  }
  .mt-xxl-n6 {
    margin-top: -3.5rem !important;
  }
  .mt-xxl-n7 {
    margin-top: -6rem !important;
  }
  .mt-xxl-n8 {
    margin-top: -7rem !important;
  }
  .mt-xxl-n9 {
    margin-top: -10rem !important;
  }
  .me-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .me-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  .me-xxl-n3 {
    margin-left: -1rem !important;
  }
  .me-xxl-n4 {
    margin-left: -1.6rem !important;
  }
  .me-xxl-n5 {
    margin-left: -3rem !important;
  }
  .me-xxl-n6 {
    margin-left: -3.5rem !important;
  }
  .me-xxl-n7 {
    margin-left: -6rem !important;
  }
  .me-xxl-n8 {
    margin-left: -7rem !important;
  }
  .me-xxl-n9 {
    margin-left: -10rem !important;
  }
  .mb-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-xxl-n4 {
    margin-bottom: -1.6rem !important;
  }
  .mb-xxl-n5 {
    margin-bottom: -3rem !important;
  }
  .mb-xxl-n6 {
    margin-bottom: -3.5rem !important;
  }
  .mb-xxl-n7 {
    margin-bottom: -6rem !important;
  }
  .mb-xxl-n8 {
    margin-bottom: -7rem !important;
  }
  .mb-xxl-n9 {
    margin-bottom: -10rem !important;
  }
  .ms-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .ms-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .ms-xxl-n3 {
    margin-right: -1rem !important;
  }
  .ms-xxl-n4 {
    margin-right: -1.6rem !important;
  }
  .ms-xxl-n5 {
    margin-right: -3rem !important;
  }
  .ms-xxl-n6 {
    margin-right: -3.5rem !important;
  }
  .ms-xxl-n7 {
    margin-right: -6rem !important;
  }
  .ms-xxl-n8 {
    margin-right: -7rem !important;
  }
  .ms-xxl-n9 {
    margin-right: -10rem !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.6rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .p-xxl-6 {
    padding: 3.5rem !important;
  }
  .p-xxl-7 {
    padding: 6rem !important;
  }
  .p-xxl-8 {
    padding: 7rem !important;
  }
  .p-xxl-9 {
    padding: 10rem !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.6rem !important;
    padding-right: 1.6rem !important;
  }
  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-xxl-6 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-xxl-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-xxl-8 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-xxl-9 {
    padding-left: 10rem !important;
    padding-right: 10rem !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.6rem !important;
    padding-bottom: 1.6rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xxl-6 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-xxl-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-xxl-8 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-xxl-9 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !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.6rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pt-xxl-6 {
    padding-top: 3.5rem !important;
  }
  .pt-xxl-7 {
    padding-top: 6rem !important;
  }
  .pt-xxl-8 {
    padding-top: 7rem !important;
  }
  .pt-xxl-9 {
    padding-top: 10rem !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.6rem !important;
  }
  .pe-xxl-5 {
    padding-left: 3rem !important;
  }
  .pe-xxl-6 {
    padding-left: 3.5rem !important;
  }
  .pe-xxl-7 {
    padding-left: 6rem !important;
  }
  .pe-xxl-8 {
    padding-left: 7rem !important;
  }
  .pe-xxl-9 {
    padding-left: 10rem !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.6rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .pb-xxl-6 {
    padding-bottom: 3.5rem !important;
  }
  .pb-xxl-7 {
    padding-bottom: 6rem !important;
  }
  .pb-xxl-8 {
    padding-bottom: 7rem !important;
  }
  .pb-xxl-9 {
    padding-bottom: 10rem !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.6rem !important;
  }
  .ps-xxl-5 {
    padding-right: 3rem !important;
  }
  .ps-xxl-6 {
    padding-right: 3.5rem !important;
  }
  .ps-xxl-7 {
    padding-right: 6rem !important;
  }
  .ps-xxl-8 {
    padding-right: 7rem !important;
  }
  .ps-xxl-9 {
    padding-right: 10rem !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.6rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .gap-xxl-6 {
    gap: 3.5rem !important;
  }
  .gap-xxl-7 {
    gap: 6rem !important;
  }
  .gap-xxl-8 {
    gap: 7rem !important;
  }
  .gap-xxl-9 {
    gap: 10rem !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.6rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .row-gap-xxl-6 {
    row-gap: 3.5rem !important;
  }
  .row-gap-xxl-7 {
    row-gap: 6rem !important;
  }
  .row-gap-xxl-8 {
    row-gap: 7rem !important;
  }
  .row-gap-xxl-9 {
    row-gap: 10rem !important;
  }
  .column-gap-xxl-0 {
    -webkit-column-gap: 0 !important;
       -moz-column-gap: 0 !important;
            column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -webkit-column-gap: 0.25rem !important;
       -moz-column-gap: 0.25rem !important;
            column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -webkit-column-gap: 0.5rem !important;
       -moz-column-gap: 0.5rem !important;
            column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -webkit-column-gap: 1rem !important;
       -moz-column-gap: 1rem !important;
            column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -webkit-column-gap: 1.6rem !important;
       -moz-column-gap: 1.6rem !important;
            column-gap: 1.6rem !important;
  }
  .column-gap-xxl-5 {
    -webkit-column-gap: 3rem !important;
       -moz-column-gap: 3rem !important;
            column-gap: 3rem !important;
  }
  .column-gap-xxl-6 {
    -webkit-column-gap: 3.5rem !important;
       -moz-column-gap: 3.5rem !important;
            column-gap: 3.5rem !important;
  }
  .column-gap-xxl-7 {
    -webkit-column-gap: 6rem !important;
       -moz-column-gap: 6rem !important;
            column-gap: 6rem !important;
  }
  .column-gap-xxl-8 {
    -webkit-column-gap: 7rem !important;
       -moz-column-gap: 7rem !important;
            column-gap: 7rem !important;
  }
  .column-gap-xxl-9 {
    -webkit-column-gap: 10rem !important;
       -moz-column-gap: 10rem !important;
            column-gap: 10rem !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.8125rem !important;
  }
  .fs-2 {
    font-size: 2.34375rem !important;
  }
  .fs-3 {
    font-size: 1.875rem !important;
  }
  .fs-4 {
    font-size: 1.640625rem !important;
  }
  .fs-5 {
    font-size: 1.3125rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
.min-w-auto {
  min-width: auto !important;
}

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

.h-20px {
  height: 20px !important;
}

.h-30px {
  height: 30px !important;
}

.h-40px {
  height: 40px !important;
}

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

.h-60px {
  height: 60px !important;
}

.h-70px {
  height: 70px !important;
}

.h-90px {
  height: 90px !important;
}

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

.h-200px {
  height: 200px !important;
}

.h-300px {
  height: 300px !important;
}

.h-350px {
  height: 350px !important;
}

.h-400px {
  height: 400px !important;
}

.h-500px {
  height: 500px !important;
}

.h-600px {
  height: 600px !important;
}

.h-700px {
  height: 700px !important;
}

.w-40px {
  width: 40px !important;
}

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

.w-60px {
  width: 60px !important;
}

.w-70px {
  width: 70px !important;
}

.w-80px {
  width: 80px !important;
}

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

.w-150px {
  width: 150px !important;
}

.w-200px {
  width: 200px !important;
}

.w-280px {
  width: 280px !important;
}

.w-400px {
  width: 400px !important;
}

.bg-opacity-15 {
  --bs-bg-opacity: 0.15;
}

.fill-primary {
  fill: #066ac9 !important;
}

.fill-white {
  fill: var(--bs-white) !important;
}

.fill-secondary {
  fill: #9a9ea4 !important;
}

.fill-success {
  fill: #0cbc87 !important;
}

.fill-info {
  fill: #17a2b8 !important;
}

.fill-warning {
  fill: #f7c32e !important;
}

.fill-danger {
  fill: #d6293e !important;
}

.fill-light {
  fill: #f5f7f9 !important;
}

.fill-dark {
  fill: #24292d !important;
}

.fill-orange {
  fill: #fd7e14 !important;
}

.fill-purple {
  fill: #6f42c1 !important;
}

.fill-blue {
  fill: #1d3b53 !important;
}

.fill-body {
  fill: var(--bs-body-bg) !important;
}

.z-index-0 {
  z-index: 0 !important;
}

.z-index-1 {
  z-index: 1 !important;
}

.z-index-9 {
  z-index: 9 !important;
}

.z-index-99 {
  z-index: 99 !important;
}

.z-index-n1 {
  z-index: -1 !important;
}

.z-index-n9 {
  z-index: -9 !important;
}

.rotate-10 {
  -webkit-transform: rotate(-10deg) !important;
          transform: rotate(-10deg) !important;
}

.rotate-74 {
  -webkit-transform: rotate(-74deg) !important;
          transform: rotate(-74deg) !important;
}

.rotate-130 {
  -webkit-transform: rotate(-130deg) !important;
          transform: rotate(-130deg) !important;
}

.rotate-180 {
  -webkit-transform: rotate(-180deg) !important;
          transform: rotate(-180deg) !important;
}

.rotate-186 {
  -webkit-transform: rotate(-186deg) !important;
          transform: rotate(-186deg) !important;
}

.rotate-193 {
  -webkit-transform: rotate(-193deg) !important;
          transform: rotate(-193deg) !important;
}

.border-dashed {
  border-style: dashed !important;
}

.rounded-4 {
  border-radius: 1rem !important;
}

.rounded-top-4 {
  border-top-right-radius: 1rem !important;
  border-top-left-radius: 1rem !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}

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

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

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

.opacity-2 {
  opacity: 0.2 !important;
}

.opacity-3 {
  opacity: 0.3 !important;
}

.opacity-4 {
  opacity: 0.4 !important;
}

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

.opacity-6 {
  opacity: 0.6 !important;
}

.opacity-7 {
  opacity: 0.7 !important;
}

.opacity-8 {
  opacity: 0.8 !important;
}

.opacity-9 {
  opacity: 0.9 !important;
}

@media (min-width: 576px) {
  .vh-sm-100 {
    height: 100vh !important;
  }
  .h-sm-20px {
    height: 20px !important;
  }
  .h-sm-30px {
    height: 30px !important;
  }
  .h-sm-40px {
    height: 40px !important;
  }
  .h-sm-50px {
    height: 50px !important;
  }
  .h-sm-60px {
    height: 60px !important;
  }
  .h-sm-70px {
    height: 70px !important;
  }
  .h-sm-90px {
    height: 90px !important;
  }
  .h-sm-100px {
    height: 100px !important;
  }
  .h-sm-200px {
    height: 200px !important;
  }
  .h-sm-300px {
    height: 300px !important;
  }
  .h-sm-350px {
    height: 350px !important;
  }
  .h-sm-400px {
    height: 400px !important;
  }
  .h-sm-500px {
    height: 500px !important;
  }
  .h-sm-600px {
    height: 600px !important;
  }
  .h-sm-700px {
    height: 700px !important;
  }
  .w-sm-40px {
    width: 40px !important;
  }
  .w-sm-50px {
    width: 50px !important;
  }
  .w-sm-60px {
    width: 60px !important;
  }
  .w-sm-70px {
    width: 70px !important;
  }
  .w-sm-80px {
    width: 80px !important;
  }
  .w-sm-100px {
    width: 100px !important;
  }
  .w-sm-150px {
    width: 150px !important;
  }
  .w-sm-200px {
    width: 200px !important;
  }
  .w-sm-280px {
    width: 280px !important;
  }
  .w-sm-400px {
    width: 400px !important;
  }
}
@media (min-width: 768px) {
  .vh-md-100 {
    height: 100vh !important;
  }
  .h-md-20px {
    height: 20px !important;
  }
  .h-md-30px {
    height: 30px !important;
  }
  .h-md-40px {
    height: 40px !important;
  }
  .h-md-50px {
    height: 50px !important;
  }
  .h-md-60px {
    height: 60px !important;
  }
  .h-md-70px {
    height: 70px !important;
  }
  .h-md-90px {
    height: 90px !important;
  }
  .h-md-100px {
    height: 100px !important;
  }
  .h-md-200px {
    height: 200px !important;
  }
  .h-md-300px {
    height: 300px !important;
  }
  .h-md-350px {
    height: 350px !important;
  }
  .h-md-400px {
    height: 400px !important;
  }
  .h-md-500px {
    height: 500px !important;
  }
  .h-md-600px {
    height: 600px !important;
  }
  .h-md-700px {
    height: 700px !important;
  }
  .w-md-40px {
    width: 40px !important;
  }
  .w-md-50px {
    width: 50px !important;
  }
  .w-md-60px {
    width: 60px !important;
  }
  .w-md-70px {
    width: 70px !important;
  }
  .w-md-80px {
    width: 80px !important;
  }
  .w-md-100px {
    width: 100px !important;
  }
  .w-md-150px {
    width: 150px !important;
  }
  .w-md-200px {
    width: 200px !important;
  }
  .w-md-280px {
    width: 280px !important;
  }
  .w-md-400px {
    width: 400px !important;
  }
}
@media (min-width: 992px) {
  .vh-lg-100 {
    height: 100vh !important;
  }
  .h-lg-20px {
    height: 20px !important;
  }
  .h-lg-30px {
    height: 30px !important;
  }
  .h-lg-40px {
    height: 40px !important;
  }
  .h-lg-50px {
    height: 50px !important;
  }
  .h-lg-60px {
    height: 60px !important;
  }
  .h-lg-70px {
    height: 70px !important;
  }
  .h-lg-90px {
    height: 90px !important;
  }
  .h-lg-100px {
    height: 100px !important;
  }
  .h-lg-200px {
    height: 200px !important;
  }
  .h-lg-300px {
    height: 300px !important;
  }
  .h-lg-350px {
    height: 350px !important;
  }
  .h-lg-400px {
    height: 400px !important;
  }
  .h-lg-500px {
    height: 500px !important;
  }
  .h-lg-600px {
    height: 600px !important;
  }
  .h-lg-700px {
    height: 700px !important;
  }
  .w-lg-40px {
    width: 40px !important;
  }
  .w-lg-50px {
    width: 50px !important;
  }
  .w-lg-60px {
    width: 60px !important;
  }
  .w-lg-70px {
    width: 70px !important;
  }
  .w-lg-80px {
    width: 80px !important;
  }
  .w-lg-100px {
    width: 100px !important;
  }
  .w-lg-150px {
    width: 150px !important;
  }
  .w-lg-200px {
    width: 200px !important;
  }
  .w-lg-280px {
    width: 280px !important;
  }
  .w-lg-400px {
    width: 400px !important;
  }
}
@media (min-width: 1200px) {
  .vh-xl-100 {
    height: 100vh !important;
  }
  .h-xl-20px {
    height: 20px !important;
  }
  .h-xl-30px {
    height: 30px !important;
  }
  .h-xl-40px {
    height: 40px !important;
  }
  .h-xl-50px {
    height: 50px !important;
  }
  .h-xl-60px {
    height: 60px !important;
  }
  .h-xl-70px {
    height: 70px !important;
  }
  .h-xl-90px {
    height: 90px !important;
  }
  .h-xl-100px {
    height: 100px !important;
  }
  .h-xl-200px {
    height: 200px !important;
  }
  .h-xl-300px {
    height: 300px !important;
  }
  .h-xl-350px {
    height: 350px !important;
  }
  .h-xl-400px {
    height: 400px !important;
  }
  .h-xl-500px {
    height: 500px !important;
  }
  .h-xl-600px {
    height: 600px !important;
  }
  .h-xl-700px {
    height: 700px !important;
  }
  .w-xl-40px {
    width: 40px !important;
  }
  .w-xl-50px {
    width: 50px !important;
  }
  .w-xl-60px {
    width: 60px !important;
  }
  .w-xl-70px {
    width: 70px !important;
  }
  .w-xl-80px {
    width: 80px !important;
  }
  .w-xl-100px {
    width: 100px !important;
  }
  .w-xl-150px {
    width: 150px !important;
  }
  .w-xl-200px {
    width: 200px !important;
  }
  .w-xl-280px {
    width: 280px !important;
  }
  .w-xl-400px {
    width: 400px !important;
  }
}
@media (min-width: 1400px) {
  .vh-xxl-100 {
    height: 100vh !important;
  }
  .h-xxl-20px {
    height: 20px !important;
  }
  .h-xxl-30px {
    height: 30px !important;
  }
  .h-xxl-40px {
    height: 40px !important;
  }
  .h-xxl-50px {
    height: 50px !important;
  }
  .h-xxl-60px {
    height: 60px !important;
  }
  .h-xxl-70px {
    height: 70px !important;
  }
  .h-xxl-90px {
    height: 90px !important;
  }
  .h-xxl-100px {
    height: 100px !important;
  }
  .h-xxl-200px {
    height: 200px !important;
  }
  .h-xxl-300px {
    height: 300px !important;
  }
  .h-xxl-350px {
    height: 350px !important;
  }
  .h-xxl-400px {
    height: 400px !important;
  }
  .h-xxl-500px {
    height: 500px !important;
  }
  .h-xxl-600px {
    height: 600px !important;
  }
  .h-xxl-700px {
    height: 700px !important;
  }
  .w-xxl-40px {
    width: 40px !important;
  }
  .w-xxl-50px {
    width: 50px !important;
  }
  .w-xxl-60px {
    width: 60px !important;
  }
  .w-xxl-70px {
    width: 70px !important;
  }
  .w-xxl-80px {
    width: 80px !important;
  }
  .w-xxl-100px {
    width: 100px !important;
  }
  .w-xxl-150px {
    width: 150px !important;
  }
  .w-xxl-200px {
    width: 200px !important;
  }
  .w-xxl-280px {
    width: 280px !important;
  }
  .w-xxl-400px {
    width: 400px !important;
  }
}
.accordion .accordion-button {
  text-align: right;
}

.accordion .accordion-item {
  color: var(--bs-body-color);
}
.accordion.accordion-icon .accordion-header {
  position: relative;
}
.accordion.accordion-icon .accordion-header .accordion-button {
  background: transparent;
  border: none;
}
.accordion.accordion-icon .accordion-header .accordion-button:after {
  content: "";
  background: var(--bs-gray-800) !important;
  width: 10px;
  height: 2px;
  display: block;
  position: absolute;
  top: 47%;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
  z-index: 9;
}
.accordion.accordion-icon .accordion-header .accordion-button:before {
  content: "";
  background: var(--bs-gray-800) !important;
  width: 10px;
  height: 2px;
  display: block;
  position: absolute;
  top: 47%;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
  z-index: 9;
}
.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=false]:after {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
}
.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true]:before {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.accordion.accordion-icon .accordion-collapse {
  border: none;
}
.accordion.accordion-icon .accordion-body {
  padding: 0.2rem 1rem 0.5rem 0.5rem;
}

.accordion.accordion-circle .accordion-item {
  border-radius: 0.325rem !important;
  border: 1px solid rgba(154, 158, 164, 0.2);
}
.accordion.accordion-circle .accordion-item:not(:first-of-type) {
  border-top: 1px solid rgba(154, 158, 164, 0.2);
}
.accordion.accordion-circle .accordion-header {
  position: relative;
}
.accordion.accordion-circle .accordion-header .accordion-button {
  background: transparent;
  color: var(--bs-gray-800);
  border: none;
  font-size: inherit;
  padding-right: 2.7rem;
  background-color: transparent !important;
}
.accordion.accordion-circle .accordion-header .accordion-button:after {
  content: "";
  background: var(--bs-primary);
  width: 12px;
  height: 12px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 47%;
  right: 17px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.accordion.accordion-circle .accordion-header .accordion-button:before {
  content: "";
  background: var(--bs-white);
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.4);
          box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.4);
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 47%;
  right: 14px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.accordion.accordion-circle .accordion-header .accordion-button[aria-expanded=true]:after {
  visibility: visible;
}
.accordion.accordion-circle .accordion-header .accordion-button[aria-expanded=false]:after {
  visibility: hidden !important;
}
.accordion.accordion-circle .accordion-header .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.accordion.accordion-circle .accordion-collapse {
  border: none;
}
.accordion.accordion-circle .accordion-body {
  padding: 0.5rem 2rem 1.5rem 2rem;
}

@media (max-width: 575.98px) {
  .accordion-circle .accordion-body {
    padding: 0.6rem 1.5rem 0.5rem 1.5rem !important;
  }
  .accordion-circle .accordion-header .accordion-button {
    padding-right: 2.5rem !important;
  }
}
.accordion.accordion-bg-light .accordion-item {
  border: none;
  background-color: transparent;
}
.accordion.accordion-bg-light .accordion-button {
  background-color: var(--bs-light) !important;
  color: var(--bs-gray-800) !important;
}
.accordion.accordion-bg-light .accordion-button:after {
  background: var(--bs-dark) !important;
}
.accordion.accordion-bg-light .accordion-button:before {
  background: var(--bs-dark) !important;
}
.accordion.accordion-bg-light .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.accordion.accordion-border .accordion-item {
  border: none;
  background-color: transparent;
}
.accordion.accordion-border .accordion-button {
  border: 1px solid var(--bs-gray-300) !important;
  color: var(--bs-gray-800) !important;
}
.accordion.accordion-border .accordion-button:after {
  background: var(--bs-dark) !important;
}
.accordion.accordion-border .accordion-button:before {
  background: var(--bs-dark) !important;
}
.accordion.accordion-border .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.accordion.accordion-shadow .accordion-item {
  border: none;
}
.accordion.accordion-shadow .accordion-button {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-gray-800) !important;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);
          box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);
}
.accordion.accordion-shadow .accordion-button:after {
  background: var(--bs-dark) !important;
}
.accordion.accordion-shadow .accordion-button:before {
  background: var(--bs-dark) !important;
}
.accordion.accordion-shadow .accordion-button:not(.collapsed) {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);
          box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);
}

@media (max-width: 575.98px) {
  .accordion-icon .accordion-body {
    padding: 0.6rem 0.5rem 0.5rem 0.5rem !important;
  }
  .accordion-header .accordion-button {
    padding-right: 1.3rem !important;
  }
}
.accordion-flush .accordion-item {
  background-color: transparent;
}

.accordion-flush .accordion-button {
  padding: 1rem 0rem;
  background-color: transparent;
}

.accordion-flush .accordion-button:after {
  background-size: 0.825rem;
  width: 0.825rem;
  height: 0.825rem;
}

.accordion-flush .accordion-button:not(.collapsed) {
  color: var(--bs-gray-800);
  background-color: transparent;
}

.accordion.accordion-flush .accordion-header .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.accordion.accordion-flush.accordion-body {
  padding: 0.5rem 1.5rem;
}

.accordion-flush .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23747579'%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");
}

.accordion-flush .accordion-button[aria-expanded=true]::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23747579'%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");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (min-width: 768px) {
  .accordion.accordion-flush .accordion-body {
    padding: 0.825rem 2rem;
  }
}
.accordion.accordion-flush-light .accordion-item {
  background-color: transparent;
  border-bottom: 1px solid rgba(154, 158, 164, 0.1);
}

.accordion.accordion-flush-light .accordion-header .accordion-button {
  background: transparent;
  padding: 15px;
  border: none;
  color: var(--bs-gray-800);
}

.accordion.accordion-flush-light .accordion-button[aria-expanded=true] {
  background-color: var(--bs-light);
  color: var(--bs-gray-800);
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0.325rem;
}

.accordion.accordion-active-dark .accordion-item {
  border-radius: 0.325rem;
}
.accordion.accordion-active-dark .accordion-item:not(:first-of-type) {
  border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion.accordion-active-dark .accordion-item .accordion-button {
  background-color: var(--bs-light);
}
.accordion.accordion-active-dark .accordion-item .accordion-button[aria-expanded=true] {
  background: var(--bs-dark) !important;
  color: var(--bs-white);
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.accordion.accordion-active-dark .accordion-item .accordion-button[aria-expanded=true]:after {
  background: var(--bs-white) !important;
}
.accordion.accordion-active-dark .accordion-item .accordion-button[aria-expanded=true]:before {
  background: var(--bs-white) !important;
}

.breadcrumb-item a {
  color: var(--bs-body-color);
}
.breadcrumb-item a:hover {
  color: var(--bs-primary);
}

.breadcrumb.breadcrumb-dark .breadcrumb-item a {
  color: var(--bs-gray-400);
}
.breadcrumb.breadcrumb-dark .breadcrumb-item a:hover {
  color: var(--bs-primary);
}
.breadcrumb.breadcrumb-dark .breadcrumb-item.active {
  color: var(--bs-gray-400);
}

.breadcrumb.breadcrumb-dots .breadcrumb-item + .breadcrumb-item::before {
  content: "•";
  font-size: 22px;
  line-height: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn {
 /* letter-spacing: 0.5px;*/
  position: relative;
  overflow: hidden;
  outline: 0;
  white-space: nowrap;
  margin-bottom: 6px;
}

.input-group .btn {
  margin-bottom: 0;
}

.btn-xs {
  padding: 0.4rem 0.6rem;
  font-size: 0.6rem;
  line-height: 1.2;
  border-radius: 0.325rem;
}

.btn-light {
  background: var(--bs-light);
  border-color: var(--bs-light);
  color: var(--bs-gray-900);
}
.btn-light.active, .btn-light:active, .btn-light:focus, .btn-light:hover {
  background: var(--bs-gray-200);
  border-color: var(--bs-gray-200);
  color: var(--bs-gray-900);
}

.btn-white {
  background: #fff;
  color: #24292d;
}
.btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover {
  background: #eff1f2;
  color: #24292d;
  border-color: #eff1f2;
}

.btn-outline-white {
  background: transparent;
  border-color: #fff;
  color: #fff;
}
.btn-outline-white.active, .btn-outline-white:active, .btn-outline-white:focus, .btn-outline-white:hover {
  color: #24292d;
  background: #fff;
}

.btn-outline-light {
  background: transparent;
  border-color: var(--bs-gray-400);
  color: var(--bs-body-color);
}
.btn-outline-light:active, .btn-outline-light:hover, .btn-outline-light:focus {
  background: var(--bs-gray-400);
  border-color: var(--bs-gray-400);
  color: var(--bs-gray-800);
}

.btn-check:checked + .btn-outline-light {
  background: var(--bs-gray-400);
  border-color: var(--bs-gray-400);
  color: var(--bs-gray-800);
}

.btn-round {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  padding: 0;
  text-align: center;
}
.btn-round i {
  margin: 0;
}
.btn-round .fa-play {
  padding-right: 3px;
}
.btn-round.btn-lg, .btn-group-lg > .btn-round.btn {
  height: 55px;
  width: 55px;
  line-height: 55px;
}
.btn-round.btn-sm, .btn-group-sm > .btn-round.btn {
  height: 32px;
  width: 32px;
  line-height: 30px;
}
.btn-round.btn-sm i, .btn-group-sm > .btn-round.btn i {
  font-size: 0.6rem;
}

.btn-round .fa-play{
  padding-left: 3px;
  padding-right: 0;
}
.btn-primary-soft {
  color: #066ac9;
  background-color: rgba(6, 106, 201, 0.1);
}
.btn-primary-soft:active, .btn-primary-soft:hover {
  color: #fff !important;
  background-color: #066ac9 !important;
  border-color: #066ac9 !important;
}
.btn-primary-soft:focus {
  color: #066ac9;
  background-color: rgba(6, 106, 201, 0.1);
  border-color: transparent;
}

.btn-white-soft {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.btn-white-soft:active, .btn-white-soft:hover {
  color: #000 !important;
  background-color: #fff !important;
  border-color: #fff !important;
}
.btn-white-soft:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: transparent;
}

.btn-secondary-soft {
  color: #9a9ea4;
  background-color: rgba(154, 158, 164, 0.1);
}
.btn-secondary-soft:active, .btn-secondary-soft:hover {
  color: #fff !important;
  background-color: #9a9ea4 !important;
  border-color: #9a9ea4 !important;
}
.btn-secondary-soft:focus {
  color: #9a9ea4;
  background-color: rgba(154, 158, 164, 0.1);
  border-color: transparent;
}

.btn-success-soft {
  color: #0cbc87;
  background-color: rgba(12, 188, 135, 0.1);
}
.btn-success-soft:active, .btn-success-soft:hover {
  color: #fff !important;
  background-color: #0cbc87 !important;
  border-color: #0cbc87 !important;
}
.btn-success-soft:focus {
  color: #0cbc87;
  background-color: rgba(12, 188, 135, 0.1);
  border-color: transparent;
}

.btn-info-soft {
  color: #17a2b8;
  background-color: rgba(23, 162, 184, 0.1);
}
.btn-info-soft:active, .btn-info-soft:hover {
  color: #fff !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}
.btn-info-soft:focus {
  color: #17a2b8;
  background-color: rgba(23, 162, 184, 0.1);
  border-color: transparent;
}

.btn-warning-soft {
  color: #f7c32e;
  background-color: rgba(247, 195, 46, 0.1);
}
.btn-warning-soft:active, .btn-warning-soft:hover {
  color: #000 !important;
  background-color: #f7c32e !important;
  border-color: #f7c32e !important;
}
.btn-warning-soft:focus {
  color: #f7c32e;
  background-color: rgba(247, 195, 46, 0.1);
  border-color: transparent;
}

.btn-danger-soft {
  color: #d6293e;
  background-color: rgba(214, 41, 62, 0.1);
}
.btn-danger-soft:active, .btn-danger-soft:hover {
  color: #fff !important;
  background-color: #d6293e !important;
  border-color: #d6293e !important;
}
.btn-danger-soft:focus {
  color: #d6293e;
  background-color: rgba(214, 41, 62, 0.1);
  border-color: transparent;
}

.btn-light-soft {
  color: #f5f7f9;
  background-color: rgba(245, 247, 249, 0.1);
}
.btn-light-soft:active, .btn-light-soft:hover {
  color: #000 !important;
  background-color: #f5f7f9 !important;
  border-color: #f5f7f9 !important;
}
.btn-light-soft:focus {
  color: #f5f7f9;
  background-color: rgba(245, 247, 249, 0.1);
  border-color: transparent;
}

.btn-dark-soft {
  color: #24292d;
  background-color: rgba(36, 41, 45, 0.1);
}
.btn-dark-soft:active, .btn-dark-soft:hover {
  color: #fff !important;
  background-color: #24292d !important;
  border-color: #24292d !important;
}
.btn-dark-soft:focus {
  color: #24292d;
  background-color: rgba(36, 41, 45, 0.1);
  border-color: transparent;
}

.btn-orange-soft {
  color: #fd7e14;
  background-color: rgba(253, 126, 20, 0.1);
}
.btn-orange-soft:active, .btn-orange-soft:hover {
  color: #fff !important;
  background-color: #fd7e14 !important;
  border-color: #fd7e14 !important;
}
.btn-orange-soft:focus {
  color: #fd7e14;
  background-color: rgba(253, 126, 20, 0.1);
  border-color: transparent;
}

.btn-purple-soft {
  color: #6f42c1;
  background-color: rgba(111, 66, 193, 0.1);
}
.btn-purple-soft:active, .btn-purple-soft:hover {
  color: #fff !important;
  background-color: #6f42c1 !important;
  border-color: #6f42c1 !important;
}
.btn-purple-soft:focus {
  color: #6f42c1;
  background-color: rgba(111, 66, 193, 0.1);
  border-color: transparent;
}

.btn-blue-soft {
  color: #1d3b53;
  background-color: rgba(29, 59, 83, 0.1);
}
.btn-blue-soft:active, .btn-blue-soft:hover {
  color: #fff !important;
  background-color: #1d3b53 !important;
  border-color: #1d3b53 !important;
}
.btn-blue-soft:focus {
  color: #1d3b53;
  background-color: rgba(29, 59, 83, 0.1);
  border-color: transparent;
}

.btn-primary-shadow {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  -webkit-box-shadow: 0 0 0 8px rgba(6, 106, 201, 0.4);
          box-shadow: 0 0 0 8px rgba(6, 106, 201, 0.4);
  background-color: #066ac9;
}
.btn-primary-shadow:active, .btn-primary-shadow:hover {
  color: #fff;
  background-color: #066ac9;
  border-color: #2b80d1;
  -webkit-box-shadow: 0 0 0 10px rgba(6, 106, 201, 0.4);
          box-shadow: 0 0 0 10px rgba(6, 106, 201, 0.4);
}
.btn-check:focus + .btn-primary-shadow, .btn-primary-shadow:focus {
  color: #fff;
  background-color: #066ac9;
  border-color: #2b80d1;
  -webkit-box-shadow: 0 0 0 10px rgba(6, 106, 201, 0.4);
          box-shadow: 0 0 0 10px rgba(6, 106, 201, 0.4);
}

.btn-white-shadow {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);
          box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);
  background-color: #fff;
}
.btn-white-shadow:active, .btn-white-shadow:hover {
  color: #000;
  background-color: #fff;
  border-color: #d9d9d9;
  -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
          box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
}
.btn-check:focus + .btn-white-shadow, .btn-white-shadow:focus {
  color: #000;
  background-color: #fff;
  border-color: #d9d9d9;
  -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
          box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
}

.btn-secondary-shadow {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  -webkit-box-shadow: 0 0 0 8px rgba(154, 158, 164, 0.4);
          box-shadow: 0 0 0 8px rgba(154, 158, 164, 0.4);
  background-color: #9a9ea4;
}
.btn-secondary-shadow:active, .btn-secondary-shadow:hover {
  color: #fff;
  background-color: #9a9ea4;
  border-color: #a9adb2;
  -webkit-box-shadow: 0 0 0 10px rgba(154, 158, 164, 0.4);
          box-shadow: 0 0 0 10px rgba(154, 158, 164, 0.4);
}
.btn-check:focus + .btn-secondary-shadow, .btn-secondary-shadow:focus {
  color: #fff;
  background-color: #9a9ea4;
  border-color: #a9adb2;
  -webkit-box-shadow: 0 0 0 10px rgba(154, 158, 164, 0.4);
          box-shadow: 0 0 0 10px rgba(154, 158, 164, 0.4);
}

.btn-success-shadow {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  -webkit-box-shadow: 0 0 0 8px rgba(12, 188, 135, 0.4);
          box-shadow: 0 0 0 8px rgba(12, 188, 135, 0.4);
  background-color: #0cbc87;
}
.btn-success-shadow:active, .btn-success-shadow:hover {
  color: #fff;
  background-color: #0cbc87;
  border-color: #30c699;
  -webkit-box-shadow: 0 0 0 10px rgba(12, 188, 135, 0.4);
          box-shadow: 0 0 0 10px rgba(12, 188, 135, 0.4);
}
.btn-check:focus + .btn-success-shadow, .btn-success-shadow:focus {
  color: #fff;
  background-color: #0cbc87;
  border-color: #30c699;
  -webkit-box-shadow: 0 0 0 10px rgba(12, 188, 135, 0.4);
          box-shadow: 0 0 0 10px rgba(12, 188, 135, 0.4);
}

.btn-info-shadow {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  -webkit-box-shadow: 0 0 0 8px rgba(23, 162, 184, 0.4);
          box-shadow: 0 0 0 8px rgba(23, 162, 184, 0.4);
  background-color: #17a2b8;
}
.btn-info-shadow:active, .btn-info-shadow:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #3ab0c3;
  -webkit-box-shadow: 0 0 0 10px rgba(23, 162, 184, 0.4);
          box-shadow: 0 0 0 10px rgba(23, 162, 184, 0.4);
}
.btn-check:focus + .btn-info-shadow, .btn-info-shadow:focus {
  color: #fff;
  background-color: #17a2b8;
  border-color: #3ab0c3;
  -webkit-box-shadow: 0 0 0 10px rgba(23, 162, 184, 0.4);
          box-shadow: 0 0 0 10px rgba(23, 162, 184, 0.4);
}

.btn-warning-shadow {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  -webkit-box-shadow: 0 0 0 8px rgba(247, 195, 46, 0.4);
          box-shadow: 0 0 0 8px rgba(247, 195, 46, 0.4);
  background-color: #f7c32e;
}
.btn-warning-shadow:active, .btn-warning-shadow:hover {
  color: #000;
  background-color: #f7c32e;
  border-color: #f8cc4d;
  -webkit-box-shadow: 0 0 0 10px rgba(247, 195, 46, 0.4);
          box-shadow: 0 0 0 10px rgba(247, 195, 46, 0.4);
}
.btn-check:focus + .btn-warning-shadow, .btn-warning-shadow:focus {
  color: #000;
  background-color: #f7c32e;
  border-color: #f8cc4d;
  -webkit-box-shadow: 0 0 0 10px rgba(247, 195, 46, 0.4);
          box-shadow: 0 0 0 10px rgba(247, 195, 46, 0.4);
}

.btn-danger-shadow {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  -webkit-box-shadow: 0 0 0 8px rgba(214, 41, 62, 0.4);
          box-shadow: 0 0 0 8px rgba(214, 41, 62, 0.4);
  background-color: #d6293e;
}
.btn-danger-shadow:active, .btn-danger-shadow:hover {
  color: #fff;
  background-color: #d6293e;
  border-color: #dc495b;
  -webkit-box-shadow: 0 0 0 10px rgba(214, 41, 62, 0.4);
          box-shadow: 0 0 0 10px rgba(214, 41, 62, 0.4);
}
.btn-check:focus + .btn-danger-shadow, .btn-danger-shadow:focus {
  color: #fff;
  background-color: #d6293e;
  border-color: #dc495b;
  -webkit-box-shadow: 0 0 0 10px rgba(214, 41, 62, 0.4);
          box-shadow: 0 0 0 10px rgba(214, 41, 62, 0.4);
}

.btn-light-shadow {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  -webkit-box-shadow: 0 0 0 8px rgba(245, 247, 249, 0.4);
          box-shadow: 0 0 0 8px rgba(245, 247, 249, 0.4);
  background-color: #f5f7f9;
}
.btn-light-shadow:active, .btn-light-shadow:hover {
  color: #000;
  background-color: #f5f7f9;
  border-color: #f7f8fa;
  -webkit-box-shadow: 0 0 0 10px rgba(245, 247, 249, 0.4);
          box-shadow: 0 0 0 10px rgba(245, 247, 249, 0.4);
}
.btn-check:focus + .btn-light-shadow, .btn-light-shadow:focus {
  color: #000;
  background-color: #f5f7f9;
  border-color: #f7f8fa;
  -webkit-box-shadow: 0 0 0 10px rgba(245, 247, 249, 0.4);
          box-shadow: 0 0 0 10px rgba(245, 247, 249, 0.4);
}

.btn-dark-shadow {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  -webkit-box-shadow: 0 0 0 8px rgba(36, 41, 45, 0.4);
          box-shadow: 0 0 0 8px rgba(36, 41, 45, 0.4);
  background-color: #24292d;
}
.btn-dark-shadow:active, .btn-dark-shadow:hover {
  color: #fff;
  background-color: #24292d;
  border-color: #45494d;
  -webkit-box-shadow: 0 0 0 10px rgba(36, 41, 45, 0.4);
          box-shadow: 0 0 0 10px rgba(36, 41, 45, 0.4);
}
.btn-check:focus + .btn-dark-shadow, .btn-dark-shadow:focus {
  color: #fff;
  background-color: #24292d;
  border-color: #45494d;
  -webkit-box-shadow: 0 0 0 10px rgba(36, 41, 45, 0.4);
          box-shadow: 0 0 0 10px rgba(36, 41, 45, 0.4);
}

.btn-orange-shadow {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  -webkit-box-shadow: 0 0 0 8px rgba(253, 126, 20, 0.4);
          box-shadow: 0 0 0 8px rgba(253, 126, 20, 0.4);
  background-color: #fd7e14;
}
.btn-orange-shadow:active, .btn-orange-shadow:hover {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd9137;
  -webkit-box-shadow: 0 0 0 10px rgba(253, 126, 20, 0.4);
          box-shadow: 0 0 0 10px rgba(253, 126, 20, 0.4);
}
.btn-check:focus + .btn-orange-shadow, .btn-orange-shadow:focus {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd9137;
  -webkit-box-shadow: 0 0 0 10px rgba(253, 126, 20, 0.4);
          box-shadow: 0 0 0 10px rgba(253, 126, 20, 0.4);
}

.btn-purple-shadow {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  -webkit-box-shadow: 0 0 0 8px rgba(111, 66, 193, 0.4);
          box-shadow: 0 0 0 8px rgba(111, 66, 193, 0.4);
  background-color: #6f42c1;
}
.btn-purple-shadow:active, .btn-purple-shadow:hover {
  color: #fff;
  background-color: #6f42c1;
  border-color: #855eca;
  -webkit-box-shadow: 0 0 0 10px rgba(111, 66, 193, 0.4);
          box-shadow: 0 0 0 10px rgba(111, 66, 193, 0.4);
}
.btn-check:focus + .btn-purple-shadow, .btn-purple-shadow:focus {
  color: #fff;
  background-color: #6f42c1;
  border-color: #855eca;
  -webkit-box-shadow: 0 0 0 10px rgba(111, 66, 193, 0.4);
          box-shadow: 0 0 0 10px rgba(111, 66, 193, 0.4);
}

.btn-blue-shadow {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  -webkit-box-shadow: 0 0 0 8px rgba(29, 59, 83, 0.4);
          box-shadow: 0 0 0 8px rgba(29, 59, 83, 0.4);
  background-color: #1d3b53;
}
.btn-blue-shadow:active, .btn-blue-shadow:hover {
  color: #fff;
  background-color: #1d3b53;
  border-color: #3f586d;
  -webkit-box-shadow: 0 0 0 10px rgba(29, 59, 83, 0.4);
          box-shadow: 0 0 0 10px rgba(29, 59, 83, 0.4);
}
.btn-check:focus + .btn-blue-shadow, .btn-blue-shadow:focus {
  color: #fff;
  background-color: #1d3b53;
  border-color: #3f586d;
  -webkit-box-shadow: 0 0 0 10px rgba(29, 59, 83, 0.4);
          box-shadow: 0 0 0 10px rgba(29, 59, 83, 0.4);
}

.btn-primary-soft-check:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.2);
  border-color: rgba(6, 106, 201, 0);
}

.btn-check:active + .btn-primary-soft-check, .btn-check:checked + .btn-primary-soft-check, .btn-primary-soft-check.active, .btn-primary-soft-check:active, .show > .btn-primary-soft-check.dropdown-toggle {
  background-color: rgba(var(--bs-primary-rgb), 0.2);
  color: var(--bs-primary);
  border-color: rgba(6, 106, 201, 0);
}

.btn-check:focus + .btn, .btn-round-shadow:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-more i {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-more[aria-expanded=true] i {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.btn-more .see-more {
  display: block;
}

.btn-more .see-less {
  display: none;
}

.btn-more[aria-expanded=true] .see-more {
  display: none;
}

.btn-more[aria-expanded=true] .see-less {
  display: block;
}

.btn-transition {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn-transition:focus, .btn-transition:hover {
  -webkit-transform: translateY(-0.1875rem);
  transform: translateY(-0.1875rem);
}

.card, .overflow-hidden {
  will-change: transform;
}

.card-header-title {
  margin-bottom: 0;
}

.card .card-img-overlay {
  z-index: 2;
}

.card-hover-border:hover {
  border: 1px solid var(--bs-gray-300);
}

.card .card-element-hover {
  visibility: hidden;
  margin-top: 30px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.card:hover .card-element-hover {
  visibility: visible;
  margin-top: 0px;
  opacity: 1;
}

.action-trigger-hover .item-show {
  display: block;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.action-trigger-hover:hover .item-show {
  display: none;
  visibility: hidden;
}

.action-trigger-hover .item-show-hover {
  display: none;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.action-trigger-hover:hover .item-show-hover {
  display: block;
  visibility: visible;
}

.card-metro {
  overflow: hidden;
}
.card-metro .card-img-overlay {
  z-index: 2;
}
.card-metro .card-text, .card-metro img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.card-metro:before {
  content: "";
  position: absolute;
  height: 50%;
  width: 100%;
  bottom: 0;
  background-image: -webkit-gradient(linear, right top, right bottom, from(transparent), to(rgba(0, 0, 0, 0.8)));
  background-image: linear-gradient(-180deg, transparent, rgba(0, 0, 0, 0.8));
  z-index: 1;
}
.card-metro:hover .card-text {
  margin-bottom: 10px;
}
.card-metro:hover .card-image img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

.card-overlay-hover:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: var(--bs-dark);
  display: block;
}

.card:hover .card-overlay-hover:before {
  opacity: 0.5;
}

.card-border-hover {
  background-color: var(--bs-body-bg);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.card-border-hover h2 i, .card-border-hover .h2 i {
  color: var(--bs-secondary);
}
.card-border-hover:hover {
  border-color: var(--bs-primary);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.card-border-hover:hover h2 i, .card-border-hover:hover .h2 i {
  color: var(--bs-primary);
}

.card .card-image-scale {
  overflow: hidden;
}

.card .card-image-scale img {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.card:hover .card-image-scale img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.dropdown-item.active, .dropdown-item:active,
.dropdown-item:hover, .dropdown-item:focus {
  border-radius: 0.325rem;
}

.dropdown-menu {
  padding-right: 10px;
  padding-left: 10px;
  z-index: 1100;
  -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
          box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
}

.dropdown-menu-size-sm {
  min-width: 13rem;
}

.dropdown-menu-size-md {
  min-width: 22rem;
}

.dropdown-menu-size-lg {
  min-width: 30rem;
}

@media (max-width: 575.98px) {
  .dropdown-menu-size-md {
    min-width: 16rem;
    margin-left: -25px !important;
  }
  .dropdown-menu-size-sm {
    min-width: 13rem;
  }
}
.dropdown .dropdown-toggle:after {
  content: "\f107";
  font-family: "Font Awesome 5 رایگان";
  font-weight: 900;
  vertical-align: middle;
  border: none;
}

.dropup .dropdown-toggle:after {
  content: "\f106";
  font-family: "Font Awesome 5 رایگان";
  font-weight: 900;
  vertical-align: middle;
  border: none;
}

.dropstart .dropdown-toggle:before {
  content: "\f104";
  font-family: "Font Awesome 5 رایگان";
  font-weight: 900;
  vertical-align: middle;
  border: none;
}

.dropend .dropdown-toggle:after {
  content: "\f105";
  font-family: "Font Awesome 5 رایگان";
  font-weight: 900;
  vertical-align: middle;
  border: none;
}

@media (max-width: 991.98px) {
  .dropdown-width-lg {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .dropdown-width-lg {
    width: 40rem;
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .dropdown-width-lg {
    width: 50rem;
    padding: 0;
  }
}
.dropdown-fullwidth .dropdown-menu {
  margin: 0 auto;
  right: 0;
  left: 0;
  padding: 1rem 0;
}

@media (min-width: 1200px) {
  .dropdown-fullwidth {
    position: static;
  }
}
@media (min-width: 576px) {
  .dropdown-fullwidth .dropdown-menu {
    max-width: 96%;
  }
}
@media (min-width: 768px) {
  .dropdown-fullwidth .dropdown-menu {
    max-width: 94%;
  }
}
@media (min-width: 992px) {
  .dropdown-fullwidth .dropdown-menu {
    max-width: 94%;
  }
}
@media (min-width: 1200px) {
  .dropdown-fullwidth .dropdown-menu {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .dropdown-fullwidth .dropdown-menu {
    max-width: 1300px;
  }
}
.dropdown-menu-start {
  right: 0;
}

.dropdown-menu-end {
  left: 0;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    right: 0;
  }
  .dropdown-menu-sm-end {
    left: 0;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    right: 0;
  }
  .dropdown-menu-md-end {
    left: 0;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    right: 0;
  }
  .dropdown-menu-lg-end {
    left: 0;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    right: 0;
  }
  .dropdown-menu-xl-end {
    left: 0;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    right: 0;
  }
  .dropdown-menu-xxl-end {
    left: 0;
  }
}
@media (max-width: 1199.98px) {
  .dropdown-fullwidth .dropdown-menu .container {
    max-width: 100%;
  }
}
.dropdown-menu.dropdown-animation.show {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: dropdownslideIn;
          animation-name: dropdownslideIn;
  position: absolute !important;
  top: 100% !important;
}

@keyframes dropdownslideIn {
  0% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
}
@-webkit-keyframes dropdownslideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}
.list-group .list-group-item i, .list-group .list-group-item span {
  margin-left: 5px;
}

.list-group-borderless .list-group-item {
  border: none !important;
  padding: 0.425rem 0;
}

.list-group-dark .list-group-item {
  color: var(--bs-white);
  margin-bottom: 10px;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  border-radius: 0.325rem;
}

.list-group-dark .list-group-item:not(.bg-danger-soft-hover):hover, .list-group-dark .list-group-item:not(.bg-danger-soft-hover).active {
  color: var(--bs-dark) !important;
  background-color: var(--bs-white) !important;
}

.collapse-list .list-group-item[data-bs-toggle=collapse] {
  position: relative;
}
.collapse-list .list-group-item[data-bs-toggle=collapse]:before, .collapse-list .list-group-item[data-bs-toggle=collapse]:after {
  content: "";
  background: var(--bs-gray-600);
  border-radius: 1px;
  display: block;
  position: absolute;
  height: 2px;
  width: 7px;
  margin: auto 12px;
  -webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  top: 0;
  bottom: 0;
}
.collapse-list .list-group-item[data-bs-toggle=collapse]:hover:before, .collapse-list .list-group-item[data-bs-toggle=collapse]:hover:after {
  background: #24292d;
}
.collapse-list .list-group-item[data-bs-toggle=collapse]:before {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  left: 0px;
}
.collapse-list .list-group-item[data-bs-toggle=collapse]:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  left: 5px;
}
.collapse-list .list-group-item[data-bs-toggle=collapse][aria-expanded=true]:before {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  background: #24292d;
}
.collapse-list .list-group-item[data-bs-toggle=collapse][aria-expanded=true]:after {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  background: #24292d;
}
.collapse-list .list-group-item[aria-expanded=true] {
  background-color: #fff;
  color: #24292d;
}
.collapse-list a.list-group-item:hover {
  background-color: transparent;
  color: var(--bs-primary);
}
.collapse-list .nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  margin-right: 2rem;
}
.collapse-list .nav .nav-link {
  color: #fff;
}
.collapse-list .nav .nav-link:hover, .collapse-list .nav .nav-link:focus {
  color: #0555a1;
}

.nav-pills .nav-link {
  cursor: pointer;
  margin-bottom: 15px;
  padding: 0.5rem 1rem;
}

.nav.flex-column:not(.nav-pills) .nav-link {
  padding-right: 0;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.nav.nav-divider a:not(.dropdown-item) {
  color: inherit;
}
.nav.nav-divider .nav-item + .nav-item:before {
  content: "•";
  color: inherit;
  padding-right: 0.65rem;
  padding-left: 0.75rem;
  opacity: 0.8;
}
.nav.nav-divider .nav-item {
  display: inline-block;
  vertical-align: middle;
}
.nav.nav-divider .nav-link {
  padding: 0;
  color: inherit;
}

.nav-pill-soft .nav-link {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary);
  border: none;
}

.nav-pill-soft .nav-link.active, .nav-pill-soft .show > .nav-link {
  color: var(--bs-white) !important;
  background-color: var(--bs-primary);
}

.nav-pill-dark-soft .nav-link {
  background-color: var(--bs-gray-200);
  color: var(--bs-gray-800);
  border: none;
}

.nav-pill-dark-soft .nav-link.active, .nav-pill-dark-soft .show > .nav-link {
  color: var(--bs-gray-200);
  background-color: var(--bs-gray-800);
}

.nav-pills-bg-soft {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  padding: 0.625rem 0;
  border-radius: 0.625rem;
}

.nav-pills-bg-soft .nav-link {
  color: var(--bs-primary);
}

.nav-pills.nav-tabs-line {
  padding: 0.625rem 0;
}
.nav-pills.nav-tabs-line .nav-link {
  border: transparent;
  color: var(--bs-primary);
}
.nav-pills.nav-tabs-line .nav-link.active {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}
.nav-pills.nav-tabs-line .nav-item {
  margin-bottom: -2px;
}

.nav.nav-bottom-line .nav-link {
  border: transparent;
  font-weight: 600;
  padding: 0.75rem 0.975rem;
}
.nav.nav-bottom-line .nav-item:first-child .nav-link {
  padding-right: 0;
}
.nav.nav-bottom-line .nav-link {
  background: transparent;
  border-bottom: 3px solid transparent;
}
.nav.nav-bottom-line .nav-link.active {
  background: transparent;
  color: var(--bs-primary);
  border-bottom: 3px solid var(--bs-primary);
}
.nav.nav-bottom-line .nav-item {
  margin-bottom: -2px;
}

.nav-tabs-bg-dark {
  border-radius: 0.5rem;
  background-color: var(--bs-dark);
  padding: 1.5rem;
}

.nav-tabs-bg-dark .nav-link {
  color: var(--bs-white);
  border-radius: 0.5rem;
  padding: 0.825rem;
  margin-bottom: 5px;
}

.nav-tabs-bg-dark .nav-link.active, .nav-tabs-bg-dark .show > .nav-link {
  color: var(--bs-dark) !important;
  background-color: var(--bs-white);
  border-radius: 0.325rem;
}

.navbar-expand-sm .dropdown-toggle:after {
  content: "\f107";
  font-family: "Font Awesome 5 رایگان";
  margin-right: 0.35rem;
  font-weight: 900;
  vertical-align: middle;
  border: none;
}
.navbar-expand-sm .dropdown-submenu.dropend .dropdown-toggle:after {
  content: "\f141";
  font-family: "Font Awesome 5 رایگان";
  left: 1rem;
}
.navbar-expand-sm .dropdown-submenu.dropstart .dropdown-toggle:before {
  content: "\f141";
  margin-left: 0;
  font-family: "Font Awesome 5 رایگان";
  left: 1rem;
  position: absolute;
}
.navbar-expand-sm .dropdown-fullwidth .dropdown-menu {
  padding: 0 !important;
}
@media (min-width: 576px) {
  .navbar-expand-sm .navbar-top {
    z-index: 1100 !important;
  }
  .navbar-expand-sm .navbar-brand .navbar-brand-item {
    height: 36px;
    display: block;
    width: auto;
  }
  .navbar-expand-sm .navbar-nav .dropdown > .dropdown-menu {
    top: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-sm .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-sm .navbar-nav .dropdown .dropdown-submenu > .dropdown-menu {
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-sm .navbar-nav .dropdown .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    margin-right: 0.5rem;
  }
  .navbar-expand-sm .navbar-nav .dropdown > .dropdown-toggle:active {
    pointer-events: none;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    line-height: 40px;
    font-weight: 500;
  }
  .navbar-expand-sm .dropdown-menu .dropdown-toggle:after {
    position: absolute;
  }
  .navbar-expand-sm .dropdown-menu-shadow-stacked {
    z-index: 5;
  }
  .navbar-expand-sm .dropdown-menu-shadow-stacked .dropdown-submenu {
    z-index: unset !important;
  }
  .navbar-expand-sm .dropdown-menu-shadow-stacked .dropdown-menu {
    z-index: -1;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .navbar-expand-sm .dropdown-menu-shadow-stacked .dropdown-menu > * {
    z-index: 1;
    position: relative;
  }
  .navbar-expand-sm .dropdown-menu-shadow-stacked .dropdown-menu:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bs-body-bg);
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    border-radius: inherit;
  }
  .navbar-expand-sm .dropdown-menu-shadow-stacked .dropdown-menu li {
    position: relative;
  }
}
@media (max-width: 575.98px) {
  .navbar-expand-sm .navbar-brand .navbar-brand-item {
    height: 24px;
  }
  .navbar-expand-sm .navbar-brand {
    padding: 20px 0;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 65vh);
  }
  .navbar-expand-sm .navbar-collapse {
    -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
            box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
    position: absolute;
    right: 0;
    left: 0;
    top: 100%;
    background: var(--bs-body-bg);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .nav-item {
    border-bottom: 1px solid var(--bs-border-color);
    padding: 8px 30px;
  }
  .navbar-expand-sm .navbar-nav .nav-item > .dropdown-menu {
    background: rgba(64, 68, 72, 0.04);
  }
  .navbar-expand-sm .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
    background: rgba(64, 68, 72, 0.06);
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-toggle::after {
    position: absolute;
    left: 25px;
  }
  .navbar-expand-sm .navbar-toggler {
    border-color: transparent !important;
  }
  .navbar-expand-sm .offcanvas-body {
    padding: 1rem 0.875rem;
  }
  .navbar-expand-sm .offcanvas-body .navbar-nav .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 0;
  }
  .navbar-expand-sm .offcanvas-body .navbar-nav .dropdown-toggle::after {
    position: absolute;
  }
  .navbar-expand-sm .dropdown-clickable .nav-item {
    position: static;
  }
  .navbar-expand-sm .dropdown-clickable .nav-item > .dropdown-menu[data-bs-popper] {
    position: absolute !important;
    top: 100% !important;
    right: 0;
    left: 0;
    width: 100%;
    background: var(--bs-body-bg) !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-sm .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 12px 30px;
  }
  .navbar-expand-sm .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu {
    background: rgba(64, 68, 72, 0.06) !important;
    margin-right: 0.5rem;
  }
  .navbar-expand-sm .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after {
    position: absolute;
  }
  .navbar-expand-sm .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item {
    border-bottom: 0;
    padding: 8px 40px;
  }
  .navbar-expand-sm .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper] {
    top: 100%;
    padding-bottom: 15px;
  }
}
.navbar-expand-md .dropdown-toggle:after {
  content: "\f107";
  font-family: "Font Awesome 5 رایگان";
  margin-right: 0.35rem;
  font-weight: 900;
  vertical-align: middle;
  border: none;
}
.navbar-expand-md .dropdown-submenu.dropend .dropdown-toggle:after {
  content: "\f141";
  font-family: "Font Awesome 5 رایگان";
  left: 1rem;
}
.navbar-expand-md .dropdown-submenu.dropstart .dropdown-toggle:before {
  content: "\f141";
  margin-left: 0;
  font-family: "Font Awesome 5 رایگان";
  left: 1rem;
  position: absolute;
}
.navbar-expand-md .dropdown-fullwidth .dropdown-menu {
  padding: 0 !important;
}
@media (min-width: 768px) {
  .navbar-expand-md .navbar-top {
    z-index: 1100 !important;
  }
  .navbar-expand-md .navbar-brand .navbar-brand-item {
    height: 36px;
    display: block;
    width: auto;
  }
  .navbar-expand-md .navbar-nav .dropdown > .dropdown-menu {
    top: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-md .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-md .navbar-nav .dropdown .dropdown-submenu > .dropdown-menu {
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-md .navbar-nav .dropdown .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    margin-right: 0.5rem;
  }
  .navbar-expand-md .navbar-nav .dropdown > .dropdown-toggle:active {
    pointer-events: none;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    line-height: 40px;
    font-weight: 500;
  }
  .navbar-expand-md .dropdown-menu .dropdown-toggle:after {
    position: absolute;
  }
  .navbar-expand-md .dropdown-menu-shadow-stacked {
    z-index: 5;
  }
  .navbar-expand-md .dropdown-menu-shadow-stacked .dropdown-submenu {
    z-index: unset !important;
  }
  .navbar-expand-md .dropdown-menu-shadow-stacked .dropdown-menu {
    z-index: -1;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .navbar-expand-md .dropdown-menu-shadow-stacked .dropdown-menu > * {
    z-index: 1;
    position: relative;
  }
  .navbar-expand-md .dropdown-menu-shadow-stacked .dropdown-menu:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bs-body-bg);
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    border-radius: inherit;
  }
  .navbar-expand-md .dropdown-menu-shadow-stacked .dropdown-menu li {
    position: relative;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md .navbar-brand .navbar-brand-item {
    height: 24px;
  }
  .navbar-expand-md .navbar-brand {
    padding: 20px 0;
  }
  .navbar-expand-md .navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 65vh);
  }
  .navbar-expand-md .navbar-collapse {
    -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
            box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
    position: absolute;
    right: 0;
    left: 0;
    top: 100%;
    background: var(--bs-body-bg);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .nav-item {
    border-bottom: 1px solid var(--bs-border-color);
    padding: 8px 30px;
  }
  .navbar-expand-md .navbar-nav .nav-item > .dropdown-menu {
    background: rgba(64, 68, 72, 0.04);
  }
  .navbar-expand-md .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
    background: rgba(64, 68, 72, 0.06);
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle::after {
    position: absolute;
    left: 25px;
  }
  .navbar-expand-md .navbar-toggler {
    border-color: transparent !important;
  }
  .navbar-expand-md .offcanvas-body {
    padding: 1rem 0.875rem;
  }
  .navbar-expand-md .offcanvas-body .navbar-nav .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 0;
  }
  .navbar-expand-md .offcanvas-body .navbar-nav .dropdown-toggle::after {
    position: absolute;
  }
  .navbar-expand-md .dropdown-clickable .nav-item {
    position: static;
  }
  .navbar-expand-md .dropdown-clickable .nav-item > .dropdown-menu[data-bs-popper] {
    position: absolute !important;
    top: 100% !important;
    right: 0;
    left: 0;
    width: 100%;
    background: var(--bs-body-bg) !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 12px 30px;
  }
  .navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu {
    background: rgba(64, 68, 72, 0.06) !important;
    margin-right: 0.5rem;
  }
  .navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after {
    position: absolute;
  }
  .navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item {
    border-bottom: 0;
    padding: 8px 40px;
  }
  .navbar-expand-md .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper] {
    top: 100%;
    padding-bottom: 15px;
  }
}
.navbar-expand-lg .dropdown-toggle:after {
  content: "\f107";
  font-family: "Font Awesome 5 رایگان";
  margin-right: 0.35rem;
  font-weight: 900;
  vertical-align: middle;
  border: none;
}
.navbar-expand-lg .dropdown-submenu.dropend .dropdown-toggle:after {
  content: "\f141";
  font-family: "Font Awesome 5 رایگان";
  left: 1rem;
}
.navbar-expand-lg .dropdown-submenu.dropstart .dropdown-toggle:before {
  content: "\f141";
  margin-left: 0;
  font-family: "Font Awesome 5 رایگان";
  left: 1rem;
  position: absolute;
}
.navbar-expand-lg .dropdown-fullwidth .dropdown-menu {
  padding: 0 !important;
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-top {
    z-index: 1100 !important;
  }
  .navbar-expand-lg .navbar-brand .navbar-brand-item {
    height: 36px;
    display: block;
    width: auto;
  }
  .navbar-expand-lg .navbar-nav .dropdown > .dropdown-menu {
    top: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-lg .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-lg .navbar-nav .dropdown .dropdown-submenu > .dropdown-menu {
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-lg .navbar-nav .dropdown .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    margin-right: 0.5rem;
  }
  .navbar-expand-lg .navbar-nav .dropdown > .dropdown-toggle:active {
    pointer-events: none;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    line-height: 40px;
    font-weight: 500;
  }
  .navbar-expand-lg .dropdown-menu .dropdown-toggle:after {
    position: absolute;
  }
  .navbar-expand-lg .dropdown-menu-shadow-stacked {
    z-index: 5;
  }
  .navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-submenu {
    z-index: unset !important;
  }
  .navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-menu {
    z-index: -1;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-menu > * {
    z-index: 1;
    position: relative;
  }
  .navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-menu:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bs-body-bg);
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    border-radius: inherit;
  }
  .navbar-expand-lg .dropdown-menu-shadow-stacked .dropdown-menu li {
    position: relative;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg .navbar-brand .navbar-brand-item {
    height: 24px;
  }
  .navbar-expand-lg .navbar-brand {
    padding: 20px 0;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 65vh);
  }
  .navbar-expand-lg .navbar-collapse {
    -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
            box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
    position: absolute;
    right: 0;
    left: 0;
    top: 100%;
    background: var(--bs-body-bg);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item {
    border-bottom: 1px solid var(--bs-border-color);
    padding: 8px 30px;
  }
  .navbar-expand-lg .navbar-nav .nav-item > .dropdown-menu {
    background: rgba(64, 68, 72, 0.04);
  }
  .navbar-expand-lg .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
    background: rgba(64, 68, 72, 0.06);
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle::after {
    position: absolute;
    left: 25px;
  }
  .navbar-expand-lg .navbar-toggler {
    border-color: transparent !important;
  }
  .navbar-expand-lg .offcanvas-body {
    padding: 1rem 0.875rem;
  }
  .navbar-expand-lg .offcanvas-body .navbar-nav .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 0;
  }
  .navbar-expand-lg .offcanvas-body .navbar-nav .dropdown-toggle::after {
    position: absolute;
  }
  .navbar-expand-lg .dropdown-clickable .nav-item {
    position: static;
  }
  .navbar-expand-lg .dropdown-clickable .nav-item > .dropdown-menu[data-bs-popper] {
    position: absolute !important;
    top: 100% !important;
    right: 0;
    left: 0;
    width: 100%;
    background: var(--bs-body-bg) !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 12px 30px;
  }
  .navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu {
    background: rgba(64, 68, 72, 0.06) !important;
    margin-right: 0.5rem;
  }
  .navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after {
    position: absolute;
  }
  .navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item {
    border-bottom: 0;
    padding: 8px 40px;
  }
  .navbar-expand-lg .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper] {
    top: 100%;
    padding-bottom: 15px;
  }
}
.navbar-expand-xl .dropdown-toggle:after {
  content: "\f107";
  font-family: "Font Awesome 5 رایگان";
  margin-right: 0.35rem;
  font-weight: 900;
  vertical-align: middle;
  border: none;
}
.navbar-expand-xl .dropdown-submenu.dropend .dropdown-toggle:after {
  content: "\f141";
  font-family: "Font Awesome 5 رایگان";
  left: 1rem;
}
.navbar-expand-xl .dropdown-submenu.dropstart .dropdown-toggle:before {
  content: "\f141";
  margin-left: 0;
  font-family: "Font Awesome 5 رایگان";
  left: 1rem;
  position: absolute;
}
.navbar-expand-xl .dropdown-fullwidth .dropdown-menu {
  padding: 0 !important;
}
@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-top {
    z-index: 1100 !important;
  }
  .navbar-expand-xl .navbar-brand .navbar-brand-item {
    height: 36px;
    display: block;
    width: auto;
  }
  .navbar-expand-xl .navbar-nav .dropdown > .dropdown-menu {
    top: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-xl .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-xl .navbar-nav .dropdown .dropdown-submenu > .dropdown-menu {
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-xl .navbar-nav .dropdown .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    margin-right: 0.5rem;
  }
  .navbar-expand-xl .navbar-nav .dropdown > .dropdown-toggle:active {
    pointer-events: none;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    line-height: 40px;
    font-weight: 500;
  }
  .navbar-expand-xl .dropdown-menu .dropdown-toggle:after {
    position: absolute;
  }
  .navbar-expand-xl .dropdown-menu-shadow-stacked {
    z-index: 5;
  }
  .navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-submenu {
    z-index: unset !important;
  }
  .navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-menu {
    z-index: -1;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-menu > * {
    z-index: 1;
    position: relative;
  }
  .navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-menu:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bs-body-bg);
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    border-radius: inherit;
  }
  .navbar-expand-xl .dropdown-menu-shadow-stacked .dropdown-menu li {
    position: relative;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl .navbar-brand .navbar-brand-item {
    height: 24px;
  }
  .navbar-expand-xl .navbar-brand {
    padding: 20px 0;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 65vh);
  }
  .navbar-expand-xl .navbar-collapse {
    -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
            box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
    position: absolute;
    right: 0;
    left: 0;
    top: 100%;
    background: var(--bs-body-bg);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .nav-item {
    border-bottom: 1px solid var(--bs-border-color);
    padding: 8px 30px;
  }
  .navbar-expand-xl .navbar-nav .nav-item > .dropdown-menu {
    background: rgba(64, 68, 72, 0.04);
  }
  .navbar-expand-xl .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
    background: rgba(64, 68, 72, 0.06);
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle::after {
    position: absolute;
    left: 25px;
  }
  .navbar-expand-xl .navbar-toggler {
    border-color: transparent !important;
  }
  .navbar-expand-xl .offcanvas-body {
    padding: 1rem 0.875rem;
  }
  .navbar-expand-xl .offcanvas-body .navbar-nav .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 0;
  }
  .navbar-expand-xl .offcanvas-body .navbar-nav .dropdown-toggle::after {
    position: absolute;
  }
  .navbar-expand-xl .dropdown-clickable .nav-item {
    position: static;
  }
  .navbar-expand-xl .dropdown-clickable .nav-item > .dropdown-menu[data-bs-popper] {
    position: absolute !important;
    top: 100% !important;
    right: 0;
    left: 0;
    width: 100%;
    background: var(--bs-body-bg) !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 12px 30px;
  }
  .navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu {
    background: rgba(64, 68, 72, 0.06) !important;
    margin-right: 0.5rem;
  }
  .navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after {
    position: absolute;
  }
  .navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item {
    border-bottom: 0;
    padding: 8px 40px;
  }
  .navbar-expand-xl .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper] {
    top: 100%;
    padding-bottom: 15px;
  }
}
.navbar-expand-xxl .dropdown-toggle:after {
  content: "\f107";
  font-family: "Font Awesome 5 رایگان";
  margin-right: 0.35rem;
  font-weight: 900;
  vertical-align: middle;
  border: none;
}
.navbar-expand-xxl .dropdown-submenu.dropend .dropdown-toggle:after {
  content: "\f141";
  font-family: "Font Awesome 5 رایگان";
  left: 1rem;
}
.navbar-expand-xxl .dropdown-submenu.dropstart .dropdown-toggle:before {
  content: "\f141";
  margin-left: 0;
  font-family: "Font Awesome 5 رایگان";
  left: 1rem;
  position: absolute;
}
.navbar-expand-xxl .dropdown-fullwidth .dropdown-menu {
  padding: 0 !important;
}
@media (min-width: 1400px) {
  .navbar-expand-xxl .navbar-top {
    z-index: 1100 !important;
  }
  .navbar-expand-xxl .navbar-brand .navbar-brand-item {
    height: 36px;
    display: block;
    width: auto;
  }
  .navbar-expand-xxl .navbar-nav .dropdown > .dropdown-menu {
    top: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-xxl .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-xxl .navbar-nav .dropdown .dropdown-submenu > .dropdown-menu {
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-xxl .navbar-nav .dropdown .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    margin-right: 0.5rem;
  }
  .navbar-expand-xxl .navbar-nav .dropdown > .dropdown-toggle:active {
    pointer-events: none;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    line-height: 40px;
    font-weight: 500;
  }
  .navbar-expand-xxl .dropdown-menu .dropdown-toggle:after {
    position: absolute;
  }
  .navbar-expand-xxl .dropdown-menu-shadow-stacked {
    z-index: 5;
  }
  .navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-submenu {
    z-index: unset !important;
  }
  .navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-menu {
    z-index: -1;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-menu > * {
    z-index: 1;
    position: relative;
  }
  .navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-menu:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bs-body-bg);
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    border-radius: inherit;
  }
  .navbar-expand-xxl .dropdown-menu-shadow-stacked .dropdown-menu li {
    position: relative;
  }
}
@media (max-width: 1399.98px) {
  .navbar-expand-xxl .navbar-brand .navbar-brand-item {
    height: 24px;
  }
  .navbar-expand-xxl .navbar-brand {
    padding: 20px 0;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 65vh);
  }
  .navbar-expand-xxl .navbar-collapse {
    -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
            box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
    position: absolute;
    right: 0;
    left: 0;
    top: 100%;
    background: var(--bs-body-bg);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .nav-item {
    border-bottom: 1px solid var(--bs-border-color);
    padding: 8px 30px;
  }
  .navbar-expand-xxl .navbar-nav .nav-item > .dropdown-menu {
    background: rgba(64, 68, 72, 0.04);
  }
  .navbar-expand-xxl .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
    background: rgba(64, 68, 72, 0.06);
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-toggle::after {
    position: absolute;
    left: 25px;
  }
  .navbar-expand-xxl .navbar-toggler {
    border-color: transparent !important;
  }
  .navbar-expand-xxl .offcanvas-body {
    padding: 1rem 0.875rem;
  }
  .navbar-expand-xxl .offcanvas-body .navbar-nav .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 0;
  }
  .navbar-expand-xxl .offcanvas-body .navbar-nav .dropdown-toggle::after {
    position: absolute;
  }
  .navbar-expand-xxl .dropdown-clickable .nav-item {
    position: static;
  }
  .navbar-expand-xxl .dropdown-clickable .nav-item > .dropdown-menu[data-bs-popper] {
    position: absolute !important;
    top: 100% !important;
    right: 0;
    left: 0;
    width: 100%;
    background: var(--bs-body-bg) !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
            box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 12px 30px;
  }
  .navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu {
    background: rgba(64, 68, 72, 0.06) !important;
    margin-right: 0.5rem;
  }
  .navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after {
    position: absolute;
  }
  .navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item {
    border-bottom: 0;
    padding: 8px 40px;
  }
  .navbar-expand-xxl .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper] {
    top: 100%;
    padding-bottom: 15px;
  }
}
.navbar-expand .dropdown-toggle:after {
  content: "\f107";
  font-family: "Font Awesome 5 رایگان";
  margin-right: 0.35rem;
  font-weight: 900;
  vertical-align: middle;
  border: none;
}
.navbar-expand .dropdown-submenu.dropend .dropdown-toggle:after {
  content: "\f141";
  font-family: "Font Awesome 5 رایگان";
  left: 1rem;
}
.navbar-expand .dropdown-submenu.dropstart .dropdown-toggle:before {
  content: "\f141";
  margin-left: 0;
  font-family: "Font Awesome 5 رایگان";
  left: 1rem;
  position: absolute;
}
.navbar-expand .dropdown-fullwidth .dropdown-menu {
  padding: 0 !important;
}
.navbar-expand .navbar-top {
  z-index: 1100 !important;
}
.navbar-expand .navbar-brand .navbar-brand-item {
  height: 36px;
  display: block;
  width: auto;
}
.navbar-expand .navbar-nav .dropdown > .dropdown-menu {
  top: 120%;
  visibility: hidden;
  opacity: 0;
  display: block;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.navbar-expand .navbar-nav .dropdown:hover > .dropdown-menu {
  display: block;
  top: 100%;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar-expand .navbar-nav .dropdown .dropdown-submenu > .dropdown-menu {
  visibility: hidden;
  opacity: 0;
  display: block;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.navbar-expand .navbar-nav .dropdown .dropdown-submenu:hover > .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
          box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
  margin-right: 0.5rem;
}
.navbar-expand .navbar-nav .dropdown > .dropdown-toggle:active {
  pointer-events: none;
}
.navbar-expand .navbar-nav .nav-link {
  line-height: 40px;
  font-weight: 500;
}
.navbar-expand .dropdown-menu .dropdown-toggle:after {
  position: absolute;
}
.navbar-expand .dropdown-menu-shadow-stacked {
  z-index: 5;
}
.navbar-expand .dropdown-menu-shadow-stacked .dropdown-submenu {
  z-index: unset !important;
}
.navbar-expand .dropdown-menu-shadow-stacked .dropdown-menu {
  z-index: -1;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.navbar-expand .dropdown-menu-shadow-stacked .dropdown-menu > * {
  z-index: 1;
  position: relative;
}
.navbar-expand .dropdown-menu-shadow-stacked .dropdown-menu:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--bs-body-bg);
  -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
          box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
  border-radius: inherit;
}
.navbar-expand .dropdown-menu-shadow-stacked .dropdown-menu li {
  position: relative;
}
.navbar-expand .navbar-brand .navbar-brand-item {
  height: 24px;
}
.navbar-expand .navbar-brand {
  padding: 20px 0;
}
.navbar-expand .navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 65vh);
}
.navbar-expand .navbar-collapse {
  -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
          box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.4);
  position: absolute;
  right: 0;
  left: 0;
  top: 100%;
  background: var(--bs-body-bg);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand .navbar-collapse .navbar-nav .nav-item {
  border-bottom: 1px solid var(--bs-border-color);
  padding: 8px 30px;
}
.navbar-expand .navbar-nav .nav-item > .dropdown-menu {
  background: rgba(64, 68, 72, 0.04);
}
.navbar-expand .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
  background: rgba(64, 68, 72, 0.06);
}
.navbar-expand .navbar-collapse .navbar-nav .dropdown-toggle::after {
  position: absolute;
  left: 25px;
}
.navbar-expand .navbar-toggler {
  border-color: transparent !important;
}
.navbar-expand .offcanvas-body {
  padding: 1rem 0.875rem;
}
.navbar-expand .offcanvas-body .navbar-nav .nav-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px 0;
}
.navbar-expand .offcanvas-body .navbar-nav .dropdown-toggle::after {
  position: absolute;
}
.navbar-expand .dropdown-clickable .nav-item {
  position: static;
}
.navbar-expand .dropdown-clickable .nav-item > .dropdown-menu[data-bs-popper] {
  position: absolute !important;
  top: 100% !important;
  right: 0;
  left: 0;
  width: 100%;
  background: var(--bs-body-bg) !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 0;
  -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
          box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 12px 30px;
}
.navbar-expand .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu {
  background: rgba(64, 68, 72, 0.06) !important;
  margin-right: 0.5rem;
}
.navbar-expand .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-toggle:after {
  position: absolute;
}
.navbar-expand .dropdown-clickable .nav-item .dropdown-menu[data-bs-popper] .dropdown-submenu .dropdown-menu .dropdown-item {
  border-bottom: 0;
  padding: 8px 40px;
}
.navbar-expand .dropdown-clickable .nav-item .dropdown-menu.show[data-bs-popper] {
  top: 100%;
  padding-bottom: 15px;
}

@media (min-width: 1200px) {
  header.navbar-sticky-on {
    position: fixed;
    z-index: 1020;
    top: 0;
    right: 0;
    left: 0;
    background-color: var(--bs-body-bg);
    -webkit-animation: fadeInDown 0.5s;
            animation: fadeInDown 0.5s;
    width: 100%;
    border-bottom: 1px solid var(--bs-gray-200);
  }
  header.navbar-sticky-on .navbar-top {
    display: none !important;
  }
  header.navbar-sticky-on .navbar-brand {
    padding: 14px 0;
  }
  header.navbar-sticky-on .navbar-brand .navbar-brand-item {
    height: 22px;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.navbar-transparent {
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

.navbar-toggler {
  padding: 10px 10px;
}

.navbar-toggler.plyr-toggler {
  left: 100%;
  position: absolute;
  border: 0;
  border-radius: 0;
  border-bottom-right-radius: 0.325rem !important;
  border-top-right-radius: 0.325rem !important;
  opacity: 0.6;
}
.navbar-toggler.plyr-toggler:hover {
  opacity: 1;
}
.navbar-toggler.plyr-toggler[aria-expanded=true] {
  opacity: 1;
}

.navbar-toggler .navbar-toggler-animation {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-image: none;
  position: relative;
  height: 22px;
  width: 22px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-toggler .navbar-toggler-animation span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  height: 2px;
  background: var(--bs-gray-600);
  display: block;
  position: absolute;
  width: 100%;
  border-radius: 30px;
}

.navbar-toggler .navbar-toggler-animation span:nth-child(1) {
  top: 6%;
}

.navbar-toggler .navbar-toggler-animation span:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.navbar-toggler .navbar-toggler-animation span:nth-child(3) {
  bottom: 10%;
}

.navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(1) {
  -webkit-transform: rotateZ(-45deg) translateY(-50%);
          transform: rotateZ(-45deg) translateY(-50%);
  top: 50%;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  width: 100%;
}

.navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(2) {
  visibility: hidden;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(3) {
  -webkit-transform: rotateZ(45deg) translateY(-50%);
          transform: rotateZ(45deg) translateY(-50%);
  bottom: 42%;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  width: 100%;
}

.nav-category {
  border-bottom: solid 1px var(--bs-gray-200);
}
.nav-category .container {
  max-width: 100%;
}
.nav-category .navbar-toggler {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary);
  border-radius: 0;
}

.pagination .page-item {
  margin-bottom: 5px;
  float: right;
}

.pagination-primary-soft {
  border: none;
  padding: 4px;
  border-radius: 0.325rem;
}
.pagination-primary-soft .page-item {
  margin: 4px;
}
.pagination-primary-soft .page-link {
  border: transparent;
  border-radius: 0.325rem !important;
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.pagination-primary-soft .page-link:hover {
  z-index: 2;
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.pagination-primary-soft .page-item.active .page-link {
  color: var(--bs-white);
  background-color: var(--bs-primary);
}

.progress {
  position: relative;
  overflow-x: visible;
  overflow-y: visible;
}
.progress .progress-bar {
  position: relative;
  overflow: visible;
  border-radius: 0.325rem;
}
.progress .progress-percent {
  color: var(--bs-gray-600);
  font-weight: 500;
  line-height: 24px;
  position: absolute;
  left: 0;
  top: -24px;
  font-size: 12px;
}
.progress .progress-percent-simple {
  position: absolute;
  left: 0;
  top: -20px;
  font-size: 14px;
}

.progress.progress-percent-bg .progress-percent {
  background: var(--bs-dark);
  padding: 2px 5px;
  border-radius: 2px;
  color: var(--bs-body-bg);
  line-height: 16px;
  position: absolute;
  left: 0;
  top: -25px;
  font-size: 10px;
}
.progress.progress-percent-bg .progress-percent:before {
  border-top-color: var(--bs-dark);
  border-width: 5px;
  right: 50%;
  margin-right: -5px;
}
.progress.progress-percent-bg .progress-percent:after, .progress.progress-percent-bg .progress-percent:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.progress.progress-percent-bg .progress-percent:after {
  border-top-color: var(--bs-dark);
  border-width: 4px;
  right: 50%;
  margin-right: -4px;
}

.progress.progress-xs {
  height: 3px;
}
.progress.progress-sm {
  height: 5px;
}
.progress.progress-md {
  height: 10px;
}
.progress.progress-lg {
  height: 16px;
}
.progress.progress-xl {
  height: 20px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  overflow-x: hidden;
  z-index: 0;
  position: relative;
}

main {
  background-color: var(--bs-body-bg);
}

header {
  position: relative;
  z-index: 1020;
  background: var(--bs-body-bg);
}

a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, .h1 > a, .h2 > a, .h3 > a, .h4 > a, .h5 > a, .h6 > a {
  color: var(--bs-gray-800);
}
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover, .h1 > a:hover, .h2 > a:hover, .h3 > a:hover, .h4 > a:hover, .h5 > a:hover, .h6 > a:hover {
  color: var(--bs-primary);
}

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

video {
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

section {
  padding-top: 3.5rem;
  padding-bottom: 2.8rem;
}

@media (max-width: 767.98px) {
  section {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }
}
.table.table-dark-gray thead {
  background-color: var(--bs-dark) !important;
  color: var(--bs-white);
}
.table.table-dark-gray tbody {
  border-top: none;
}

.table td, .table th {
  white-space: nowrap;
}

@media (min-width: 767.98px) {
  .table-responsive .table td, .table-responsive .table th {
    white-space: inherit;
  }
}
@media (max-width: 767.98px) {
  .table-responsive .table-responsive-title {
    width: 200px;
    white-space: normal;
  }
}
.table-border-color {
  border-color: var(--bs-gray-300);
}

.bg-grad {
  background: -webkit-gradient(linear, right bottom, right top, from(#f28e26), to(#fd644f));
  background: linear-gradient(-360deg, #f28e26 0%, #fd644f 100%);
}

.bg-grad-pink {
  background: -webkit-gradient(linear, right bottom, right top, from(#ff887c), to(#b6325f));
  background: linear-gradient(-360deg, #ff887c 0%, #b6325f 100%);
}

.bg-grad-blue {
  background: -webkit-gradient(linear, right bottom, right top, from(#066ac9), to(#064f8a));
  background: linear-gradient(-360deg, #066ac9 0%, #064f8a 100%);
}

.bg-danger-soft-hover:hover, .bg-danger-soft-hover:active, .bg-danger-soft-hover:focus {
  background-color: rgba(214, 41, 62, 0.1) !important;
  color: var(--bs-danger) !important;
}

.bg-primary-soft-hover:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.transition-base {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.bg-overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1;
}

small,
.small {
  font-weight: 400;
}

.smaller {
  font-size: 0.7em;
  font-weight: 400;
}

.dropcap {
  font-size: 4em;
  font-weight: bold;
  display: block;
  float: right;
  margin: 0.04em 0 0 0.2em;
  color: var(--bs-gray-800);
  line-height: 1;
}

.bg-blur {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.bg-facebook {
  background-color: #5d82d1;
  color: #fff;
  border: none;
}
.bg-facebook:hover, .bg-facebook:active, .bg-facebook:focus {
  background-color: #5475bc;
  color: #fff;
}

.text-facebook {
  color: #5d82d1;
}
.text-facebook:hover {
  color: #5475bc;
}

.bg-instagram {
  background: #c22b72;
  color: #fff;
  border: none;
}
.bg-instagram:hover, .bg-instagram:active, .bg-instagram:focus {
  background-color: #af2767;
  color: #fff;
}

.text-instagram {
  color: #c22b72;
}
.text-instagram:hover {
  color: #af2767;
}

.bg-instagram-gradient {
  background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  color: #fff;
  background-size: 120% 120%;
  background-position: left bottom;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 0;
}
.bg-instagram-gradient:hover, .bg-instagram-gradient:active, .bg-instagram-gradient:focus {
  background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  color: #fff;
  background-size: 100% 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-position: right bottom;
}

.text-instagram-gradient {
  color: transparent;
  background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-size: 120% 120%;
}
.text-instagram-gradient:hover {
  color: transparent;
  background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
  background-size: 100% 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.bg-google {
  background-color: #3c7ff1;
  color: #fff;
  border: none;
}
.bg-google:hover, .bg-google:active, .bg-google:focus {
  background-color: #3672d9;
  color: #fff;
}

.text-google {
  color: #3c7ff1;
}
.text-google:hover {
  color: #3672d9;
}

.text-google-icon {
  background: conic-gradient(from 45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.bg-twitter {
  background-color: #40bff5;
  color: #fff;
  border: none;
}
.bg-twitter:hover, .bg-twitter:active, .bg-twitter:focus {
  background-color: #3aacdd;
  color: #fff;
}

.text-twitter {
  color: #40bff5;
}
.text-twitter:hover {
  color: #3aacdd;
}

.bg-linkedin {
  background-color: #238cc8;
  color: #fff;
  border: none;
}
.bg-linkedin:hover, .bg-linkedin:active, .bg-linkedin:focus {
  background-color: #207eb4;
  color: #fff;
}

.text-linkedin {
  color: #238cc8;
}
.text-linkedin:hover {
  color: #207eb4;
}

.bg-pinterest {
  background-color: #e60023;
  color: #fff;
  border: none;
}
.bg-pinterest:hover, .bg-pinterest:active, .bg-pinterest:focus {
  background-color: #cf0020;
  color: #fff;
}

.text-pinterest {
  color: #e60023;
}
.text-pinterest:hover {
  color: #cf0020;
}

.bg-dribbble {
  background-color: #f7659c;
  color: #fff;
  border: none;
}
.bg-dribbble:hover, .bg-dribbble:active, .bg-dribbble:focus {
  background-color: #de5b8c;
  color: #fff;
}

.text-dribbble {
  color: #f7659c;
}
.text-dribbble:hover {
  color: #de5b8c;
}

.bg-youtube {
  background-color: #ff0000;
  color: #fff;
  border: none;
}
.bg-youtube:hover, .bg-youtube:active, .bg-youtube:focus {
  background-color: #e60000;
  color: #fff;
}

.text-youtube {
  color: #ff0000;
}
.text-youtube:hover {
  color: #e60000;
}

.bg-skype {
  background-color: #13c1f3;
  color: #fff;
  border: none;
}
.bg-skype:hover, .bg-skype:active, .bg-skype:focus {
  background-color: #11aedb;
  color: #fff;
}

.text-skype {
  color: #13c1f3;
}
.text-skype:hover {
  color: #11aedb;
}

.form-check .form-check-input, .form-check .form-check-label {
  cursor: pointer;
}

.form-check.form-check-md .form-check-input {
  height: 1.3em;
  width: 1.3em;
  margin-top: 0.15em;
}
.form-check.form-check-md .form-check-input,
.form-check.form-check-md .form-check-label {
  padding-right: 0.6em;
}

.form-switch.form-check-md .form-check-input {
  width: 2.4em;
}
.form-switch.form-check-lg .form-check-input {
  height: 2em;
  width: 4em;
  margin-top: 0.15em;
}
.form-switch.form-check-lg .form-check-input .form-check-input {
  width: 3.4em;
}

.bg-light-input .form-control {
  background-color: var(--bs-light) !important;
  border: 1px solid var(--bs-light) !important;
  border-radius: 0.325rem;
}
.bg-light-input .form-control:focus {
  border: 1px solid var(--bs-primary) !important;
}

.bg-light-input .choices .choices__inner {
  background-color: var(--bs-light) !important;
  border: 1px solid var(--bs-light) !important;
  border-radius: 0.325rem !important;
}

.bg-light-input .choices[aria-expanded=true] .choices__inner {
  border: 1px solid var(--bs-primary) !important;
}

.bg-dark-input .form-control {
  background-color: rgba(var(--bs-white-rgb), 0.1) !important;
  border: 1px solid rgba(var(--bs-white-rgb), 0.1) !important;
  border-radius: 0.325rem;
  color: #fff;
}
.bg-dark-input .form-control:focus {
  border: 1px solid rgba(var(--bs-white-rgb), 0.4) !important;
}

.input-borderless input {
  border: none;
}

.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.plyr__control--overlaid,
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true],
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true],
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: var(--bs-primary);
}

.plyr--full-ui input[type=range] {
  color: var(--bs-primary);
}

.glightbox-clean .gclose, .glightbox-modern .gclose{
  right: auto !important;
  left: 20px;
}
.nav-search .dropdown-menu {
  top: 120%;
  visibility: hidden;
  opacity: 0;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 300px;
  right: auto;
  left: 0;
}

.nav-search .dropdown-menu.show {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

@media (max-width: 575.98px) {
  .nav-search .dropdown-menu {
    width: 100%;
  }
}
.back-top {
  cursor: pointer;
  position: fixed !important;
  bottom: 40px;
  left: 40px;
  display: block;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary);
  border-radius: 10%;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.back-top i {
  font-size: 1.6rem;
  vertical-align: middle;
}
.back-top:hover {
  background: var(--bs-primary);
  color: var(--bs-white);
}
.back-top.back-top-show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

@media (max-width: 767.98px) {
  .back-top {
    bottom: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .back-top i {
    font-size: 1rem;
  }
}
.rtl-flip {
    transform: scaleX(-1);
  }
.rtl-flip.bi:before{
    transform: inherit;
  }
.ribbon {
  position: absolute;
  top: 15px;
  right: 0;
  background: var(--bs-white);
  padding: 0 10px;
  color: #24292d;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}

.ribbon::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -20px;
  border-top: 0.75em solid #fff;
  border-bottom: 0.75em solid #fff;
  border-left: 20px solid transparent;
  border-right: 0px solid transparent;
}

.uploadremove {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border: 0;
  padding: 0;
  background: var(--bs-danger);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sticky-element {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 300px;
  visibility: hidden;
  z-index: 1000;
  opacity: 0;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sticky-element.sticky-element-sticked {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.bi.fa-fw {
  display: inline-block;
}

.preloader {
  background-color: var(--bs-white);
  position: fixed;
  z-index: 1190;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
}
.preloader .preloader-item {
  position: absolute;
  top: 50%;
  right: 50%;
  text-align: center;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.btn-success-soft-check {
  background-color: var(--bs-light);
  text-align: start;
}

.btn-success-soft-check:hover {
  background-color: rgba(var(--bs-success-rgb), 0.2) !important;
  border: 1px solid var(--bs-success) !important;
}

.btn-check:active + .btn-success-soft-check, .btn-check:checked + .btn-success-soft-check, .btn-success-soft-check.active, .btn-success-soft-check:active, .show > .btn-success-soft-check.dropdown-toggle {
  background-color: rgba(var(--bs-success-rgb), 0.2);
  color: none;
  border: 1px solid var(--bs-success) !important;
}

.btn-check:focus + .btn, .btn-round-shadow:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-primary-check {
  border: 1px solid var(--bs-secondary);
}

.btn-primary-check:hover {
  background-color: var(--bs-primary);
  color: var(--bs-white);
  border: 1px solid var(--bs-primary);
}

.btn-check:active + .btn-primary-check, .btn-check:checked + .btn-primary-check, .btn-primary-check.active, .btn-primary-check:active, .show > .btn-primary-check.dropdown-toggle {
  background-color: var(--bs-primary);
  color: var(--bs-white);
  border: 1px solid var(--bs-primary);
}

.btn-check:focus + .btn, .btn-round-shadow:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.avatar {
  height: 3rem;
  width: 3rem;
  position: relative;
  display: inline-block !important;
}

.avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.avatar-group {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.avatar-group > li {
  position: relative;
}
.avatar-group > li:not(:last-child) {
  margin-left: -0.8rem;
}
.avatar-group .avatar-img {
  border: 2px solid var(--bs-body-bg);
}

.avatar .avatar-name {
  margin-right: 7px;
}

.avatar-xs {
  height: 2.1875rem;
  width: 2.1875rem;
}

.avatar-sm {
  height: 2.5rem;
  width: 2.5rem;
}

.avatar-lg {
  height: 4rem;
  width: 4rem;
}

.avatar-xl {
  height: 5.125rem;
  width: 5.125rem;
}

.avatar-xxl {
  height: 5.125rem;
  width: 5.125rem;
}
@media (min-width: 768px) {
  .avatar-xxl {
    width: 8rem;
    height: 8rem;
  }
}

.avatar-xxxl {
  height: 8rem;
  width: 8rem;
}
@media (min-width: 768px) {
  .avatar-xxxl {
    width: 11rem;
    height: 11rem;
  }
}

.text-primary-hover a {
  color: var(--bs-gray-400);
}
.text-primary-hover a:hover {
  color: var(--bs-primary) !important;
}

a.text-primary-hover, button.text-primary-hover {
  color: var(--bs-gray-600);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a.text-primary-hover:hover, button.text-primary-hover:hover {
  color: var(--bs-primary) !important;
}

.text-primary-hover li {
  color: var(--bs-gray-400);
}
.text-primary-hover li:hover {
  color: var(--bs-primary) !important;
}

.font-base {
  font-family: "vazir", sans-serif;
}

.font-heading {
  font-family: "IRANSans", sans-serif !important;
}

.grayscale {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.zoom-hover {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.zoom-hover:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.icon-sm {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  font-size: 75%;
}

.icon-md {
  width: 2.6rem;
  height: 2.6rem;
  line-height: 2.6rem;
  text-align: center;
  font-size: 0.8rem;
}

.icon-lg {
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  font-size: 1.2rem;
}

.icon-xl {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 1.9rem;
}

.icon-xxl {
  width: 7rem;
  height: 7rem;
  line-height: 7rem;
  text-align: center;
  font-size: 2.5rem;
}

.shadow-hover:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}

.sidebar {
  position: relative;
  padding: 0;
}
.sidebar.navbar-expand-sm .sidebar-content {
  padding: 0 1rem 1rem;
  width: 16.25rem;
  height: 100%;
}
.sidebar.navbar-expand-sm .offcanvas {
  width: auto;
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  background: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary) !important;
  border-radius: 0.325rem;
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link {
  color: var(--bs-white);
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link:focus {
  color: var(--bs-white) !important;
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link.active {
  color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link:hover {
  color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse] {
  position: relative;
}
.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse]:before, .sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
  content: "";
  background: #ddd;
  border-radius: 1px;
  display: block;
  position: absolute;
  height: 2px;
  width: 7px;
  margin: auto 12px;
  -webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  top: 0;
  bottom: 0;
}
.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse]:before {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  left: 0px;
}
.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  left: 5px;
}
.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  background: var(--bs-primary);
}
.sidebar.navbar-expand-sm .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  background: var(--bs-primary);
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav-link {
  line-height: 40px;
}
.sidebar.navbar-expand-sm .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link {
  padding-right: 2.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.sidebar.navbar-expand-sm .sidebar-content .navbar-nav .nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
@media (min-width: 576px) {
  .sidebar.navbar-expand-sm {
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .sidebar.navbar-expand-sm .offcanvas {
    position: relative;
  }
  .sidebar.navbar-expand-sm .navbar-brand {
    padding: 1.3rem;
  }
  .sidebar.navbar-expand-sm .navbar-nav .nav-item {
    position: relative;
  }
}
@media (max-width: 575.98px) {
  .sidebar.navbar-expand-sm {
    position: absolute;
    right: -300px;
    height: 100vh;
    z-index: 9;
  }
  .sidebar.navbar-expand-sm .navbar-brand {
    display: none;
  }
  .sidebar.navbar-expand-sm .sidebar-content {
    padding: 1rem;
  }
  .sidebar.navbar-expand-sm .navbar-nav > .nav-item > .nav-link {
    padding: 0.2rem;
    margin-bottom: 0;
    font-size: 0.938rem;
  }
  .sidebar.navbar-expand-sm .offcanvas .offcanvas-body .navbar-nav .nav-item {
    border-bottom: 0;
    padding: 0;
  }
}
.sidebar.navbar-expand-md .sidebar-content {
  padding: 0 1rem 1rem;
  width: 16.25rem;
  height: 100%;
}
.sidebar.navbar-expand-md .offcanvas {
  width: auto;
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  background: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary) !important;
  border-radius: 0.325rem;
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link {
  color: var(--bs-white);
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link:focus {
  color: var(--bs-white) !important;
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link.active {
  color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link:hover {
  color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse] {
  position: relative;
}
.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse]:before, .sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
  content: "";
  background: #ddd;
  border-radius: 1px;
  display: block;
  position: absolute;
  height: 2px;
  width: 7px;
  margin: auto 12px;
  -webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  top: 0;
  bottom: 0;
}
.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse]:before {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  left: 0px;
}
.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  left: 5px;
}
.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  background: var(--bs-primary);
}
.sidebar.navbar-expand-md .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  background: var(--bs-primary);
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav-link {
  line-height: 40px;
}
.sidebar.navbar-expand-md .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link {
  padding-right: 2.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.sidebar.navbar-expand-md .sidebar-content .navbar-nav .nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
@media (min-width: 768px) {
  .sidebar.navbar-expand-md {
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .sidebar.navbar-expand-md .offcanvas {
    position: relative;
  }
  .sidebar.navbar-expand-md .navbar-brand {
    padding: 1.3rem;
  }
  .sidebar.navbar-expand-md .navbar-nav .nav-item {
    position: relative;
  }
}
@media (max-width: 767.98px) {
  .sidebar.navbar-expand-md {
    position: absolute;
    right: -300px;
    height: 100vh;
    z-index: 9;
  }
  .sidebar.navbar-expand-md .navbar-brand {
    display: none;
  }
  .sidebar.navbar-expand-md .sidebar-content {
    padding: 1rem;
  }
  .sidebar.navbar-expand-md .navbar-nav > .nav-item > .nav-link {
    padding: 0.2rem;
    margin-bottom: 0;
    font-size: 0.938rem;
  }
  .sidebar.navbar-expand-md .offcanvas .offcanvas-body .navbar-nav .nav-item {
    border-bottom: 0;
    padding: 0;
  }
}
.sidebar.navbar-expand-lg .sidebar-content {
  padding: 0 1rem 1rem;
  width: 16.25rem;
  height: 100%;
}
.sidebar.navbar-expand-lg .offcanvas {
  width: auto;
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  background: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary) !important;
  border-radius: 0.325rem;
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link {
  color: var(--bs-white);
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link:focus {
  color: var(--bs-white) !important;
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link.active {
  color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link:hover {
  color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse] {
  position: relative;
}
.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse]:before, .sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
  content: "";
  background: #ddd;
  border-radius: 1px;
  display: block;
  position: absolute;
  height: 2px;
  width: 7px;
  margin: auto 12px;
  -webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  top: 0;
  bottom: 0;
}
.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse]:before {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  left: 0px;
}
.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  left: 5px;
}
.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  background: var(--bs-primary);
}
.sidebar.navbar-expand-lg .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  background: var(--bs-primary);
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav-link {
  line-height: 40px;
}
.sidebar.navbar-expand-lg .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link {
  padding-right: 2.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.sidebar.navbar-expand-lg .sidebar-content .navbar-nav .nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
@media (min-width: 992px) {
  .sidebar.navbar-expand-lg {
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .sidebar.navbar-expand-lg .offcanvas {
    position: relative;
  }
  .sidebar.navbar-expand-lg .navbar-brand {
    padding: 1.3rem;
  }
  .sidebar.navbar-expand-lg .navbar-nav .nav-item {
    position: relative;
  }
}
@media (max-width: 991.98px) {
  .sidebar.navbar-expand-lg {
    position: absolute;
    right: -300px;
    height: 100vh;
    z-index: 9;
  }
  .sidebar.navbar-expand-lg .navbar-brand {
    display: none;
  }
  .sidebar.navbar-expand-lg .sidebar-content {
    padding: 1rem;
  }
  .sidebar.navbar-expand-lg .navbar-nav > .nav-item > .nav-link {
    padding: 0.2rem;
    margin-bottom: 0;
    font-size: 0.938rem;
  }
  .sidebar.navbar-expand-lg .offcanvas .offcanvas-body .navbar-nav .nav-item {
    border-bottom: 0;
    padding: 0;
  }
}
.sidebar.navbar-expand-xl .sidebar-content {
  padding: 0 1rem 1rem;
  width: 16.25rem;
  height: 100%;
}
.sidebar.navbar-expand-xl .offcanvas {
  width: auto;
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  background: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary) !important;
  border-radius: 0.325rem;
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link {
  color: var(--bs-white);
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link:focus {
  color: var(--bs-white) !important;
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link.active {
  color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link:hover {
  color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse] {
  position: relative;
}
.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse]:before, .sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
  content: "";
  background: #ddd;
  border-radius: 1px;
  display: block;
  position: absolute;
  height: 2px;
  width: 7px;
  margin: auto 12px;
  -webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  top: 0;
  bottom: 0;
}
.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse]:before {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  left: 0px;
}
.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  left: 5px;
}
.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  background: var(--bs-primary);
}
.sidebar.navbar-expand-xl .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  background: var(--bs-primary);
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav-link {
  line-height: 40px;
}
.sidebar.navbar-expand-xl .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link {
  padding-right: 2.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.sidebar.navbar-expand-xl .sidebar-content .navbar-nav .nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
@media (min-width: 1200px) {
  .sidebar.navbar-expand-xl {
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .sidebar.navbar-expand-xl .offcanvas {
    position: relative;
  }
  .sidebar.navbar-expand-xl .navbar-brand {
    padding: 1.3rem;
  }
  .sidebar.navbar-expand-xl .navbar-nav .nav-item {
    position: relative;
  }
}
@media (max-width: 1199.98px) {
  .sidebar.navbar-expand-xl {
    position: absolute;
    right: -300px;
    height: 100vh;
    z-index: 9;
  }
  .sidebar.navbar-expand-xl .navbar-brand {
    display: none;
  }
  .sidebar.navbar-expand-xl .sidebar-content {
    padding: 1rem;
  }
  .sidebar.navbar-expand-xl .navbar-nav > .nav-item > .nav-link {
    padding: 0.2rem;
    margin-bottom: 0;
    font-size: 0.938rem;
  }
  .sidebar.navbar-expand-xl .offcanvas .offcanvas-body .navbar-nav .nav-item {
    border-bottom: 0;
    padding: 0;
  }
}
.sidebar.navbar-expand-xxl .sidebar-content {
  padding: 0 1rem 1rem;
  width: 16.25rem;
  height: 100%;
}
.sidebar.navbar-expand-xxl .offcanvas {
  width: auto;
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  background: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary) !important;
  border-radius: 0.325rem;
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link {
  color: var(--bs-white);
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link:focus {
  color: var(--bs-white) !important;
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link.active {
  color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link:hover {
  color: var(--bs-primary) !important;
}
.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse] {
  position: relative;
}
.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse]:before, .sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
  content: "";
  background: #ddd;
  border-radius: 1px;
  display: block;
  position: absolute;
  height: 2px;
  width: 7px;
  margin: auto 12px;
  -webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  top: 0;
  bottom: 0;
}
.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse]:before {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  left: 0px;
}
.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  left: 5px;
}
.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  background: var(--bs-primary);
}
.sidebar.navbar-expand-xxl .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  background: var(--bs-primary);
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav-link {
  line-height: 40px;
}
.sidebar.navbar-expand-xxl .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link {
  padding-right: 2.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.sidebar.navbar-expand-xxl .sidebar-content .navbar-nav .nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
@media (min-width: 1400px) {
  .sidebar.navbar-expand-xxl {
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .sidebar.navbar-expand-xxl .offcanvas {
    position: relative;
  }
  .sidebar.navbar-expand-xxl .navbar-brand {
    padding: 1.3rem;
  }
  .sidebar.navbar-expand-xxl .navbar-nav .nav-item {
    position: relative;
  }
}
@media (max-width: 1399.98px) {
  .sidebar.navbar-expand-xxl {
    position: absolute;
    right: -300px;
    height: 100vh;
    z-index: 9;
  }
  .sidebar.navbar-expand-xxl .navbar-brand {
    display: none;
  }
  .sidebar.navbar-expand-xxl .sidebar-content {
    padding: 1rem;
  }
  .sidebar.navbar-expand-xxl .navbar-nav > .nav-item > .nav-link {
    padding: 0.2rem;
    margin-bottom: 0;
    font-size: 0.938rem;
  }
  .sidebar.navbar-expand-xxl .offcanvas .offcanvas-body .navbar-nav .nav-item {
    border-bottom: 0;
    padding: 0;
  }
}
.sidebar.navbar-expand {
  position: fixed;
  z-index: 1030;
  top: 0;
  right: 0;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: absolute;
  right: -300px;
  height: 100vh;
  z-index: 9;
}
.sidebar.navbar-expand .sidebar-content {
  padding: 0 1rem 1rem;
  width: 16.25rem;
  height: 100%;
}
.sidebar.navbar-expand .offcanvas {
  width: auto;
}
.sidebar.navbar-expand .sidebar-content .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  background: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary) !important;
  border-radius: 0.325rem;
}
.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link {
  color: var(--bs-white);
}
.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link:focus {
  color: var(--bs-white) !important;
}
.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link.active {
  color: var(--bs-primary) !important;
}
.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link:hover {
  color: var(--bs-primary) !important;
}
.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse] {
  position: relative;
}
.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse]:before, .sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
  content: "";
  background: #ddd;
  border-radius: 1px;
  display: block;
  position: absolute;
  height: 2px;
  width: 7px;
  margin: auto 12px;
  -webkit-transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out;
  transition: transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1), background 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.8, 0.2, 0.5, 0.1);
  top: 0;
  bottom: 0;
}
.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse]:before {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  left: 0px;
}
.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse]:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  left: 5px;
}
.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:before {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  background: var(--bs-primary);
}
.sidebar.navbar-expand .sidebar-content .nav-item [data-bs-toggle=collapse][aria-expanded=true]:after {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  background: var(--bs-primary);
}
.sidebar.navbar-expand .sidebar-content .navbar-nav .nav-link {
  line-height: 40px;
}
.sidebar.navbar-expand .sidebar-content .nav.flex-column:not(.nav-pills) .nav-link {
  padding-right: 2.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.sidebar.navbar-expand .sidebar-content .navbar-nav .nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.sidebar.navbar-expand .offcanvas {
  position: relative;
}
.sidebar.navbar-expand .navbar-brand {
  padding: 1.3rem;
}
.sidebar.navbar-expand .navbar-nav .nav-item {
  position: relative;
}
.sidebar.navbar-expand .navbar-brand {
  display: none;
}
.sidebar.navbar-expand .sidebar-content {
  padding: 1rem;
}
.sidebar.navbar-expand .navbar-nav > .nav-item > .nav-link {
  padding: 0.2rem;
  margin-bottom: 0;
  font-size: 0.938rem;
}
.sidebar.navbar-expand .offcanvas .offcanvas-body .navbar-nav .nav-item {
  border-bottom: 0;
  padding: 0;
}

.sidebar-offcanvas-menu {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  border-radius: 0.325rem;
}

.top-bar {
  position: relative;
  padding: 1.6rem;
  -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
          box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
}

@media (max-width: 991.98px) {
  .top-bar .navbar-expand-lg .navbar-collapse {
    padding: 0 10px;
  }
}
.page-content {
  position: relative;
  height: 100%;
  display: block;
}
.page-content .page-content-wrapper {
  min-height: 86vh;
  margin: 1.5rem 1.5rem;
  padding: 1.5rem;
  background: var(--bs-body-bg);
  -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
          box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
  border-radius: 6px;
  height: 100%;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media (min-width: 1200px) {
  .page-content {
    margin-right: 16.25rem;
  }
}
@media (max-width: 575.98px) {
  .page-content .page-content-wrapper {
    margin: 1rem 0;
    padding: 1rem;
  }
}
.animation-blink {
  -webkit-animation: blink 2s infinite;
          animation: blink 2s infinite;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.notif-badge {
  width: 10px;
  height: 10px;
  background: var(--bs-danger);
  border-radius: 50%;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
}

.choices {
  margin-bottom: 0;
}
.choices .choices__inner {
  background-color: var(--bs-body-bg);
  color: var(--bs-gray-700);
  border: 1px solid var(--bs-gray-300);
  line-height: 1.5;
  border-radius: 0.325rem;
  min-height: auto;
  font-size: 0.9375rem;
  padding: 0.5rem 1rem 0.5rem 2.25rem !important;
  direction: rtl
}
.choices .choices__list--multiple .choices__item {
  background-color: var(--bs-gray-300);
  border: 1px solid var(--bs-gray-300);
  border-radius: 0.325rem;
  color: var(--bs-gray-600);
}
.choices .choices__list--dropdown {
  background: var(--bs-body-bg);
  border: none !important;
  z-index: 9;
  border-bottom-right-radius: 0.325rem;
  border-bottom-left-radius: 0.325rem;
  visibility: visible !important;
}
.choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--bs-gray-200);
}
.choices .choices__list--dropdown[aria-expanded=true] {
  border: 1px solid var(--bs-gray-300) !important;
}
.choices .choices__list--dropdown,
.choices .choices__list[aria-expanded] {
  margin-top: 0px;
  direction: rtl
}
.choices.is-open .choices__list--dropdown, .choices.is-open .choices__list[aria-expanded] {
  margin-top: -1px;
}
.choices .choices__list--dropdown .choices__item {
  color: var(--bs-body-color);
}

.choices.is-focused .choices__inner {
  border-color: #066ac9;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.choices.is-focused[data-type*=select-one] .choices__inner, .choices.is-focused[data-type*=select-multiple] .choices__inner {
  border-color: var(--bs-gray-300) !important;
}

.choices__input {
  background-color: transparent;
  color: var(--bs-gray-700);
}

.choices[data-type*=select-one] .choices__input {
  background: var(--bs-body-bg);
  color: #747579;
  border-color: var(--bs-gray-300) !important;
}

.choices__list--single {
  padding: 0;
}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
  border-right: 1px solid #9a9ea4;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
}

.choices[data-type*=select-one]:after {
  content: "";
  height: 12px;
  width: 12px;
  border: none;
  border-width: 5px;
  position: absolute;
  left: 11.5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23747579' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
}

.choices[data-type*=select-one].is-open:after {
  margin-top: 0;
}

.choices__list--dropdown .choices__item--selectable:after {
  content: none;
}

.choices__list--dropdown .choices__item--selectable {
  padding-left: 0;
}

.choices__list--dropdown .choices__item {
  padding: 4px 10px !important;
}

.choices[data-type*=select-one] .choices__input {
  padding: 6px 10px;
}

.choices .choices__input {
  margin-bottom: 0;
  padding: 0;
}

.choices[data-type*=select-one] .choices__list > .choices__list > .choices__item--selectable {
  padding-left: 0px;
}

.choices[data-type*=select-one] .choices__list > .choices__list > .choices__item--selectable::after {
  display: none;
}

.choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: rgba(var(--bs-primary-rgb), 0.2);
  color: var(--bs-primary);
}

.bottomborder-select .choices .choices__inner {
  background-color: transparent;
  color: #414953;
  border: none;
  line-height: 1.6;
  border-radius: 0;
  min-height: auto;
  border-bottom: 1px solid #cfd3d7;
}

.collapsing .choices__list--dropdown {
  display: none;
}

.collapse.show .choices__list--dropdown {
  display: block;
}

.choices[aria-expanded=true] .choices__inner {
  border-radius: 0.325rem 0.325rem 0 0 !important;
}

.choices__list--dropdown .choices__list {
  position: relative;
  max-height: 200px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

html[dir=rtl] .choices,
html[dir=rtl] select option,
html[dir=rtl] .choices__input {
  /*direction: ltr;*/
  unicode-bidi: bidi-override;
  text-align: right;
}

[dir=rtl] .choices__list--dropdown .choices__item--selectable {
  padding-right: 10px;
  padding-left: 0;
}

.input-borderless .choices .choices__inner {
  border: none;
}

.input-borderless .choices .choices__list--dropdown {
  border: none !important;
  margin-top: 9px;
  border-radius: 0.5rem;
  z-index: 99999;
}
.input-borderless .choices .choices__list--dropdown[aria-expanded=true] {
  -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
          box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
  margin-top: 5px;
}

.background-light .choices .choices__inner {
  background-color: #f5f7f9;
}

.choices-sm .choices .choices__inner {
  padding: 0.2rem 1rem 0.2rem 1rem !important;
}

.tns-outer {
  position: relative;
}

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

.tiny-slider .item {
  position: relative;
}

.tns-controls [data-controls] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 0.325rem;
  display: block;
  z-index: 9;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(var(--bs-white-rgb), 0.3);
  color: var(--bs-white);
  border: none;
  margin: 0 10px;
}
.tns-controls [data-controls]:hover {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}
.tns-controls [data-controls] i {
  line-height: inherit;
}

.tns-controls [data-controls=prev] {
  right: 0;
}

.tns-controls [data-controls=next] {
  left: 0;
}

.tiny-slider .tns-controls [data-controls]{
  transform: scaleX(-1) translateY(-50%);
}

.tiny-slider.arrow-creative .tns-controls [data-controls]{
  transform: scaleX(1) translateY(-50%);
}

.tns-visually-hidden {
  right: -10000em !important;
  left: 0 !important;
}
.arrow-dark [data-controls] {
  background: var(--bs-dark);
  color: var(--bs-white);
}

.arrow-white [data-controls] {
  background-color: var(--bs-white);
  color: var(--bs-body-color);
}

.arrow-gray [data-controls] {
  background: var(--bs-gray-300);
  color: var(--bs-dark);
}

.arrow-round [data-controls] {
  border-radius: 50%;
}

.arrow-blur [data-controls] {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.4) !important;
}
.arrow-blur [data-controls]:hover {
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
  background: rgba(0, 0, 0, 0.4) !important;
}
.arrow-blur.arrow-white [data-controls] {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: var(--bs-white);
}

.arrow-hover {
  overflow: hidden;
}
.arrow-hover [data-controls=prev] {
  right: -75px;
}
.arrow-hover [data-controls=next] {
  left: -75px;
}
.arrow-hover:hover [data-controls=prev] {
  right: 0px;
}
.arrow-hover:hover [data-controls=next] {
  left: 0px;
}

.arrow-xs .tns-controls [data-controls] {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  margin: 0;
}

@media (max-width: 767.98px) {
  .arrow-md-none [data-controls] {
    display: none;
  }
}
.arrow-creative .fa-chevron-right:before {
  content: "\f060" !important;
}

.arrow-creative .fa-chevron-left:before {
  content: "\f061" !important;
}

.tns-nav {
  position: absolute;
  top: 100%;
  bottom: 0;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  z-index: 10;
  width: auto;
  text-align: center;
  white-space: nowrap;
}
.tns-nav [data-nav] {
  position: relative;
  display: inline-block;
  margin: 0 4px;
  padding: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  overflow: hidden;
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 0 2px var(--bs-gray-500);
          box-shadow: inset 0 0 0 2px var(--bs-gray-500);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 0;
}
.tns-nav [data-nav]:after {
  border-radius: 50%;
  overflow: hidden;
  content: "";
  position: absolute;
  bottom: 0;
  height: 0;
  right: 0;
  width: 100%;
  background-color: var(--bs-gray-500);
  -webkit-box-shadow: 0 0 1px var(--bs-gray-500);
          box-shadow: 0 0 1px var(--bs-gray-500);
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
.tns-nav .tns-nav-active:after {
  height: 100%;
}

.dots-inside .tns-nav {
  top: auto;
  padding-bottom: 20px;
}

.dots-primary .tns-nav [data-nav] {
  -webkit-box-shadow: inset 0 0 0 2px var(--bs-primary);
          box-shadow: inset 0 0 0 2px var(--bs-primary);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dots-primary .tns-nav [data-nav]:after {
  background-color: var(--bs-primary);
  -webkit-box-shadow: 0 0 1px var(--bs-primary);
          box-shadow: 0 0 1px var(--bs-primary);
}

.dots-white .tns-nav [data-nav] {
  -webkit-box-shadow: inset 0 0 0 2px var(--bs-white);
          box-shadow: inset 0 0 0 2px var(--bs-white);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dots-white .tns-nav [data-nav]:after {
  background-color: var(--bs-white);
  -webkit-box-shadow: 0 0 1px var(--bs-white);
          box-shadow: 0 0 1px var(--bs-white);
}

.dots-dark .tns-nav [data-nav] {
  -webkit-box-shadow: inset 0 0 0 2px var(--bs-dark-gray);
          box-shadow: inset 0 0 0 2px var(--bs-dark-gray);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dots-dark .tns-nav [data-nav]:after {
  background-color: var(--bs-dark-gray);
  -webkit-box-shadow: 0 0 1px var(--bs-dark-gray);
          box-shadow: 0 0 1px var(--bs-dark-gray);
}

.apexcharts-tooltip.apexcharts-theme-light {
  background: var(--bs-white) !important;
  border: 0 !important;
  -webkit-box-shadow: 0 12px 14px rgba(107, 124, 147, 0.3);
          box-shadow: 0 12px 14px rgba(107, 124, 147, 0.3);
		  text-align: right;
		  direction: ltr
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: var(--bs-gray-100) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--bs-gray-300) !important;
  color: var(--bs-dark);
}

.apexcharts-theme-light .apexcharts-tooltip-text-y-value,
.apexcharts-theme-light .apexcharts-tooltip-text-goals-value,
.apexcharts-theme-light .apexcharts-tooltip-text-z-value,
.apexcharts-theme-light .apexcharts-tooltip-text-y-label {
  color: var(--bs-dark);
  margin-right: 1px !important;
}

.apexcharts-theme-dark .apexcharts-tooltip-text-y-value,
.apexcharts-theme-dark .apexcharts-tooltip-text-goals-value,
.apexcharts-theme-dark .apexcharts-tooltip-text-z-value,
.apexcharts-theme-dark .apexcharts-tooltip-text-y-label {
  color: var(--bs-white);
  margin-right: 1px !important;
}

.apexcharts-legend-text, .apexcharts-text, .apexcharts-title-text, .apexcharts-text tspan, .apexcharts-tooltip-title, .apexcharts-tooltip-text, .apexcharts-xaxistooltip-text, .apexcharts-yaxistooltip-text {
  font-family: "IRANSans", sans-serif !important;
}

.apexcharts-xaxis text, .apexcharts-yaxis text {
  fill: var(--bs-gray-400);
}

.apexcharts-xaxistooltip, .apexcharts-yaxistooltip {
  background: var(--bs-white) !important;
  -webkit-box-shadow: 0 3px 14px rgba(107, 124, 147, 0.3);
          box-shadow: 0 3px 14px rgba(107, 124, 147, 0.3);
}

.apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: var(--bs-body-bg) !important;
}

.apexcharts-xaxistooltip, .apexcharts-yaxistooltip, .apexcharts-yaxistooltip-right:before, .apexcharts-xaxistooltip-bottom:before {
  border: none !important;
}

.apexcharts-xaxistooltip {
  color: var(--bs-gray-700) !important;
}

.stepper-outline .step-trigger:hover {
  background-color: transparent;
}
.stepper-outline .bs-stepper-circle {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  border: 2px solid rgba(var(--bs-primary-rgb), 0.4);
  color: var(--bs-primary);
  line-height: 1.9rem;
}
.stepper-outline .bs-stepper-content {
  padding: 20px;
}
.stepper-outline .step.active .bs-stepper-circle {
  background-color: var(--bs-primary);
  color: var(--bs-white);
  border: none;
  line-height: 2rem;
}
.stepper-outline .step .bs-stepper-label {
  margin: 0;
}
.stepper-outline .step.active .bs-stepper-label {
  color: var(--bs-primary);
}

.step-trigger {
  padding: 5px;
}
.step-trigger:hover {
  text-decoration: none;
  background-color: transparent;
}

@media (max-width: 767.98px) {
  .stepper-outline .bs-stepper-circle {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 1.4rem;
  }
  .stepper-outline .step.active .bs-stepper-circle {
    line-height: 1.6rem;
  }
  .stepper-outline .bs-stepper-content {
    padding: 5px;
  }
}
.fullscreen-video .plyr--video {
  height: 100vh;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  background-size: cover;
}

.video-player .plyr--video {
  border-radius: 0.5rem;
}

.ql-snow .ql-picker {
  color: var(--bs-body-color);
}
.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: var(--bs-gray-800);
}
.ql-snow .ql-stroke {
  stroke: var(--bs-body-color);
}

[data-bs-theme=dark] {
  --bs-light: #2a2c31;
  --bs-dark: #0f0f10;
  --bs-dark-rgb: 15, 15, 16;
  --bs-gray-200: #464950;
  --bs-gray-300: #3e3e40;
  --bs-gray-400: #a1a1a8;
  --bs-gray-500: #bfc0c9;
  --bs-gray-600: #c5c6cc;
  --bs-gray-700: #f3f1f1;
  --bs-gray-800: #f7f5f5;
  --bs-gray-900: #fff;
  --bs-body-bg: #222529;
  --bs-body-bg-rgb: #222529;
  --bs-body-color: #a1a1a8;
  --bs-border-color: rgba(255, 255, 255, 0.07);
  --bs-mode:#1b1e21;
}
[data-bs-theme=dark] .navbar {
  --bs-navbar-color: var(--bs-gray-600);
  --bs-navbar-disabled-color: var(--bs-gray-400);
}
[data-bs-theme=dark] .navbar-dark {
  --bs-navbar-color: var(--bs-gray-900);
}
[data-bs-theme=dark] .nav {
  --bs-nav-link-color: var(--bs-gray-600);
}
[data-bs-theme=dark] .nav-category {
  border-bottom: solid 1px var(--bs-light);
}
[data-bs-theme=dark] .dropdown-menu {
  --bs-dropdown-bg: var(--bs-dark);
  --bs-dropdown-link-disabled-color: var(--bs-gray-200);
  -webkit-box-shadow: none;
          box-shadow: none;
  --bs-dropdown-divider-bg:var(--bs-body-bg);
}
[data-bs-theme=dark] .dropdown-menu:before {
  background-color: var(--bs-dark) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
[data-bs-theme=dark] .card {
  --bs-card-cap-bg: var(--bs-mode);
  --bs-card-bg: var(--bs-mode);
}
[data-bs-theme=dark] .btn-white.active, [data-bs-theme=dark] .btn-white:active, [data-bs-theme=dark] .btn-white:focus, [data-bs-theme=dark] .btn-white:hover {
  background: var(--bs-gray-800);
}
[data-bs-theme=dark] .alert-light {
  --bs-alert-bg: var(--bs-gray-600);
  --bs-alert-border-color: var(--bs-gray-600);
}
[data-bs-theme=dark] .btn-dark {
  --bs-btn-bg: var(--bs-dark) !important;
  --bs-btn-border-color: var(--bs-dark) !important;
}
[data-bs-theme=dark] hr {
  color: var(--bs-gray-300);
}
[data-bs-theme=dark] .modal {
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-footer-border-color: var(--bs-border-color);
}
[data-bs-theme=dark] .table-light {
  --bs-table-bg: var(--bs-light);
  --bs-table-color: var(--bs-gray-900);
}
[data-bs-theme=dark] .offcanvas, [data-bs-theme=dark] .offcanvas-xxl, [data-bs-theme=dark] .offcanvas-xl, [data-bs-theme=dark] .offcanvas-lg, [data-bs-theme=dark] .offcanvas-md, [data-bs-theme=dark] .offcanvas-sm {
  --bs-offcanvas-bg: var(--bs-body-bg);
}
[data-bs-theme=dark] .fill-primary {
  fill: var(--bs-primary) !important;
}
[data-bs-theme=dark] .fill-dark {
  fill: var(--bs-dark) !important;
}
[data-bs-theme=dark] .text-dark {
  color: var(--bs-dark) !important;
}
[data-bs-theme=dark] .bg-light {
  background-color: var(--bs-light) !important;
}
[data-bs-theme=dark] .border-light {
  border-color: var(--bs-light) !important;
}
[data-bs-theme=dark] .bg-body {
  background-color: var(--bs-body-bg) !important;
}
[data-bs-theme=dark] .shadow, [data-bs-theme=dark] .shadow-lg, [data-bs-theme=dark] .shadow-sm {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
[data-bs-theme=dark] .navbar-nav .dropdown .dropdown-submenu:hover > .dropdown-menu {
  -webkit-box-shadow: none;
          box-shadow: none;
}
[data-bs-theme=dark] .btn-close {
  -webkit-filter: invert(1) grayscale(100%) brightness(300%);
          filter: invert(1) grayscale(100%) brightness(300%);
}
[data-bs-theme=dark] header.navbar-sticky-on {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
[data-bs-theme=dark] .accordion.accordion-shadow .accordion-button {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid var(--bs-gray-200);
}
[data-bs-theme=dark] .top-bar {
  -webkit-box-shadow: none;
          box-shadow: none;
}
[data-bs-theme=dark] .choices .choices__list--dropdown {
  background: var(--bs-dark);
}
[data-bs-theme=dark] .choices[data-type*=select-one] .choices__input {
  background: var(--bs-dark);
}

.dark-mode-switch .btn.active {
  background-color: var(--bs-body-bg) !important;
  border-color: var(--bs-body-bg) !important;
  color: var(--bs-gray-800);
  -webkit-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
          box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
}

.dark-mode-item {
  display: none !important;
}

[data-bs-theme=dark] .dark-mode-item {
  display: inline-block !important;
}
[data-bs-theme=dark] .light-mode-item {
  display: none !important;
}

/*svg{
	transform: scale(-1,1)
}
svg#Capa_1 {
	transform: scale(1,-1)
}*/
.ff-vb{
	font-family: 'vazir-bold', sans-serif
}
.ff-v{
	font-family: 'vazir', sans-serif
}
.upload-button{
	border: 1px solid var(--bs-gray-300);
}

/*User CSS*/
/*# sourceMappingURL=style-rtl.css.map */



/* پایه */
.custom-modal {
    --bs-modal-width: 95% !important;
}


/* ≥ 576px */
@media (min-width: 576px) {
    .custom-modal {
        --bs-modal-width: 400px !important;
    }
    .video-player_custom
    {
        --bs-modal-width: 200px !important;
    }
}

/* ≥ 768px */
@media (min-width: 768px) {
    .custom-modal {
        --bs-modal-width: 500px !important;
    }
    .video-player_custom
    {
        --bs-modal-width: 300px !important;
    }
}

/* ≥ 992px */
@media (min-width: 992px) {
    .custom-modal {
        --bs-modal-width: 600px !important;
    }
    .video-player_custom
    {
        --bs-modal-width: 400px !important;
    }
}

/* ≥ 1200px */
@media (min-width: 1200px) {
    .custom-modal {
        --bs-modal-width: 700px !important;
    }
    .video-player_custom
    {
        --bs-modal-width: 500px !important;
    }
}
/* حالت پایه — موبایل */
.video-player video {
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    border-radius: 10px;
}

/* بزرگ‌تر از 576 — موبایل افقی */
@media (min-width: 576px) {
    .video-player video {
        max-height: 280px;
    }
}

/* بزرگ‌تر از 768 — تبلت */
@media (min-width: 768px) {
    .video-player video {
        max-height: 350px;
    }
}

/* بزرگ‌تر از 992 — لپ‌تاپ */
@media (min-width: 992px) {
    .video-player video {
        max-height: 420px;
        width: 65%;  /* کمی کوچکتر داخل مودال */
        margin: 0 auto;
        display: block;
    }
}

/* بزرگ‌تر از 1200 — مانیتور */
@media (min-width: 1200px) {
    .video-player video {
        max-height: 500px;
        width: 65%;
    }
}
/* در موبایل فیلدها باید 100% شوند */
@media (max-width: 767px) {
    .modal-fields-row > div {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
/* ردیف فرم */
.flex-form {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /* فاصله بین فیلدها */
}

/* فیلدها در حالت عادی */
.flex-form .form-box {
    flex: 1 1 calc(50% - 1rem); /* دو ستون */
}

/* در موبایل حتماً زیر هم بیفتد */
@media (max-width: 767px) {
    .flex-form .form-box {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
}
.wizard-container {
    direction: rtl;
    color: #fff;
    width: 80%;
    margin:  auto;

}

/* Steps Header */
.steps-header {
    overflow-x: auto;
    padding: 10px 0;
    scrollbar-width: thin;
}

.step-item {
    text-align: center;
    min-width: 65px;
    cursor: pointer;
    user-select: none;
}

.step-circle {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #2d3239;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    transition: 0.3s;
}

.step-title {
    font-size: 12px;
    margin-top: 5px;
}

/* Active */
.step-item.active .step-circle {
    background: #0dcaf0;
    color: #000;
    transform: scale(1.1);
}
.step-item.active .step-title {
    color: #0dcaf0;
}

/* Completed */
.step-item.completed .step-circle {
    background: #28a745;
}

/* Line between steps */
.step-line {
    flex: 1;
    height: 2px;
    background: #444;
    margin: 0 4px;
}

/* Content card */
.step-content-card {
    background: #1f2329;
    border-radius: 14px;
    padding: 20px;
    margin-top: 20px;
    min-height: 380px;
    box-shadow: 0 0 15px rgba(0,0,0,.3);
}

/* Buttons */
.wizard-buttons {
    position: sticky;
    bottom: 0;
    background: #1c1f25;
    padding: 15px;
    display: flex;
    gap: 10px;
}
.wizard-buttons button:nth-child(1){
    margin-right: 20% ;
}
.wizard-buttons button:hover {
    color:#1c1f25;
}
/* Animation */
.fade-in {
    animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Mobile */
@media (max-width: 768px) {
    .steps-header {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
    }
    .wizard-buttons {
        flex-direction: column;
    }
}

/*.rtl { direction: rtl; text-align:right; }*/
/*.question-card {*/
/*    background:#0a53be;*/
/*    border-radius:18px;*/
/*    padding:25px;*/
/*    margin-bottom:20px;*/
/*    box-shadow:0 4px 12px rgba(0,0,0,.05);*/
/*    scroll-margin-top:90px;*/
/*}*/

/*.rtl { direction: rtl; text-align:right; }*/
/*.question-card {*/
/*    background: #0a53be;*/
/*    border-radius: 16px;*/
/*    scroll-margin-top: 80px;*/
/*    transition: all .3s ease;*/
/*}*/
/*.question-card:hover {*/
/*    box-shadow: 0 0 12px rgba(0,0,0,.08);*/
/*}*/
.rtl { direction: rtl !important; text-align: right; }
.question-card { border-radius: 16px; scroll-margin-top: 80px; }



/* انیمیشن اسلاید */
.animate-slide {
    animation: slideIn .35s ease-out;
}
@keyframes slideIn {
    from { transform: translateX(25px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
.code-input {
    width: 60px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

@media (max-width: 576px) {
    .code-input {
        width: 50px;
        font-size: 1.2rem;
    }
}
.d-flex.flex-nowrap {
    flex-wrap: nowrap !important; /* اجباری کنار هم بودن */
}
[dir="rtl"] .card { direction: rtl; }
.form-check-input { transform: scale(1.05); margin-left: .5rem; }
.card-body h5 { line-height: 1.3; }
@media (max-width:576px) {
    .card { margin: 0 -8px; border-radius: 12px; }
    .progress { height: 8px; }
}

.option-btn {
    border: 1px solid #d5d5d5;
    border-radius: 12px;
    background: #fff;
    transition: 0.2s;
}
.option-btn:hover {
    background: #f8f9fa;
}
.option-btn.active {
    background: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.card-section { background:#3f586d; padding:20px; border-radius:12px; box-shadow:0 5px 15px rgba(0,0,0,0.05); margin-bottom:30px;}
.poster-card img { width:120px; border-radius:10px; }
.template-label { display:block; margin-bottom:5px; cursor:pointer; }
.template-label:hover { background:#f1f1f1; }
.table-responsive { overflow-x:auto; }
.btn { border-radius:8px; font-weight:500; }
/* ریسپانسیو جدول */
@media (max-width:768px){
    .table thead { display:none; }
    .table tbody, .table tr, .table td { display:block; width:100%; }
    .table tr { margin-bottom:15px; border-bottom:2px solid #f0f0f0; }
    .table td { text-align:right; padding-left:50%; position:relative; }
    .table td::before { position:absolute; top:50%; left:15px; transform:translateY(-50%); font-weight:600; white-space:nowrap; }
    .table td:nth-of-type(1)::before { content:"ردیف"; }
    .table td:nth-of-type(2)::before { content:"نام"; }
    .table td:nth-of-type(3)::before { content:"نام خانوادگی"; }
    .table td:nth-of-type(4)::before { content:"آخرین ورود"; }
    .table td:nth-of-type(5)::before { content:"موقعیت کاربری"; }
    .table td:nth-of-type(6)::before { content:"امتیاز کاربر"; }
    .table td:nth-of-type(7)::before { content:"امتیاز شما"; }
    .table td:nth-of-type(8)::before { content:"مبلغ خرید"; }
    .table td:nth-of-type(9)::before { content:"هدیه شما"; }
    .table td:nth-of-type(10)::before { content:"عملیات"; }
}
.poster-box {
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 3px 12px rgba(0,0,0,0.1);
}

.ref-box, .intro-box {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.07);
}

.mobile-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.08);
}
/*!* === موبایل optimized === *!*/
/*.option-btn {*/
/*    width: 100%;*/
/*    padding: 14px;*/
/*    border-radius: 12px;*/
/*    border: 1px solid #ccc;*/
/*    background: #fff;*/
/*    text-align: right;*/
/*    transition: 0.2s;*/
/*}*/
/*.option-btn:hover {*/
/*    background: #f1f1f1;*/
/*}*/
/*.option-btn.active {*/
/*    background: #4f46e5;*/
/*    color: white;*/
/*    border-color: #4f46e5;*/
/*}*/
body {
    background: #1d1f23 !important;
}

.box {
    background: #2a2d33;
    padding: 15px;
    border-radius: 10px;
}

.title {
    color: #eee;
    font-size: 14px;
    font-weight: 600;
    border-right: 3px solid #0d6efd;
    padding-right: 10px;
}

.poster {
    width: 100%;
    border-radius: 10px;
}

.input-dark {
    background: #1c1e22 !important;
    color: #cdd6e3 !important;
    border: 1px solid #3e4249 !important;
}

.preview {
    background: #1c1e22;
    border: 1px solid #33383f;
    padding: 12px;
    border-radius: 8px;
    color: #cdd5e1;
    min-height: 90px;
    white-space: pre-line;
}

.small-table th, .small-table td {
    font-size: 13px !important;
    padding: 6px 4px !important;
}

.small-progress {
    height: 6px !important;
}

.mobile-card {
    background: #1f2126;
    color: #fff;
    border-radius: 8px;
}
/*self asseewment */
.scholarship-step-shell {
    width: 100%;
    padding: 24px 0;
    color: #1f2937;
}

.scholarship-step-card {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    padding: 28px;
}

.step-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.step-eyebrow {
    display: inline-flex;
    align-items: center;
    background: #eef2ff;
    color: #4338ca;
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 12px;
}

.step-card-header h3 {
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 900;
    color: #111827;
}

.step-card-header p {
    margin: 0;
    color: #6b7280;
    line-height: 1.9;
    max-width: 680px;
}

.step-score-pill {
    min-width: 130px;
    background: #111827;
    color: #ffffff;
    border-radius: 18px;
    padding: 14px 16px;
    text-align: center;
}

.step-score-pill span {
    display: block;
    font-size: 12px;
    color: #d1d5db;
    margin-bottom: 6px;
}

.step-score-pill strong {
    font-size: 24px;
    font-weight: 900;
}

.assessment-progress-box {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 16px;
    margin-bottom: 22px;
}

.progress-meta {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 800;
    color: #374151;
    margin-bottom: 10px;
}

.assessment-progress-track {
    height: 10px;
    border-radius: 999px;
    background: #e5e7eb;
    overflow: hidden;
}

.assessment-progress-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #4f46e5, #06b6d4);
    transition: width .25s ease;
}

.progress-hint {
    margin-top: 8px;
    font-size: 13px;
    color: #6b7280;
}

.assessment-question-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    padding: 24px;
}

.question-number-badge {
    display: inline-flex;
    background: #ecfeff;
    color: #0891b2;
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 14px;
}

.assessment-question-card h4 {
    margin: 0 0 20px;
    color: #111827;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.8;
}

.assessment-options-list {
    display: grid;
    gap: 12px;
}

.assessment-option-btn {
    width: 100%;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #374151;
    border-radius: 16px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: right;
    line-height: 1.8;
    font-weight: 700;
    transition: all .2s ease;
}

.assessment-option-btn:hover {
    border-color: #4f46e5;
    background: #f5f7ff;
}

.assessment-option-btn.selected {
    border-color: #4f46e5;
    background: #eef2ff;
    color: #312e81;
    box-shadow: 0 8px 24px rgba(79, 70, 229, .12);
}

.option-check {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    border: 2px solid #c7d2fe;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
    color: #4f46e5;
}

.assessment-option-btn.selected .option-check {
    background: #4f46e5;
    border-color: #4f46e5;
    color: #ffffff;
}

.assessment-warning {
    margin-top: 14px;
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
    border-radius: 14px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 700;
}

.step-actions-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 22px;
}

.step-actions-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.step-primary-btn,
.step-success-btn,
.step-secondary-btn {
    border: 0;
    border-radius: 14px;
    padding: 12px 22px;
    font-weight: 900;
    transition: all .2s ease;
}

.step-primary-btn {
    background: #4f46e5;
    color: #ffffff;
}

.step-success-btn {
    background: #059669;
    color: #ffffff;
}

.step-secondary-btn {
    background: #f3f4f6;
    color: #374151;
}

.step-primary-btn:disabled,
.step-success-btn:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.empty-step-state {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #9a3412;
    border-radius: 18px;
    padding: 18px;
}

.empty-step-state strong {
    display: block;
    margin-bottom: 8px;
}

@media (max-width: 768px) {
    .scholarship-step-card {
        padding: 18px;
        border-radius: 18px;
    }

    .step-card-header {
        flex-direction: column;
    }

    .step-score-pill {
        width: 100%;
    }

    .step-actions-row {
        flex-direction: column;
        align-items: stretch;
    }

    .step-actions-left,
    .step-primary-btn,
    .step-success-btn,
    .step-secondary-btn {
        width: 100%;
    }
}
.step1-result-dark {
    width: 100%;
    color: #e5e7eb;
    font-size: 13px;
}

.step1-card {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .22);
}

.step1-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.step1-badge {
    display: inline-flex;
    background: rgba(16, 185, 129, .12);
    color: #6ee7b7;
    border: 1px solid rgba(16, 185, 129, .25);
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 8px;
}

.step1-header h3 {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 900;
    color: #f9fafb;
}

.step1-header p {
    margin: 0;
    color: #9ca3af;
    line-height: 1.8;
    font-size: 12.5px;
}

.step1-status-pill {
    min-width: 92px;
    background: rgba(16, 185, 129, .12);
    border: 1px solid rgba(16, 185, 129, .25);
    color: #d1fae5;
    border-radius: 14px;
    padding: 9px 11px;
    text-align: center;
}

.step1-status-pill span {
    display: block;
    font-size: 10.5px;
    color: #a7f3d0;
    margin-bottom: 3px;
}

.step1-status-pill strong {
    font-size: 15px;
    font-weight: 900;
}

.step1-alert {
    background: rgba(16, 185, 129, .1);
    color: #a7f3d0;
    border: 1px solid rgba(16, 185, 129, .22);
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 12.5px;
    font-weight: 800;
    margin-bottom: 14px;
}

.step1-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(230px, .8fr);
    gap: 12px;
}

.step1-panel {
    background: rgba(15, 23, 42, .78);
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 15px;
    padding: 14px;
}

.step1-section-title {
    margin-bottom: 12px;
}

.step1-section-title h4 {
    margin: 0 0 4px;
    font-size: 14.5px;
    font-weight: 900;
    color: #f9fafb;
}

.step1-section-title p {
    margin: 0;
    color: #94a3b8;
    font-size: 11.5px;
}

.step1-chart {
    min-height: 245px;
}

.step1-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.step1-summary-row span {
    color: #94a3b8;
    font-size: 12px;
}

.step1-summary-row strong {
    color: #f9fafb;
    font-size: 13px;
    font-weight: 900;
}

.step1-note {
    margin-top: 12px;
    background: rgba(79, 70, 229, .13);
    border: 1px solid rgba(129, 140, 248, .25);
    color: #c7d2fe;
    border-radius: 12px;
    padding: 9px 11px;
    font-size: 11.8px;
    line-height: 1.8;
    font-weight: 700;
}

.mt-3 {
    margin-top: 12px;
}

.step1-answers {
    display: grid;
    gap: 9px;
}

.step1-answer-item {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(190px, .8fr);
    gap: 10px;
    background: rgba(2, 6, 23, .35);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 12px;
    padding: 11px;
}

.step1-answer-item span {
    display: block;
    color: #94a3b8;
    font-size: 10.8px;
    font-weight: 800;
    margin-bottom: 4px;
}

.step1-answer-item strong {
    display: block;
    color: #e5e7eb;
    font-size: 12.2px;
    line-height: 1.8;
}

.step1-answer-item .answer-text {
    color: #93c5fd;
}
.step1-test-dark {
    width: 100%;
    color: #e5e7eb;
    font-size: 13px;
}

.step1-test-card {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .22);
}

.step1-test-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.step1-test-title {
    min-width: 0;
}

.step1-badge {
    display: inline-flex;
    background: rgba(79, 70, 229, .14);
    color: #c7d2fe;
    border: 1px solid rgba(129, 140, 248, .22);
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 8px;
}

.step1-test-header h3 {
    margin: 0 0 5px;
    color: #f9fafb;
    font-size: 18px;
    font-weight: 950;
    line-height: 1.6;
}

.step1-test-header p {
    margin: 0;
    color: #94a3b8;
    font-size: 12.3px;
    line-height: 1.8;
    max-width: 760px;
}

.step1-score-mini {
    min-width: 98px;
    background: rgba(15, 23, 42, .92);
    border: 1px solid rgba(148, 163, 184, .20);
    color: #dbeafe;
    border-radius: 14px;
    padding: 9px 10px;
    text-align: center;
}

.step1-score-mini span {
    display: block;
    font-size: 10.5px;
    color: #bfdbfe;
    margin-bottom: 5px;
    font-weight: 800;
}

.score-mini-value {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
}

.score-mini-value strong {
    color: #ffffff;
    font-size: 19px;
    line-height: 1;
    font-weight: 950;
}

.score-mini-value small {
    color: #93c5fd;
    font-size: 10.5px;
    font-weight: 800;
}

.step1-progress-panel {
    background: rgba(15, 23, 42, .78);
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 14px;
    padding: 11px 12px;
    margin-bottom: 12px;
}

.progress-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #e5e7eb;
    font-size: 12px;
    font-weight: 850;
    margin-bottom: 8px;
}

.progress-track {
    height: 7px;
    background: rgba(148, 163, 184, .16);
    border-radius: 999px;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #4f46e5, #06b6d4);
    border-radius: 999px;
    transition: width .25s ease;
}

.progress-bottom {
    margin-top: 7px;
    color: #94a3b8;
    font-size: 11.5px;
}

.step1-question-panel {
    background: rgba(15, 23, 42, .78);
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 15px;
    padding: 14px;
    margin-bottom: 12px;
}

.question-head {
    margin-bottom: 12px;
}

.question-head span {
    display: inline-flex;
    background: rgba(6, 182, 212, .13);
    color: #67e8f9;
    border: 1px solid rgba(103, 232, 249, .18);
    border-radius: 999px;
    padding: 4px 9px;
    font-size: 10.8px;
    font-weight: 850;
    margin-bottom: 8px;
}

.question-head h4 {
    margin: 0;
    color: #f9fafb;
    font-size: 16px;
    font-weight: 950;
    line-height: 1.7;
}

.step1-options {
    display: grid;
    gap: 8px;
}

.step1-option {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: right;
    background: rgba(2, 6, 23, .32);
    border: 1px solid rgba(148, 163, 184, .18);
    color: #e5e7eb;
    border-radius: 12px;
    padding: 9px 12px;
    font-size: 12.8px;
    font-weight: 800;
    line-height: 1.7;
    transition: all .18s ease;
}

.step1-option:hover {
    border-color: rgba(129, 140, 248, .42);
    background: rgba(79, 70, 229, .12);
}

.step1-option.selected {
    border-color: rgba(34, 211, 238, .50);
    background: rgba(6, 182, 212, .12);
    color: #ecfeff;
}

.option-radio {
    width: 21px;
    height: 21px;
    min-width: 21px;
    border-radius: 50%;
    border: 2px solid rgba(165, 180, 252, .55);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #67e8f9;
    font-size: 12px;
    font-weight: 950;
}

.step1-option.selected .option-radio {
    background: #06b6d4;
    border-color: #06b6d4;
    color: #ffffff;
}

.option-text {
    flex: 1;
}

.step1-warning {
    margin-top: 10px;
    background: rgba(251, 146, 60, .10);
    color: #fdba74;
    border: 1px solid rgba(251, 146, 60, .25);
    border-radius: 11px;
    padding: 8px 10px;
    font-size: 11.8px;
    font-weight: 800;
}

.step1-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.step1-actions-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.step1-btn {
    border: 0;
    border-radius: 11px;
    padding: 9px 15px;
    font-size: 12.5px;
    font-weight: 900;
    transition: all .18s ease;
}

.step1-btn.primary {
    background: #2563eb;
    color: #ffffff;
}

.step1-btn.success {
    background: #10b981;
    color: #062e21;
}

.step1-btn.secondary {
    background: rgba(148, 163, 184, .12);
    color: #e5e7eb;
    border: 1px solid rgba(148, 163, 184, .18);
}

.step1-btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

.step1-btn:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.step1-empty {
    background: rgba(251, 146, 60, .10);
    border: 1px solid rgba(251, 146, 60, .24);
    color: #fed7aa;
    border-radius: 13px;
    padding: 12px;
}

.step1-empty strong {
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
}

.step1-empty p {
    margin: 0;
    font-size: 12px;
    color: #fdba74;
}

@media (max-width: 768px) {
    .step1-test-card {
        padding: 14px;
        border-radius: 15px;
    }

    .step1-test-header {
        flex-direction: column;
    }

    .step1-score-mini {
        width: 100%;
    }

    .step1-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .step1-actions-left,
    .step1-btn {
        width: 100%;
    }
}

.empty-chart-message {
    height: 245px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #94a3b8;
    border: 1px dashed rgba(148, 163, 184, .22);
    border-radius: 12px;
    font-size: 12px;
}

@media (max-width: 992px) {
    .step1-grid,
    .step1-answer-item {
        grid-template-columns: 1fr;
    }

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

    .step1-status-pill {
        width: 100%;
    }
}
.step1-score-mini {
    min-width: 104px;
    background: rgba(16, 185, 129, .10);
    border: 1px solid rgba(16, 185, 129, .24);
    color: #d1fae5;
    border-radius: 14px;
    padding: 9px 10px;
    text-align: center;
}

.step1-score-mini span {
    display: block;
    font-size: 10.5px;
    color: #a7f3d0;
    margin-bottom: 5px;
    font-weight: 800;
}

.score-mini-value {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
}

.score-mini-value strong {
    font-size: 19px;
    line-height: 1;
    font-weight: 950;
    color: #ffffff;
}

.score-mini-value small {
    font-size: 11px;
    color: #6ee7b7;
    font-weight: 800;
}


/*referralleter*/
.referral-letter-page {
    width: 100%;
}

.referral-letter-shell {
    max-width: 1040px;
    margin: 0 auto;
    background: #111418;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    padding: 22px;
    color: #f8fafc;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
}

.referral-letter-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.referral-eyebrow {
    color: #38bdf8;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px;
}

.referral-title {
    font-size: 22px;
    font-weight: 800;
    margin: 0;
    color: #ffffff;
}

.referral-subtitle {
    margin: 8px 0 0;
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.9;
}

.referral-status-area {
    flex-shrink: 0;
}

.referral-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.status-none {
    background: rgba(148, 163, 184, 0.14);
    color: #cbd5e1;
    border: 1px solid rgba(148, 163, 184, 0.25);
}

.status-pending {
    background: rgba(251, 191, 36, 0.14);
    color: #fbbf24;
    border: 1px solid rgba(251, 191, 36, 0.30);
}

.status-approved {
    background: rgba(34, 197, 94, 0.14);
    color: #4ade80;
    border: 1px solid rgba(34, 197, 94, 0.30);
}

.status-rejected {
    background: rgba(239, 68, 68, 0.14);
    color: #f87171;
    border: 1px solid rgba(239, 68, 68, 0.30);
}

.referral-score-card,
.referral-guide-card,
.referral-action-card,
.referral-upload-card {
    background: #171b21;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 18px;
}

.score-label {
    color: #94a3b8;
    font-size: 13px;
}

.score-value {
    font-size: 34px;
    font-weight: 900;
    line-height: 1.2;
    margin-top: 6px;
    color: #ffffff;
}

.score-value span {
    font-size: 13px;
    color: #94a3b8;
    font-weight: 500;
}

.score-help {
    margin: 10px 0 0;
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.8;
}

.referral-progress {
    height: 8px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    overflow: hidden;
}

.referral-progress .progress-bar {
    background: linear-gradient(90deg, #22c55e, #10b981);
}

.guide-title {
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 12px;
}

.guide-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.guide-step {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 12px;
    padding: 10px;
}

.guide-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 50%;
    background: rgba(56, 189, 248, 0.12);
    color: #38bdf8;
    font-size: 12px;
    font-weight: 800;
}

.guide-step p {
    margin: 0;
    color: #cbd5e1;
    font-size: 12px;
    line-height: 1.8;
}

.action-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: rgba(56, 189, 248, 0.12);
    color: #38bdf8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 14px;
}

.action-content h5,
.upload-header h5 {
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 8px;
}

.action-content p,
.upload-header p {
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.9;
    margin-bottom: 14px;
}

.referral-outline-btn {
    border: 1px solid rgba(56, 189, 248, 0.5);
    color: #e0f2fe;
    background: rgba(56, 189, 248, 0.08);
    border-radius: 12px;
    padding: 10px 14px;
    font-weight: 700;
}

.referral-outline-btn:hover {
    background: rgba(56, 189, 248, 0.16);
    color: #ffffff;
}

.sample-mini-preview {
    margin-top: 14px;
    background: rgba(0, 0, 0, 0.18);
    border: 1px dashed rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    padding: 12px;
    color: #94a3b8;
    font-size: 12px;
    line-height: 2;
}

.referral-state-box {
    border-radius: 14px;
    padding: 12px;
    margin-bottom: 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
    line-height: 1.8;
}

.referral-state-box.approved {
    background: rgba(34, 197, 94, 0.10);
    border: 1px solid rgba(34, 197, 94, 0.24);
    color: #bbf7d0;
}

.referral-state-box.pending {
    background: rgba(251, 191, 36, 0.10);
    border: 1px solid rgba(251, 191, 36, 0.24);
    color: #fde68a;
}

.referral-state-box.rejected {
    background: rgba(239, 68, 68, 0.10);
    border: 1px solid rgba(239, 68, 68, 0.24);
    color: #fecaca;
}

.reject-reason {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.uploaded-file-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 12px;
    margin-bottom: 14px;
}

.uploaded-label,
.uploaded-date {
    color: #94a3b8;
    font-size: 12px;
}

.uploaded-name {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.referral-small-btn {
    background: rgba(255, 255, 255, 0.06);
    color: #e2e8f0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 10px;
}

.upload-dropzone {
    display: block;
    cursor: pointer;
    border: 1px dashed rgba(56, 189, 248, 0.45);
    background: rgba(56, 189, 248, 0.06);
    border-radius: 16px;
    padding: 18px;
    transition: 0.2s ease;
}

.upload-dropzone:hover {
    background: rgba(56, 189, 248, 0.10);
}

.upload-dropzone input {
    display: none;
}

.upload-dropzone-content {
    display: flex;
    align-items: center;
    gap: 14px;
}

.upload-dropzone-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: rgba(56, 189, 248, 0.14);
    color: #38bdf8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
}

.upload-dropzone strong {
    display: block;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 4px;
}

.upload-dropzone span {
    color: #94a3b8;
    font-size: 12px;
}

.selected-file {
    color: #cbd5e1;
    font-size: 12px;
    line-height: 1.8;
}

.selected-file.muted {
    color: #64748b;
}

.upload-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.referral-primary-btn {
    background: #0d6efd;
    color: #ffffff;
    border: 0;
    border-radius: 12px;
    padding: 10px 18px;
    font-weight: 800;
    min-width: 150px;
}

.referral-primary-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.referral-danger-outline-btn {
    border: 1px solid rgba(248, 113, 113, 0.55);
    color: #fecaca;
    background: rgba(239, 68, 68, 0.08);
    border-radius: 12px;
    padding: 9px 14px;
    font-weight: 700;
}

.upload-loading {
    color: #94a3b8;
    font-size: 12px;
}

.referral-message,
.referral-alert {
    border-radius: 14px;
    font-size: 13px;
    line-height: 1.8;
}

.referral-message {
    background: rgba(56, 189, 248, 0.10);
    border: 1px solid rgba(56, 189, 248, 0.25);
    color: #bae6fd;
    padding: 12px;
}

@media (max-width: 768px) {
    .referral-letter-shell {
        padding: 16px;
        border-radius: 18px;
    }

    .referral-letter-header {
        flex-direction: column;
    }

    .referral-title {
        font-size: 19px;
    }

    .guide-steps {
        grid-template-columns: 1fr;
    }

    .uploaded-file-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .uploaded-name {
        max-width: 100%;
    }

    .referral-primary-btn,
    .referral-danger-outline-btn {
        width: 100%;
    }

    .upload-actions {
        width: 100%;
    }
}


/*core tracking*/
body { background: #1d1f23 !important; color: #eee; }
.bg-black-10 { background: rgba(255,255,255,0.02); }
.table-dark th, .table-dark td { vertical-align: middle; font-size: 13px; }
input.form-control-sm { max-width: 80px; margin: 0 auto; }
.card { border-radius: 10px; }
/*collaboration dashboard modal*/

.collaboration-modal {
    background: linear-gradient(145deg, #1f2329, #181b20);
    border-radius: 18px;
    box-shadow: 0 15px 40px rgba(0,0,0,.5);
}

.collaboration-modal .form-label {
    font-size: 13px;
    color: #9ca3af;
}

.collaboration-modal .form-control,
.collaboration-modal .form-select {
    border-radius: 12px;
}

.bg-black-10 {
    background: rgba(255,255,255,0.05);
}
.option-btn.active {
    background-color: #0d6efd; /* آبی Bootstrap */
    color: #fff;
}

/*mobile*/
.mobile-filter-card,
.mobile-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 14px;
}

.mobile-filter-card {
    position: sticky;
    top: 10px;
    z-index: 5;
    backdrop-filter: blur(10px);
}

.mobile-info-box,
.mobile-edit-box,
.mobile-followup-box,
.mobile-stat,
.mobile-result-box {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 8px 10px;
}

.mobile-stat {
    min-height: 58px;
}

.small-progress {
    height: 7px;
    border-radius: 999px;
    overflow: hidden;
}

.mobile-card .btn,
.mobile-filter-card .form-control,
.mobile-filter-card .form-select,
.mobile-edit-box .form-control {
    border-radius: 10px;
}

.mobile-pagination {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 14px;
    padding: 10px;
}

.referral-score-summary {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 16px;
    padding: 16px;
}

.referral-score-box {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 12px;
    min-height: 78px;
}

.referral-score-note {
    background: rgba(255, 193, 7, 0.10);
    border: 1px solid rgba(255, 193, 7, 0.25);
    border-radius: 12px;
    padding: 12px;
    font-size: 13px;
    line-height: 1.9;
}

.referral-score-details {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 10px;
    padding: 10px 12px;
}

.referral-score-details summary {
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

.small-progress {
    height: 7px;
    border-radius: 999px;
    overflow: hidden;
}
/*score blade step 6*/

.score-tracking-page {
    width: 100%;
}

.score-shell {
    max-width: 1100px;
    margin: 0 auto;
    background: #111418;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    padding: 22px;
    color: #f8fafc;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
}

.score-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.score-eyebrow {
    color: #38bdf8;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 6px;
}

.score-title {
    margin: 0;
    font-size: 22px;
    font-weight: 900;
    color: #ffffff;
}

.score-subtitle {
    margin: 8px 0 0;
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.9;
    max-width: 760px;
}

.score-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.score-status-badge.open {
    background: rgba(56, 189, 248, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.28);
    color: #7dd3fc;
}

.score-status-badge.finalized {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.28);
    color: #86efac;
}

.score-summary-card,
.score-card,
.final-score-card,
.score-finalized-box,
.score-warning-box,
.wallet-box {
    background: #171b21;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 18px;
}

.score-summary-card.main {
    border-color: rgba(56, 189, 248, 0.35);
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.14), #171b21 55%);
}

.summary-label,
.final-label {
    color: #94a3b8;
    font-size: 13px;
}

.summary-value {
    font-size: 34px;
    font-weight: 900;
    color: #ffffff;
    margin-top: 6px;
}

.summary-help,
.final-help {
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.8;
    margin-top: 6px;
}

.score-finalized-box,
.score-warning-box,
.wallet-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.score-finalized-box {
    background: rgba(34, 197, 94, 0.08);
    border-color: rgba(34, 197, 94, 0.22);
}

.score-warning-box {
    background: rgba(251, 191, 36, 0.08);
    border-color: rgba(251, 191, 36, 0.22);
}

.score-finalized-box p,
.wallet-box p {
    margin: 6px 0 0;
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.9;
}

.finalized-meta {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #cbd5e1;
    font-size: 12px;
    min-width: 210px;
}

.wallet-box {
    background: rgba(99, 102, 241, 0.08);
    border-color: rgba(99, 102, 241, 0.22);
}

.wallet-score {
    font-size: 30px;
    font-weight: 900;
    color: #c4b5fd;
    white-space: nowrap;
}

.wallet-score span {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 500;
}

.score-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}

.score-card-header h5 {
    margin: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
}

.score-card-header p {
    margin: 6px 0 0;
    color: #94a3b8;
    font-size: 12px;
}

.score-table {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
    --bs-table-hover-bg: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
}

.score-table th {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 800;
    border-color: rgba(255, 255, 255, 0.08);
}

.score-table td {
    color: #e2e8f0;
    border-color: rgba(255, 255, 255, 0.08);
    vertical-align: middle;
}

.mini-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
}

.mini-badge.success {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.mini-badge.warning {
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
}

.mini-badge.secondary {
    background: rgba(148, 163, 184, 0.12);
    color: #cbd5e1;
}

.score-action-btn {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.28);
    color: #bbf7d0;
    border-radius: 10px;
    font-weight: 800;
}

.score-action-btn:hover {
    background: rgba(34, 197, 94, 0.20);
    color: #ffffff;
}

.mobile-score-row {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 12px;
    margin-bottom: 10px;
}

.mobile-score-number {
    font-size: 22px;
    font-weight: 900;
    color: #ffffff;
    text-align: left;
    white-space: nowrap;
}

.mobile-score-number span {
    display: block;
    font-size: 11px;
    color: #94a3b8;
    font-weight: 500;
}

.final-score-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.18), #171b21 60%);
    border-color: rgba(13, 110, 253, 0.35);
}

.final-value {
    font-size: 42px;
    font-weight: 950;
    color: #ffffff;
    line-height: 1.1;
    margin-top: 6px;
}

.finalize-btn {
    background: #198754;
    color: #ffffff;
    border: 0;
    border-radius: 14px;
    padding: 12px 18px;
    font-weight: 900;
    min-width: 260px;
}

.finalize-btn:hover {
    background: #157347;
    color: #ffffff;
}

.finalized-note {
    background: rgba(34, 197, 94, 0.10);
    border: 1px solid rgba(34, 197, 94, 0.24);
    color: #bbf7d0;
    border-radius: 14px;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 800;
}

.score-alert {
    max-width: 1100px;
    margin: 0 auto 12px;
    border-radius: 14px;
    font-size: 13px;
}

@media (max-width: 768px) {
    .score-shell {
        padding: 16px;
        border-radius: 18px;
    }

    .score-header,
    .score-finalized-box,
    .score-warning-box,
    .wallet-box,
    .final-score-card {
        flex-direction: column;
        align-items: stretch;
    }

    .score-title {
        font-size: 19px;
    }

    .finalize-btn {
        width: 100%;
        min-width: auto;
    }

    .final-value {
        font-size: 36px;
    }

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

/* Compact score tracking layout */

.score-shell {
    max-width: 1080px;
    padding: 16px;
}

.score-header {
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.score-title {
    font-size: 19px;
}

.score-subtitle {
    font-size: 12px;
    line-height: 1.7;
    margin-top: 5px;
}

.score-compact-summary {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 10px;
}

.compact-score-item {
    min-height: 66px;
    background: #171b21;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.compact-score-item.main {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.13), #171b21 58%);
    border-color: rgba(56, 189, 248, 0.30);
}

.compact-score-item.wallet {
    background: rgba(99, 102, 241, 0.08);
    border-color: rgba(99, 102, 241, 0.22);
}

.compact-label {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-bottom: 4px;
}

.compact-score-item strong {
    color: #ffffff;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}

.compact-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: 999px;
    padding: 5px 8px;
    font-size: 10px;
    font-weight: 800;
}

.compact-chip.success {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.compact-chip.info {
    background: rgba(56, 189, 248, 0.12);
    color: #7dd3fc;
}

.score-finalized-box,
.score-warning-box {
    padding: 11px 13px;
    margin-bottom: 10px !important;
}

.score-finalized-box p,
.score-warning-box span {
    font-size: 12px;
    line-height: 1.7;
}

.finalized-meta {
    font-size: 11px;
    min-width: 180px;
}

.score-card {
    padding: 12px;
    border-radius: 15px;
}

.score-card.mb-3 {
    margin-bottom: 10px !important;
}

.score-card-header {
    margin-bottom: 8px;
}

.score-card-header.compact {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.score-card-header.compact h5 {
    font-size: 14px;
    margin: 0;
}

.score-card-header.compact span {
    color: #94a3b8;
    font-size: 11px;
}

.score-table th {
    padding: 8px 10px;
    font-size: 11px;
}

.score-table td {
    padding: 8px 10px;
    font-size: 12px;
}

.score-table tfoot td {
    padding: 9px 10px;
}

.mini-badge {
    min-width: 70px;
    padding: 4px 7px;
    font-size: 10px;
}

.score-action-btn {
    padding: 4px 8px;
    font-size: 11px;
}

.final-score-card {
    padding: 13px 15px;
    border-radius: 16px;
}

.final-value {
    font-size: 32px;
}

.finalize-btn {
    padding: 9px 14px;
    min-width: 230px;
    border-radius: 12px;
    font-size: 13px;
}

.finalized-note {
    padding: 9px 12px;
    font-size: 12px;
}

.mobile-score-row {
    padding: 10px;
    margin-bottom: 8px;
}

.mobile-score-number {
    font-size: 19px;
}

@media (max-width: 992px) {
    .score-compact-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .score-shell {
        padding: 12px;
    }

    .score-header {
        gap: 8px;
    }

    .score-subtitle {
        font-size: 11px;
        line-height: 1.6;
    }

    .score-compact-summary {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .compact-score-item {
        min-height: 58px;
        padding: 9px 10px;
        border-radius: 12px;
    }

    .compact-score-item.main {
        grid-column: 1 / -1;
    }

    .compact-score-item strong {
        font-size: 20px;
    }

    .score-finalized-box,
    .score-warning-box {
        padding: 10px;
    }

    .score-finalized-box p {
        margin-top: 4px;
    }

    .score-card {
        padding: 10px;
    }

    .score-card-header.compact {
        align-items: flex-start;
        gap: 4px;
        flex-direction: column;
    }

    .final-score-card {
        padding: 12px;
    }

    .final-value {
        font-size: 30px;
    }
}
/* Compact bonus and barter sections */

.bonus-compact-box {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 13px;
    padding: 10px;
}

.bonus-compact-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.bonus-compact-head strong {
    display: block;
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 2px;
}

.bonus-compact-head span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
}

.bonus-toggle-btn {
    background: rgba(56, 189, 248, 0.08);
    border: 1px solid rgba(56, 189, 248, 0.24);
    color: #bae6fd;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 800;
    padding: 5px 9px;
    white-space: nowrap;
}

.bonus-toggle-btn:hover {
    color: #ffffff;
    background: rgba(56, 189, 248, 0.15);
}

.bonus-compact-list {
    display: grid;
    gap: 7px;
}

.bonus-compact-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    background: rgba(255, 255, 255, 0.035);
    border-radius: 10px;
    padding: 8px 9px;
}

.bonus-compact-item strong {
    display: block;
    color: #e2e8f0;
    font-size: 12px;
}

.bonus-compact-item span {
    display: block;
    color: #94a3b8;
    font-size: 10.5px;
    line-height: 1.7;
    margin-top: 2px;
}

.bonus-compact-item b {
    color: #ffffff;
    font-size: 14px;
    white-space: nowrap;
}

.barter-card {
    padding: 12px;
}

.barter-category {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(99, 102, 241, 0.12);
    border: 1px solid rgba(99, 102, 241, 0.24);
    color: #c4b5fd;
    border-radius: 999px;
    padding: 4px 9px;
    font-size: 11px;
    font-weight: 800;
}

.barter-mobile-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 8px;
}

@media (max-width: 768px) {
    .bonus-compact-head {
        align-items: flex-start;
    }

    .bonus-toggle-btn {
        padding: 5px 8px;
    }

    .bonus-compact-item {
        padding: 7px 8px;
    }

    .barter-card {
        padding: 10px;
    }
}
/*booking style*/
/* Clean doctor-style interview picker */

.interview-picker {
    display: grid;
    gap: 10px;
}

.interview-picker-hint {
    background: rgba(56, 189, 248, 0.07);
    border: 1px solid rgba(56, 189, 248, 0.18);
    color: #bae6fd;
    border-radius: 12px;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 1.8;
}

.interview-date-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.interview-date-pill {
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.045);
    color: #e2e8f0;
    border-radius: 13px;
    padding: 10px 8px;
    text-align: center;
    transition: 0.18s ease;
}

.interview-date-pill:hover {
    background: rgba(56, 189, 248, 0.08);
    border-color: rgba(56, 189, 248, 0.25);
}

.interview-date-pill.active {
    background: rgba(13, 110, 253, 0.20);
    border-color: rgba(13, 110, 253, 0.55);
    box-shadow: 0 0 0 1px rgba(13, 110, 253, 0.18);
}

.interview-date-pill strong {
    font-size: 14px;
}

.interview-date-pill span {
    font-size: 13px;
    font-weight: 800;
    color: #e2e8f0;
    margin-top: 5px;
}

.selected-day-title span {
    font-size: 13px;
    font-weight: 700;
    color: #cbd5e1;
}
.interview-date-pill small {
    display: inline-flex;
    margin-top: 6px;
    background: rgba(34, 197, 94, 0.10);
    color: #bbf7d0;
    border-radius: 999px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 800;
}

.interview-selected-day {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 14px;
    padding: 10px;
}

.selected-day-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
}

.selected-day-title strong {
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
}

.selected-day-title span {
    color: #94a3b8;
    font-size: 12px;
}

.interview-time-clean-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.interview-time-clean-option {
    position: relative;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.045);
    border-radius: 12px;
    padding: 10px 8px;
    text-align: center;
    min-height: 62px;
    transition: 0.18s ease;
}

.interview-time-clean-option:hover {
    background: rgba(56, 189, 248, 0.08);
    border-color: rgba(56, 189, 248, 0.25);
}

.interview-time-clean-option.selected {
    background: rgba(25, 135, 84, 0.20);
    border-color: rgba(25, 135, 84, 0.55);
    box-shadow: 0 0 0 1px rgba(25, 135, 84, 0.18);
}

.interview-time-clean-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.clean-time {
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: 950;
    line-height: 1.1;
}

.clean-range {
    display: block;
    color: #94a3b8;
    font-size: 10.5px;
    margin-top: 6px;
}

.interview-submit-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 11px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 14px;
    padding: 10px;
}

.interview-submit-note {
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.7;
}

.interview-book-btn {
    background: #0d6efd;
    color: #ffffff;
    border: 0;
    border-radius: 12px;
    padding: 9px 14px;
    font-size: 12px;
    font-weight: 900;
    min-width: 145px;
}

.interview-book-btn:hover {
    background: #0b5ed7;
    color: #ffffff;
}

.interview-book-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

@media (max-width: 992px) {
    .interview-date-strip,
    .interview-time-clean-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .interview-date-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .interview-time-clean-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .interview-date-pill {
        padding: 9px 7px;
    }

    .interview-time-clean-option {
        min-height: 58px;
        padding: 9px 7px;
    }

    .clean-time {
        font-size: 16px;
    }

    .interview-submit-row {
        flex-direction: column;
        align-items: stretch;
    }

    .interview-submit-note {
        text-align: center;
    }

    .interview-book-btn {
        width: 100%;
    }
}
.interview-booked-clean {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    background: rgba(34, 197, 94, 0.075);
    border: 1px solid rgba(34, 197, 94, 0.22);
    border-radius: 15px;
    padding: 13px;
}

.booked-label {
    color: #94a3b8;
    font-size: 11px;
    margin-bottom: 4px;
}

.booked-date {
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.8;
}

.booked-countdown {
    margin-top: 6px;
    color: #86efac;
    font-size: 13px;
    font-weight: 900;
}

.booked-small-note {
    margin-top: 5px;
    color: #94a3b8;
    font-size: 11px;
    line-height: 1.7;
}

.booked-action-area {
    min-width: 185px;
    display: flex;
    justify-content: flex-end;
}

.link-waiting-box {
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: #cbd5e1;
    border-radius: 12px;
    padding: 9px 11px;
    font-size: 12px;
    line-height: 1.7;
    text-align: center;
}

.interview-link-btn {
    background: #198754;
    color: #ffffff;
    border: 0;
    border-radius: 12px;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.interview-link-btn:hover {
    background: #157347;
    color: #ffffff;
}

@media (max-width: 768px) {
    .interview-booked-clean {
        flex-direction: column;
        align-items: stretch;
    }

    .booked-action-area {
        min-width: 0;
        justify-content: stretch;
    }

    .interview-link-btn {
        width: 100%;
        text-align: center;
    }
}
.dashboard-interview-card {
    background: #171b21;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 14px;
    color: #f8fafc;
}

.dashboard-interview-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.dashboard-interview-head strong {
    display: block;
    font-size: 14px;
    font-weight: 900;
    color: #ffffff;
}

.dashboard-interview-head span {
    display: block;
    margin-top: 5px;
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.8;
}

.dashboard-interview-status {
    background: rgba(56, 189, 248, 0.12);
    color: #7dd3fc;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 10px;
    white-space: nowrap;
}

.dashboard-interview-status.success {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.dashboard-interview-status.danger {
    background: rgba(239, 68, 68, 0.12);
    color: #fecaca;
}

.dashboard-interview-countdown {
    margin-top: 10px;
    color: #86efac;
    font-size: 13px;
    font-weight: 900;
}

.dashboard-interview-link {
    display: inline-flex;
    margin-top: 12px;
    background: #198754;
    color: #ffffff;
    border-radius: 12px;
    padding: 9px 13px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

.dashboard-interview-note {
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: #cbd5e1;
    border-radius: 12px;
    padding: 9px 11px;
    font-size: 12px;
    line-height: 1.8;
}

.dashboard-interview-note.success {
    background: rgba(34, 197, 94, 0.10);
    border-color: rgba(34, 197, 94, 0.22);
    color: #bbf7d0;
}

.dashboard-interview-note.danger {
    background: rgba(239, 68, 68, 0.10);
    border-color: rgba(239, 68, 68, 0.22);
    color: #fecaca;
}
.interview-result-box {
    background: rgba(34, 197, 94, 0.08);
    border: 1px solid rgba(34, 197, 94, 0.22);
    border-radius: 15px;
    padding: 13px;
}

.interview-result-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.interview-result-head strong {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
}

.interview-result-head span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-top: 4px;
}

.interview-result-head b {
    background: rgba(34, 197, 94, 0.14);
    color: #86efac;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 10px;
    white-space: nowrap;
}

.interview-result-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.interview-result-item {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 12px;
    padding: 10px;
}

.interview-result-item span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-bottom: 5px;
}

.interview-result-item strong {
    display: block;
    color: #ffffff;
    font-size: 22px;
    font-weight: 950;
}

.interview-result-item strong small {
    font-size: 11px;
    color: #94a3b8;
    font-weight: 500;
}

.interview-result-item.final {
    background: rgba(13, 110, 253, 0.16);
    border-color: rgba(13, 110, 253, 0.35);
}

.interview-result-note {
    margin-top: 10px;
    color: #bbf7d0;
    font-size: 12px;
    line-height: 1.8;
}

@media (max-width: 768px) {
    .interview-result-head {
        flex-direction: column;
    }

    .interview-result-grid {
        grid-template-columns: 1fr;
    }
}
/* battering css*/

.barter-shell {
    max-width: 1080px;
    margin: 0 auto;
    background: #111418;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 16px;
    color: #f8fafc;
}

.barter-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.barter-eyebrow {
    color: #38bdf8;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 5px;
}

.barter-header h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 950;
    color: #fff;
}

.barter-header p {
    margin: 7px 0 0;
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.8;
}

.barter-status {
    background: rgba(56, 189, 248, 0.12);
    color: #7dd3fc;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.barter-message,
.barter-error,
.barter-block,
.selected-course-box,
.course-list-card,
.barter-next-box {
    background: #171b21;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 15px;
    padding: 12px;
}

.barter-message {
    background: rgba(34, 197, 94, 0.10);
    border-color: rgba(34, 197, 94, 0.24);
    color: #bbf7d0;
    margin-bottom: 10px;
    font-size: 12px;
}

.barter-error {
    background: rgba(239, 68, 68, 0.10);
    border-color: rgba(239, 68, 68, 0.24);
    color: #fecaca;
    margin-bottom: 10px;
    font-size: 12px;
}

.barter-block {
    color: #cbd5e1;
    font-size: 12px;
    line-height: 1.9;
}

.barter-block.warning {
    background: rgba(251, 191, 36, 0.10);
    border-color: rgba(251, 191, 36, 0.22);
    color: #fde68a;
}

.barter-block.muted {
    background: rgba(148, 163, 184, 0.10);
    border-color: rgba(148, 163, 184, 0.22);
    color: #cbd5e1;
}

.barter-score-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.barter-score-card {
    background: #171b21;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 15px;
    padding: 12px;
}

.barter-score-card span,
.selected-course-grid span,
.course-money-grid span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-bottom: 5px;
}

.barter-score-card strong {
    color: #fff;
    font-size: 25px;
    font-weight: 950;
}

.barter-score-card small {
    color: #94a3b8;
    font-size: 11px;
}

.barter-score-card.final {
    background: rgba(13, 110, 253, 0.16);
    border-color: rgba(13, 110, 253, 0.35);
}

.selected-course-head,
.course-list-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.selected-course-head strong,
.course-list-head h5 {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    margin: 0;
}

.selected-course-head span,
.course-list-head p {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin: 5px 0 0;
    line-height: 1.8;
}

.selected-course-head b {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 11px;
    white-space: nowrap;
}

.selected-course-grid,
.course-money-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.selected-course-grid div,
.course-money-grid div {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 12px;
    padding: 10px;
}

.selected-course-grid strong,
.course-money-grid b {
    display: block;
    color: #fff;
    font-size: 13px;
    line-height: 1.8;
}

.selected-course-grid .payable,
.course-money-grid .payable {
    background: rgba(13, 110, 253, 0.14);
    border: 1px solid rgba(13, 110, 253, 0.28);
}

.selected-course-note {
    margin-top: 10px;
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.8;
}

.course-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.course-card {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 15px;
    padding: 12px;
}

.course-card.selected {
    background: rgba(34, 197, 94, 0.08);
    border-color: rgba(34, 197, 94, 0.28);
}

.course-card-head {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.course-card-head strong {
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}

.course-card-head span {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 10px;
    white-space: nowrap;
}

.course-card p {
    color: #94a3b8;
    font-size: 11px;
    line-height: 1.8;
    margin: 0 0 10px;
}

.course-select-btn {
    width: 100%;
    margin-top: 10px;
    background: #0d6efd;
    color: #fff;
    border: 0;
    border-radius: 12px;
    padding: 9px 12px;
    font-size: 12px;
    font-weight: 900;
}

.course-card.selected .course-select-btn {
    background: #198754;
}

.barter-next-box {
    background: rgba(56, 189, 248, 0.08);
    border-color: rgba(56, 189, 248, 0.22);
}

.barter-next-box strong {
    display: block;
    color: #bae6fd;
    font-size: 13px;
    margin-bottom: 5px;
}

.barter-next-box span {
    display: block;
    color: #cbd5e1;
    font-size: 12px;
    line-height: 1.9;
}

@media (max-width: 768px) {
    .barter-shell {
        padding: 12px;
    }

    .barter-header,
    .selected-course-head,
    .course-list-head {
        flex-direction: column;
    }

    .barter-score-grid,
    .selected-course-grid,
    .course-money-grid,
    .course-grid {
        grid-template-columns: 1fr;
    }
}
.barter-selection-panel,
.barter-items-card {
    background: #171b21;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 15px;
    padding: 12px;
}

.barter-target-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.barter-target-head strong {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}

.barter-target-head span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    line-height: 1.8;
    margin-top: 4px;
}

.barter-target-head b {
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}

.barter-target-head b.covered {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.barter-target-head b.pending {
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
}

.barter-progress-wrap {
    margin-bottom: 12px;
}

.barter-progress-line {
    height: 9px;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 999px;
    overflow: hidden;
}

.barter-progress-line span {
    display: block;
    height: 100%;
    background: #0d6efd;
    border-radius: 999px;
}

.barter-progress-wrap small {
    display: block;
    margin-top: 6px;
    color: #94a3b8;
    font-size: 11px;
}

.barter-selection-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.barter-selection-summary div {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 13px;
    padding: 11px;
}

.barter-selection-summary div.good {
    background: rgba(34, 197, 94, 0.09);
    border-color: rgba(34, 197, 94, 0.22);
}

.barter-selection-summary div.warn {
    background: rgba(251, 191, 36, 0.09);
    border-color: rgba(251, 191, 36, 0.22);
}

.barter-selection-summary span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-bottom: 5px;
}

.barter-selection-summary strong {
    display: block;
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.7;
}

.barter-cash-note {
    margin-top: 10px;
    background: rgba(13, 110, 253, 0.12);
    border: 1px solid rgba(13, 110, 253, 0.25);
    border-radius: 13px;
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.barter-cash-note span {
    color: #bfdbfe;
    font-size: 12px;
}

.barter-cash-note strong {
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
}

.barter-selection-summary span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-bottom: 5px;
}

.barter-selection-summary strong {
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
}

.barter-items-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.barter-items-head h5 {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
}

.barter-items-head p {
    margin: 5px 0 0;
    color: #94a3b8;
    font-size: 11px;
    line-height: 1.8;
}

.submit-barter-btn {
    background: #198754;
    color: #fff;
    border: 0;
    border-radius: 12px;
    padding: 9px 13px;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.barter-table {
    --bs-table-bg: transparent;
    border-color: rgba(255, 255, 255, 0.08);
}

.barter-table th,
.barter-table td {
    border-color: rgba(255, 255, 255, 0.08);
    font-size: 12px;
    color: #e2e8f0;
    padding: 8px 9px;
}

.barter-table th {
    color: #94a3b8;
    font-size: 11px;
}

.selected-row {
    background: rgba(34, 197, 94, 0.055);
}

.barter-toggle-btn {
    background: rgba(56, 189, 248, 0.10);
    border: 1px solid rgba(56, 189, 248, 0.25);
    color: #bae6fd;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 900;
}

.barter-toggle-btn.selected {
    background: rgba(239, 68, 68, 0.10);
    border-color: rgba(239, 68, 68, 0.25);
    color: #fecaca;
}

.barter-category,
.selection-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(99, 102, 241, 0.12);
    color: #c4b5fd;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.selection-status {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.barter-mobile-item {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 11px;
    margin-bottom: 9px;
}

.barter-mobile-item.selected {
    background: rgba(34, 197, 94, 0.065);
    border-color: rgba(34, 197, 94, 0.22);
}

.barter-mobile-top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.barter-mobile-top strong {
    display: block;
    color: #fff;
    font-size: 13px;
    line-height: 1.8;
}

.barter-mobile-top span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
}

.barter-mobile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.barter-mobile-grid div {
    background: rgba(255, 255, 255, 0.045);
    border-radius: 10px;
    padding: 8px;
}

.barter-mobile-grid span {
    display: block;
    color: #94a3b8;
    font-size: 10px;
    margin-bottom: 4px;
}

.barter-mobile-grid b {
    display: block;
    color: #fff;
    font-size: 12px;
}

.barter-mobile-item p {
    margin: 8px 0 0;
    color: #94a3b8;
    font-size: 11px;
    line-height: 1.8;
}

@media (max-width: 768px) {

    .barter-selection-summary {

        grid-template-columns: 1fr; }


    .barter-target-head,
    .barter-cash-note {
        flex-direction: column;
        align-items: flex-start;
    }

    .barter-selection-summary {
        grid-template-columns: 1fr;
    }


    .barter-items-head {
        flex-direction: column;
    }

    .submit-barter-btn {
        width: 100%;
    }

}
.barter-inline-submit-status {
    background: rgba(34, 197, 94, 0.10);
    border: 1px solid rgba(34, 197, 94, 0.24);
    color: #bbf7d0;
    border-radius: 13px;
    padding: 10px 12px;
    margin-bottom: 12px;
}

.barter-inline-submit-status strong {
    display: block;
    color: #86efac;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 4px;
}

.barter-inline-submit-status span {
    display: block;
    color: #cbd5e1;
    font-size: 12px;
    line-height: 1.8;
}

.barter-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.62);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.barter-submit-modal {
    width: min(420px, 100%);
    background: #111418;
    border: 1px solid rgba(34, 197, 94, 0.28);
    border-radius: 20px;
    padding: 22px 18px;
    color: #fff;
    text-align: center;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.45);
}

.barter-submit-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(34, 197, 94, 0.16);
    color: #86efac;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 12px;
}

.barter-submit-modal h5 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 17px;
    font-weight: 950;
}

.barter-submit-modal p {
    margin: 0;
    color: #cbd5e1;
    font-size: 13px;
    line-height: 1.9;
}

.barter-modal-btn {
    margin-top: 16px;
    background: #198754;
    color: #fff;
    border: 0;
    border-radius: 12px;
    padding: 9px 22px;
    font-size: 13px;
    font-weight: 900;
}
.approved-row {
    background: rgba(34, 197, 94, 0.06);
}

.rejected-row {
    background: rgba(239, 68, 68, 0.055);
    opacity: 0.82;
}

.revision-row {
    background: rgba(251, 191, 36, 0.06);
}

.submitted-row {
    background: rgba(56, 189, 248, 0.055);
}

.barter-toggle-btn.submitted,
.barter-toggle-btn.approved,
.barter-toggle-btn.rejected,
.barter-static-status {
    border-radius: 10px;
    padding: 5px 8px;
    font-size: 11px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.barter-static-status.submitted,
.selection-status.submitted {
    background: rgba(56, 189, 248, 0.12);
    color: #bae6fd;
}

.barter-static-status.approved,
.selection-status.approved {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.barter-static-status.rejected,
.selection-status.rejected {
    background: rgba(239, 68, 68, 0.12);
    color: #fecaca;
}

.barter-static-status.selected,
.selection-status.selected {
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
}

.selection-admin-note {
    margin-top: 6px;
    color: #fca5a5;
    font-size: 10px;
    line-height: 1.7;
    max-width: 220px;
}
.barter-agreement-card {
    background: #171b21;
    border: 1px solid rgba(34, 197, 94, 0.18);
    border-radius: 15px;
    padding: 12px;
}

.agreement-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.agreement-head h5 {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 950;
}

.agreement-head p {
    margin: 5px 0 0;
    color: #94a3b8;
    font-size: 11px;
}

.agreement-head p strong {
    color: #e2e8f0;
}

.agreement-status {
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.agreement-status.ready {
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
}

.agreement-status.signed {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.agreement-summary-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.agreement-summary-grid div {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 12px;
    padding: 10px;
}

.agreement-summary-grid div.promissory {
    background: rgba(13, 110, 253, 0.14);
    border-color: rgba(13, 110, 253, 0.28);
}

.agreement-summary-grid span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-bottom: 5px;
}

.agreement-summary-grid strong {
    display: block;
    color: #fff;
    font-size: 13px;
    line-height: 1.8;
    font-weight: 900;
}

.agreement-terms {
    margin-top: 12px;
    background: rgba(251, 191, 36, 0.08);
    border: 1px solid rgba(251, 191, 36, 0.18);
    color: #fde68a;
    border-radius: 13px;
    padding: 11px;
    font-size: 12px;
    line-height: 1.9;
}

.agreement-confirm-box,
.agreement-signed-box {
    margin-top: 12px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 13px;
    padding: 11px;
}

.agreement-confirm-box p,
.agreement-signed-box {
    color: #cbd5e1;
    font-size: 12px;
    line-height: 1.9;
    margin: 0;
}

.agreement-confirm-btn {
    margin-top: 10px;
    background: #198754;
    color: #fff;
    border: 0;
    border-radius: 12px;
    padding: 9px 14px;
    font-size: 12px;
    font-weight: 900;
}

@media (max-width: 768px) {
    .agreement-head {
        flex-direction: column;
    }

    .agreement-summary-grid {
        grid-template-columns: 1fr;
    }

    .agreement-confirm-btn {
        width: 100%;
    }
}
.barter-deadline-box {
    background: rgba(56, 189, 248, 0.08);
    border: 1px solid rgba(56, 189, 248, 0.22);
    border-radius: 15px;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.barter-deadline-box.expired {
    background: rgba(239, 68, 68, 0.08);
    border-color: rgba(239, 68, 68, 0.22);
}

.barter-deadline-box strong {
    display: block;
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 5px;
}

.barter-deadline-box span {
    display: block;
    color: #cbd5e1;
    font-size: 12px;
    line-height: 1.8;
}

.barter-deadline-box small {
    display: block;
    color: #93c5fd;
    font-size: 11px;
    margin-top: 6px;
}

.barter-deadline-box.expired small {
    color: #fecaca;
}

.reopen-barter-btn {
    background: #0d6efd;
    color: #fff;
    border: 0;
    border-radius: 12px;
    padding: 9px 13px;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .barter-deadline-box {
        flex-direction: column;
    }

    .reopen-barter-btn {
        width: 100%;
    }
}

/* Agreement - and - promiisory*/

.agreement-shell {
    max-width: 1080px;
    margin: 0 auto;
    background: #111418;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 16px;
    color: #f8fafc;
}

.agreement-header {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.agreement-eyebrow {
    color: #38bdf8;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 5px;
}

.agreement-header h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 950;
    color: #fff;
}

.agreement-header p {
    margin: 7px 0 0;
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.8;
}

.agreement-status {
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
    height: fit-content;
}

.agreement-status.ready {
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
}

.agreement-status.signed {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.agreement-message,
.agreement-error,
.agreement-block,
.agreement-main-text,
.agreement-items-card,
.agreement-rules-card,
.agreement-upload-card,
.agreement-code-card,
.agreement-signed-card,
.promissory-status-card {
    background: #171b21;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 15px;
    padding: 12px;
}

.agreement-message {
    background: rgba(34, 197, 94, 0.10);
    border-color: rgba(34, 197, 94, 0.24);
    color: #bbf7d0;
    margin-bottom: 10px;
    font-size: 12px;
}

.agreement-message.info {
    background: rgba(56, 189, 248, 0.10);
    border-color: rgba(56, 189, 248, 0.24);
    color: #bae6fd;
}

.agreement-error {
    background: rgba(239, 68, 68, 0.10);
    border-color: rgba(239, 68, 68, 0.24);
    color: #fecaca;
    margin-top: 8px;
    font-size: 12px;
}

.agreement-error.small {
    padding: 7px 9px;
    font-size: 11px;
}

.agreement-block.warning {
    color: #fde68a;
    background: rgba(251, 191, 36, 0.10);
    border-color: rgba(251, 191, 36, 0.22);
    font-size: 12px;
    line-height: 1.9;
}

.agreement-summary-grid,
.promissory-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.agreement-summary-grid div,
.promissory-grid div {
    background: #171b21;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 11px;
}

.agreement-summary-grid span,
.promissory-grid span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-bottom: 5px;
}

.agreement-summary-grid strong,
.promissory-grid strong {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.8;
}

.agreement-main-text h5,
.agreement-items-card h5,
.agreement-rules-card h5,
.agreement-upload-card h5,
.agreement-code-card h5,
.agreement-signed-card h5,
.promissory-status-card h5 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
}

.agreement-main-text p,
.agreement-code-card p,
.agreement-signed-card p,
.promissory-status-card p {
    margin: 0;
    color: #cbd5e1;
    font-size: 12px;
    line-height: 1.9;
}

.agreement-table {
    --bs-table-bg: transparent;
    border-color: rgba(255, 255, 255, 0.08);
}

.agreement-table th,
.agreement-table td {
    border-color: rgba(255, 255, 255, 0.08);
    font-size: 12px;
    color: #e2e8f0;
    padding: 8px 9px;
}

.agreement-table th {
    color: #94a3b8;
    font-size: 11px;
}

.agreement-rules-card details {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 13px;
    padding: 10px;
    margin-bottom: 9px;
}

.agreement-rules-card summary {
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.agreement-rules-card details p {
    color: #cbd5e1;
    font-size: 12px;
    line-height: 1.9;
    margin: 10px 0;
}

.agreement-check {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #e2e8f0;
    font-size: 12px;
    cursor: pointer;
}

.upload-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.upload-grid label {
    display: block;
    color: #e2e8f0;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 6px;
}

.upload-grid input,
.agreement-code-input {
    width: 100%;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.10);
    color: #fff;
    border-radius: 12px;
    padding: 10px;
    outline: none;
}

.upload-grid small {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-top: 5px;
}

.agreement-primary-btn,
.agreement-download-btn {
    background: #198754;
    color: #fff;
    border: 0;
    border-radius: 12px;
    padding: 9px 14px;
    font-size: 12px;
    font-weight: 900;
}

.agreement-download-btn {
    background: #0d6efd;
}

.promissory-admin-note {
    margin-top: 10px;
    background: rgba(239, 68, 68, 0.10);
    border: 1px solid rgba(239, 68, 68, 0.24);
    color: #fecaca;
    border-radius: 13px;
    padding: 10px;
    font-size: 12px;
    line-height: 1.8;
}

@media (max-width: 768px) {
    .agreement-header {
        flex-direction: column;
    }

    .agreement-summary-grid,
    .promissory-grid,
    .upload-grid {
        grid-template-columns: 1fr;
    }

    .agreement-primary-btn,
    .agreement-download-btn {
        width: 100%;
    }
}
.agreement-identity-card {
    background: #171b21;
    border: 1px solid rgba(56, 189, 248, 0.20);
    border-radius: 15px;
    padding: 12px;
}

.agreement-identity-card h5 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
}

.identity-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.identity-grid div {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    padding: 10px;
}

.identity-grid span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-bottom: 5px;
}

.identity-grid strong {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.8;
}

.agreement-identity-card p {
    margin: 10px 0 0;
    color: #94a3b8;
    font-size: 11px;
    line-height: 1.8;
}

@media (max-width: 768px) {
    .identity-grid {
        grid-template-columns: 1fr;
    }
}
.agreement-next-step-notice {
    background: rgba(56, 189, 248, 0.08);
    border: 1px solid rgba(56, 189, 248, 0.22);
    border-radius: 15px;
    padding: 12px;
    color: #cbd5e1;
}

.agreement-next-step-notice strong {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 6px;
}

.agreement-next-step-notice p {
    margin: 0;
    font-size: 12px;
    line-height: 1.8;
}
/*ٍEnrollment*/
.final-enrollment-page {
    background: #0f1218;
    min-height: 100%;
    color: #e5e7eb;
}

.final-enrollment-shell {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 14px;
}

.final-enrollment-header {
    background: linear-gradient(135deg, #171b23, #111827);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 18px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    box-shadow: 0 18px 45px rgba(0,0,0,0.22);
}

.final-enrollment-eyebrow {
    color: #38bdf8;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 8px;
}

.final-enrollment-header h4 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
}

.final-enrollment-header p {
    margin: 10px 0 0;
    color: #94a3b8;
    font-size: 13px;
    line-height: 2;
    max-width: 760px;
}

.final-enrollment-status {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.28);
    color: #86efac;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.final-enrollment-message {
    margin-top: 14px;
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.25);
    color: #bbf7d0;
    border-radius: 16px;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.9;
}

.final-enrollment-error {
    margin-top: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.25);
    color: #fecaca;
    border-radius: 16px;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.9;
}

.final-enrollment-block {
    margin-top: 14px;
    border-radius: 18px;
    padding: 16px;
    font-size: 13px;
    line-height: 2;
}

.final-enrollment-block.warning {
    background: rgba(251, 191, 36, 0.08);
    border: 1px solid rgba(251, 191, 36, 0.25);
    color: #fde68a;
}

.final-enrollment-summary-card,
.final-enrollment-invoice-card,
.final-enrollment-action-card {
    margin-top: 14px;
    background: #171b21;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 20px;
    padding: 16px;
    box-shadow: 0 18px 45px rgba(0,0,0,0.18);
}

.final-enrollment-card-head,
.invoice-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 14px;
}

.final-enrollment-card-head h5,
.invoice-head h5 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
}

.final-enrollment-card-head p,
.invoice-head p {
    margin: 6px 0 0;
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.9;
}

.invoice-head span {
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.28);
    color: #bfdbfe;
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.final-enrollment-course-box {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    padding: 13px;
    margin-bottom: 12px;
}

.final-enrollment-course-box span {
    display: block;
    color: #94a3b8;
    font-size: 12px;
    margin-bottom: 6px;
}

.final-enrollment-course-box strong {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
}

.final-enrollment-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.final-enrollment-grid > div {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    padding: 13px;
}

.final-enrollment-grid span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-bottom: 8px;
}

.final-enrollment-grid strong {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.7;
}

.final-enrollment-grid .payable {
    background: rgba(34, 197, 94, 0.09);
    border-color: rgba(34, 197, 94, 0.25);
}

.final-enrollment-grid .payable strong {
    color: #86efac;
    font-size: 16px;
}

.gateway-pending-box {
    background: rgba(251, 191, 36, 0.08);
    border: 1px solid rgba(251, 191, 36, 0.25);
    color: #fde68a;
    border-radius: 16px;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 2;
}

.final-enrollment-action-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.final-enrollment-action-card strong {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    margin-bottom: 6px;
}

.final-enrollment-action-card p {
    margin: 0;
    color: #94a3b8;
    font-size: 13px;
    line-height: 2;
}

.final-enrollment-btn {
    background: #0d6efd;
    color: #fff;
    border: 0;
    border-radius: 14px;
    padding: 11px 16px;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.final-enrollment-btn:hover {
    background: #0b5ed7;
    color: #fff;
}

@media (max-width: 992px) {
    .final-enrollment-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .final-enrollment-header,
    .final-enrollment-action-card,
    .final-enrollment-card-head,
    .invoice-head {
        flex-direction: column;
        align-items: stretch;
    }

    .final-enrollment-grid {
        grid-template-columns: 1fr;
    }

    .final-enrollment-btn {
        width: 100%;
        text-align: center;
    }

    .final-enrollment-status,
    .invoice-head span {
        width: fit-content;
    }
}
.payment-success-box {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.28);
    color: #bbf7d0;
    border-radius: 16px;
    padding: 13px 14px;
    font-size: 13px;
    line-height: 2;
}

.payment-success-box strong {
    display: block;
    color: #86efac;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 4px;
}

.payment-success-box span {
    display: block;
}

.payment-success-box small {
    display: block;
    margin-top: 6px;
    color: #d1fae5;
    font-size: 12px;
}
.custom-claim-card {
    background: #171b21;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 15px;
}

.custom-claim-head h5 {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
}

.custom-claim-head p {
    margin: 7px 0 0;
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.9;
}

.custom-claim-message {
    margin-top: 12px;
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.25);
    color: #bbf7d0;
    border-radius: 13px;
    padding: 9px 11px;
    font-size: 12px;
}

.custom-claim-form {
    margin-top: 13px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.custom-claim-field.full {
    grid-column: 1 / -1;
}

.custom-claim-field label {
    display: block;
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 6px;
}

.custom-claim-field input,
.custom-claim-field textarea {
    width: 100%;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 13px;
    color: #fff;
    padding: 10px 11px;
    font-size: 13px;
    outline: none;
}

.custom-claim-field textarea {
    resize: vertical;
    min-height: 95px;
}

.custom-claim-field small {
    display: block;
    margin-top: 5px;
    color: #fca5a5;
    font-size: 11px;
}

.custom-claim-submit {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
}

.custom-claim-btn {
    background: #0d6efd;
    color: #fff;
    border: 0;
    border-radius: 13px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 900;
}

.custom-claim-list {
    display: grid;
    gap: 10px;
}

.custom-claim-item {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 15px;
    padding: 12px;
}

.custom-claim-item-main strong {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}

.custom-claim-item-main span {
    display: inline-block;
    margin-top: 6px;
    color: #38bdf8;
    font-size: 11px;
    font-weight: 800;
}

.custom-claim-item-main p {
    margin: 8px 0 0;
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.8;
}

.custom-claim-item-meta {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.custom-claim-item-meta div {
    background: rgba(0,0,0,0.15);
    border-radius: 12px;
    padding: 8px;
}

.custom-claim-item-meta span {
    display: block;
    color: #94a3b8;
    font-size: 10px;
    margin-bottom: 5px;
}

.custom-claim-item-meta b {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}

.claim-status.submitted {
    color: #fde68a;
}

.claim-status.approved {
    color: #86efac;
}

.claim-status.rejected {
    color: #fca5a5;
}

.claim-status.revision {
    color: #fdba74;
}

.custom-claim-admin-note {
    margin-top: 10px;
    background: rgba(251, 191, 36, 0.08);
    border: 1px solid rgba(251, 191, 36, 0.18);
    color: #fde68a;
    border-radius: 12px;
    padding: 8px;
    font-size: 12px;
    line-height: 1.8;
}

@media (max-width: 768px) {
    .custom-claim-form,
    .custom-claim-item-meta {
        grid-template-columns: 1fr;
    }

    .custom-claim-submit {
        justify-content: stretch;
    }

    .custom-claim-btn {
        width: 100%;
    }
}
.capacity-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}

.capacity-badge.confirmed {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
    border: 1px solid rgba(34, 197, 94, 0.25);
}

.capacity-badge.pending {
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
    border: 1px solid rgba(251, 191, 36, 0.25);
}

.capacity-badge.available {
    background: rgba(56, 189, 248, 0.12);
    color: #7dd3fc;
    border: 1px solid rgba(56, 189, 248, 0.25);
}

.barter-inline-quantity-input {
    width: 72px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    color: #fff;
    padding: 7px 8px;
    text-align: center;
}

.quantity-error {
    display: block;
    color: #fca5a5;
    font-size: 10px;
    margin-top: 4px;
}
.step2-training-dark {
    width: 100%;
    color: #e5e7eb;
    font-size: 13px;
}

.step2-card {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .22);
}

.step2-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.step2-title {
    min-width: 0;
}

.step2-badge {
    display: inline-flex;
    background: rgba(79, 70, 229, .14);
    color: #c7d2fe;
    border: 1px solid rgba(129, 140, 248, .22);
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 8px;
}

.step2-header h3 {
    margin: 0 0 5px;
    color: #f9fafb;
    font-size: 18px;
    font-weight: 950;
    line-height: 1.6;
}

.step2-header p {
    margin: 0;
    color: #94a3b8;
    font-size: 12.3px;
    line-height: 1.8;
    max-width: 760px;
}

.step2-score-mini {
    min-width: 98px;
    background: rgba(15, 23, 42, .92);
    border: 1px solid rgba(148, 163, 184, .20);
    color: #dbeafe;
    border-radius: 14px;
    padding: 9px 10px;
    text-align: center;
}

.step2-score-mini span {
    display: block;
    font-size: 10.5px;
    color: #bfdbfe;
    margin-bottom: 5px;
    font-weight: 800;
}

.score-mini-value {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
}

.score-mini-value strong {
    color: #ffffff;
    font-size: 19px;
    line-height: 1;
    font-weight: 950;
}

.score-mini-value small {
    color: #93c5fd;
    font-size: 10.5px;
    font-weight: 800;
}

.step2-layout {
    display: block;
}

.step2-main {
    display: grid;
    gap: 12px;
}

.step2-main {
    display: grid;
    gap: 12px;
}

.step2-video-panel,
.step2-panel,
.step2-code-card {
    background: rgba(15, 23, 42, .78);
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 15px;
}

.step2-video-panel {
    padding: 10px;
}

.video-frame {
    overflow: hidden;
    border-radius: 12px;
    background: #020617;
    aspect-ratio: 16 / 9;
}
.step2-code-card-inline {
    max-width: 520px;
    margin: 0 auto;
    width: 100%;
}

.step2-code-card-inline .code-card-head {
    justify-content: center;
    text-align: center;
}

.step2-code-card-inline .step2-code-boxes {
    max-width: 320px;
    margin: 0 auto 10px;
}

.step2-code-card-inline .step2-verify-btn {
    max-width: 320px;
    display: block;
    margin: 0 auto;
}
.video-frame video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.step2-panel {
    padding: 14px;
}

.step2-panel.compact {
    padding: 12px 14px;
}

.step2-section-title {
    margin-bottom: 10px;
}

.step2-section-title h4 {
    margin: 0 0 4px;
    color: #f9fafb;
    font-size: 14.5px;
    font-weight: 900;
}

.step2-section-title p {
    margin: 0;
    color: #94a3b8;
    font-size: 11.7px;
    line-height: 1.8;
}

.step2-text p {
    color: #cbd5e1;
    font-size: 12.5px;
    line-height: 1.9;
    margin: 0 0 8px;
}

.step2-text strong {
    color: #ffffff;
}

.step2-learn-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 11px;
}

.learn-item {
    background: rgba(2, 6, 23, .32);
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 12px;
    padding: 10px;
}

.learn-item span {
    display: block;
    color: #67e8f9;
    font-size: 11px;
    font-weight: 900;
    margin-bottom: 5px;
}

.learn-item strong {
    color: #e5e7eb;
    font-size: 12px;
    line-height: 1.7;
}

.lesson-list {
    display: grid;
    gap: 8px;
}

.lesson-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: rgba(2, 6, 23, .30);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 11px;
    padding: 9px 10px;
}

.lesson-item div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lesson-item strong {
    color: #e5e7eb;
    font-size: 12.3px;
}

.lesson-item small {
    color: #94a3b8;
    font-size: 11px;
}

.play-dot {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(239, 68, 68, .15);
    color: #fca5a5;
    font-size: 10px;
}

.step2-side {
    position: sticky;
    top: 16px;
}

.step2-code-card {
    padding: 14px;
}

.code-card-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.code-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(37, 99, 235, .15);
    border: 1px solid rgba(96, 165, 250, .22);
    color: #93c5fd;
    font-size: 18px;
    font-weight: 950;
}

.code-card-head h4 {
    margin: 0 0 3px;
    color: #f9fafb;
    font-size: 14.5px;
    font-weight: 900;
}

.code-card-head p {
    margin: 0;
    color: #94a3b8;
    font-size: 11.5px;
}

.step2-code-boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 10px;
    direction: ltr;
}

.step2-code-input {
    direction: ltr;
    text-align: center;
}

.step2-code-input {
    width: 100%;
    height: 48px;
    border-radius: 13px;
    border: 1px solid rgba(148, 163, 184, .20);
    background: rgba(2, 6, 23, .42);
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 950;
    letter-spacing: 2px;
    outline: none;
    transition: all .18s ease;
}

.step2-code-input:focus {
    border-color: rgba(34, 211, 238, .58);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .12);
}

.step2-code-input:disabled {
    opacity: .55;
    cursor: not-allowed;
}

.step2-verify-btn {
    width: 100%;
    border: 0;
    border-radius: 12px;
    padding: 10px 14px;
    background: #2563eb;
    color: #ffffff;
    font-size: 12.5px;
    font-weight: 900;
    transition: all .18s ease;
}

.step2-verify-btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

.step2-verify-btn:disabled {
    opacity: .55;
    cursor: not-allowed;
}

.step2-message {
    margin-top: 10px;
    border-radius: 12px;
    padding: 9px 10px;
    font-size: 11.8px;
    font-weight: 800;
    line-height: 1.8;
}

.step2-message.success {
    background: rgba(16, 185, 129, .10);
    color: #a7f3d0;
    border: 1px solid rgba(16, 185, 129, .22);
}

.step2-message.danger {
    background: rgba(248, 113, 113, .10);
    color: #fecaca;
    border: 1px solid rgba(248, 113, 113, .22);
}

.attempts-note {
    margin-top: 10px;
    color: #94a3b8;
    font-size: 11.5px;
    line-height: 1.8;
    text-align: center;
}

.step2-unlocked-note {
    margin-top: 10px;
    background: rgba(79, 70, 229, .13);
    border: 1px solid rgba(129, 140, 248, .25);
    color: #c7d2fe;
    border-radius: 12px;
    padding: 9px 10px;
    font-size: 11.5px;
    line-height: 1.8;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 992px) {
    .step2-layout {
        grid-template-columns: 1fr;
    }

    .step2-side {
        position: static;
    }

    .step2-learn-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .step2-card {
        padding: 14px;
        border-radius: 15px;
    }

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

    .step2-score-mini {
        width: 100%;
    }
}
.step2-accordion {
    display: grid;
    gap: 8px;
}

.step2-accordion-item {
    background: rgba(2, 6, 23, .30);
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 12px;
    overflow: hidden;
}

.step2-accordion-item summary {
    list-style: none;
    cursor: pointer;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.step2-accordion-item summary::-webkit-details-marker {
    display: none;
}

.step2-accordion-item summary strong {
    display: block;
    color: #e5e7eb;
    font-size: 12.8px;
    font-weight: 900;
    margin-bottom: 3px;
}

.step2-accordion-item summary span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
}

.step2-accordion-item summary i {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    background: rgba(79, 70, 229, .15);
    border: 1px solid rgba(129, 140, 248, .24);
    color: #c7d2fe;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 15px;
    font-weight: 900;
    transition: all .18s ease;
}

.step2-accordion-item[open] summary i {
    transform: rotate(45deg);
    background: rgba(6, 182, 212, .15);
    border-color: rgba(103, 232, 249, .25);
    color: #67e8f9;
}

.accordion-content {
    border-top: 1px solid rgba(148, 163, 184, .11);
    padding: 9px 10px 10px;
    display: grid;
    gap: 8px;
}

.lesson-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: rgba(15, 23, 42, .58);
    border: 1px solid rgba(148, 163, 184, .10);
    border-radius: 10px;
    padding: 8px 9px;
}

.lesson-info {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.lesson-info strong {
    display: block;
    color: #e5e7eb;
    font-size: 12.2px;
    font-weight: 850;
    margin-bottom: 2px;
}

.lesson-info small {
    display: block;
    color: #94a3b8;
    font-size: 10.8px;
}

.play-dot {
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(239, 68, 68, .15);
    color: #fca5a5;
    font-size: 9px;
}

.lesson-play-btn {
    border: 0;
    border-radius: 10px;
    padding: 7px 11px;
    background: rgba(16, 185, 129, .16);
    color: #a7f3d0;
    font-size: 11.5px;
    font-weight: 900;
    white-space: nowrap;
}

.lesson-play-btn:hover {
    background: rgba(16, 185, 129, .25);
}

.lesson-description {
    color: #94a3b8;
    font-size: 11.7px;
    line-height: 1.9;
    background: rgba(2, 6, 23, .24);
    border: 1px solid rgba(148, 163, 184, .09);
    border-radius: 10px;
    padding: 8px 10px;
}

@media (max-width: 576px) {
    .lesson-row {
        align-items: stretch;
        flex-direction: column;
    }

    .lesson-play-btn {
        width: 100%;
    }
}
/*step 3*/
.step3-exam-dark {
    width: 100%;
    color: #e5e7eb;
    font-size: 13px;
}

.step3-card {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .22);
}

.step3-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.step3-title {
    min-width: 0;
}

.step3-badge {
    display: inline-flex;
    background: rgba(79, 70, 229, .14);
    color: #c7d2fe;
    border: 1px solid rgba(129, 140, 248, .22);
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 8px;
}

.step3-header h3 {
    margin: 0 0 5px;
    color: #f9fafb;
    font-size: 18px;
    font-weight: 950;
    line-height: 1.6;
}

.step3-header p {
    margin: 0;
    color: #94a3b8;
    font-size: 12.3px;
    line-height: 1.8;
    max-width: 760px;
}

.step3-header-actions {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.step3-score-mini,
.step3-attempt-mini {
    min-width: 98px;
    background: rgba(15, 23, 42, .92);
    border: 1px solid rgba(148, 163, 184, .20);
    color: #dbeafe;
    border-radius: 14px;
    padding: 9px 10px;
    text-align: center;
}

.step3-score-mini span,
.step3-attempt-mini span {
    display: block;
    font-size: 10.5px;
    color: #bfdbfe;
    margin-bottom: 5px;
    font-weight: 800;
}

.step3-attempt-mini strong {
    display: block;
    color: #ffffff;
    font-size: 13px;
    font-weight: 950;
}

.score-mini-value {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
}

.score-mini-value strong {
    color: #ffffff;
    font-size: 19px;
    line-height: 1;
    font-weight: 950;
}

.score-mini-value small {
    color: #93c5fd;
    font-size: 10.5px;
    font-weight: 800;
}

.step3-message {
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 12.2px;
    font-weight: 800;
    line-height: 1.8;
    margin-bottom: 12px;
}

.step3-message.success {
    background: rgba(16, 185, 129, .10);
    color: #a7f3d0;
    border: 1px solid rgba(16, 185, 129, .22);
}

.step3-message.danger {
    background: rgba(248, 113, 113, .10);
    color: #fecaca;
    border: 1px solid rgba(248, 113, 113, .22);
}

.step3-warning {
    margin-top: 10px;
    background: rgba(251, 146, 60, .10);
    color: #fdba74;
    border: 1px solid rgba(251, 146, 60, .25);
    border-radius: 11px;
    padding: 8px 10px;
    font-size: 11.8px;
    font-weight: 800;
}

.step3-status-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 12px;
}

.step3-status-box {
    background: rgba(15, 23, 42, .78);
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 14px;
    padding: 11px 12px;
    text-align: center;
}

.step3-status-box.timer {
    border-color: rgba(34, 211, 238, .25);
    background: rgba(6, 182, 212, .09);
}

.step3-status-box span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 5px;
}

.step3-status-box strong {
    display: block;
    color: #f9fafb;
    font-size: 16px;
    font-weight: 950;
}

.step3-progress-panel {
    background: rgba(15, 23, 42, .78);
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 14px;
    padding: 11px 12px;
    margin-bottom: 12px;
}

.progress-top {
    display: flex;
    justify-content: space-between;
    color: #e5e7eb;
    font-size: 12px;
    font-weight: 850;
    margin-bottom: 8px;
}

.progress-track {
    height: 7px;
    background: rgba(148, 163, 184, .16);
    border-radius: 999px;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #4f46e5, #06b6d4);
    border-radius: 999px;
    transition: width .25s ease;
}

.step3-question-panel {
    background: rgba(15, 23, 42, .78);
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 15px;
    padding: 14px;
}

.question-head {
    margin-bottom: 12px;
}

.question-head span {
    display: inline-flex;
    background: rgba(6, 182, 212, .13);
    color: #67e8f9;
    border: 1px solid rgba(103, 232, 249, .18);
    border-radius: 999px;
    padding: 4px 9px;
    font-size: 10.8px;
    font-weight: 850;
    margin-bottom: 8px;
}

.question-head h4 {
    margin: 0;
    color: #f9fafb;
    font-size: 16px;
    font-weight: 950;
    line-height: 1.7;
}

.step3-options {
    display: grid;
    gap: 8px;
}

.step3-option {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: right;
    background: rgba(2, 6, 23, .32);
    border: 1px solid rgba(148, 163, 184, .18);
    color: #e5e7eb;
    border-radius: 12px;
    padding: 9px 12px;
    font-size: 12.8px;
    font-weight: 800;
    line-height: 1.7;
    transition: all .18s ease;
}

.step3-option:hover {
    border-color: rgba(129, 140, 248, .42);
    background: rgba(79, 70, 229, .12);
}

.step3-option.selected {
    border-color: rgba(34, 211, 238, .50);
    background: rgba(6, 182, 212, .12);
    color: #ecfeff;
}

.option-radio {
    width: 21px;
    height: 21px;
    min-width: 21px;
    border-radius: 50%;
    border: 2px solid rgba(165, 180, 252, .55);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #67e8f9;
    font-size: 12px;
    font-weight: 950;
}

.step3-option.selected .option-radio {
    background: #06b6d4;
    border-color: #06b6d4;
    color: #ffffff;
}

.option-text {
    flex: 1;
}

.step3-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 12px;
}

.step3-actions-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.step3-btn {
    border: 0;
    border-radius: 11px;
    padding: 9px 15px;
    font-size: 12.5px;
    font-weight: 900;
    transition: all .18s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.step3-btn.primary {
    background: #2563eb;
    color: #ffffff;
}

.step3-btn.success {
    background: #10b981;
    color: #062e21;
}

.step3-btn.secondary {
    background: rgba(148, 163, 184, .12);
    color: #e5e7eb;
    border: 1px solid rgba(148, 163, 184, .18);
}

.step3-btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

.step3-btn:disabled {
    opacity: .55;
    cursor: not-allowed;
}

.step3-result-panel {
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
}

.step3-result-panel.passed {
    background: rgba(16, 185, 129, .10);
    border: 1px solid rgba(16, 185, 129, .22);
}

.step3-result-panel.failed {
    background: rgba(248, 113, 113, .10);
    border: 1px solid rgba(248, 113, 113, .22);
}

.result-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 950;
    color: #ffffff;
}

.passed .result-icon {
    background: #10b981;
}

.failed .result-icon {
    background: #ef4444;
}

.result-eyebrow {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 850;
    margin-bottom: 4px;
}

.result-content h3 {
    margin: 0 0 5px;
    color: #f9fafb;
    font-size: 17px;
    font-weight: 950;
}

.result-content p {
    margin: 0;
    color: #cbd5e1;
    font-size: 12.5px;
    line-height: 1.8;
}

.step3-result-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 12px;
}

.result-stat {
    background: rgba(15, 23, 42, .78);
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 14px;
    padding: 12px;
    text-align: center;
}

.result-stat span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 5px;
}

.result-stat strong {
    display: block;
    color: #f9fafb;
    font-size: 14px;
    font-weight: 950;
}

.step3-result-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.step3-next-note {
    color: #c7d2fe;
    background: rgba(79, 70, 229, .13);
    border: 1px solid rgba(129, 140, 248, .25);
    border-radius: 12px;
    padding: 9px 11px;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.8;
}

.step3-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(2, 6, 23, .78);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.step3-modal {
    width: min(960px, 100%);
    max-height: 92vh;
    overflow: auto;
    background: #0f172a;
    border: 1px solid rgba(148, 163, 184, .20);
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
}

.step3-modal-header,
.step3-modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.step3-modal-footer {
    border-top: 1px solid rgba(148, 163, 184, .12);
    border-bottom: 0;
    justify-content: flex-end;
}

.step3-modal-header span {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 800;
}

.step3-modal-header h4 {
    margin: 3px 0 0;
    color: #f9fafb;
    font-size: 16px;
    font-weight: 950;
}

.modal-close-btn {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 10px;
    background: rgba(248, 113, 113, .12);
    color: #fecaca;
    font-size: 24px;
    line-height: 1;
}

.step3-modal-body {
    padding: 16px;
}

.certificate-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.certificate-field.full {
    grid-column: 1 / -1;
}

.certificate-field label {
    display: block;
    color: #cbd5e1;
    font-size: 11.8px;
    font-weight: 850;
    margin-bottom: 6px;
}

.certificate-field input,
.certificate-field textarea {
    width: 100%;
    border-radius: 11px;
    border: 1px solid rgba(148, 163, 184, .20);
    background: rgba(2, 6, 23, .42);
    color: #ffffff;
    padding: 9px 11px;
    font-size: 12.5px;
    outline: none;
}

.certificate-field textarea {
    min-height: 78px;
    resize: vertical;
}

.certificate-field input:focus,
.certificate-field textarea:focus {
    border-color: rgba(34, 211, 238, .58);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .12);
}

.certificate-field small {
    display: block;
    margin-top: 5px;
    color: #fecaca;
    font-size: 11px;
}

.radio-group {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    background: rgba(2, 6, 23, .30);
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 11px;
    padding: 9px 10px;
}

.radio-group label {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #e5e7eb;
}

@media (max-width: 992px) {
    .step3-result-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .certificate-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .step3-card {
        padding: 14px;
        border-radius: 15px;
    }

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

    .step3-header-actions {
        width: 100%;
    }

    .step3-score-mini,
    .step3-attempt-mini {
        flex: 1;
    }

    .step3-status-grid,
    .step3-result-grid {
        grid-template-columns: 1fr;
    }

    .step3-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .step3-actions-left,
    .step3-btn {
        width: 100%;
    }

    .step3-result-panel {
        align-items: flex-start;
    }

    .step3-modal-backdrop {
        align-items: flex-start;
    }
}
.wizard-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid rgba(148, 163, 184, .14);
}

.wizard-action-side {
    display: flex;
    align-items: center;
    min-width: 0;
}

.wizard-action-side.right {
    justify-content: flex-start;
}

.wizard-action-side.left {
    justify-content: flex-end;
}

.wizard-nav-btn {
    border: 0;
    min-width: 132px;
    height: 42px;
    border-radius: 13px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 12.8px;
    font-weight: 900;
    line-height: 1;
    transition: all .18s ease;
    white-space: nowrap;
}

.wizard-next-btn {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(37, 99, 235, .22);
}

.wizard-prev-btn {
    background: rgba(15, 23, 42, .72);
    color: #e5e7eb;
    border: 1px solid rgba(148, 163, 184, .22);
}

.wizard-nav-btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

.wizard-nav-btn:disabled {
    opacity: .55;
    cursor: not-allowed;
}

.wizard-btn-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 950;
    background: rgba(255, 255, 255, .14);
    line-height: 1;
}

.wizard-prev-btn .wizard-btn-icon {
    background: rgba(148, 163, 184, .14);
    color: #cbd5e1;
}

@media (max-width: 576px) {
    .wizard-actions {
        gap: 8px;
    }

    .wizard-action-side {
        flex: 1;
    }

    .wizard-nav-btn {
        width: 100%;
        min-width: 0;
        height: 40px;
        padding: 0 10px;
        font-size: 12px;
        border-radius: 12px;
    }

    .wizard-btn-icon {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }
}
.student-dashboard-page {
    color: #f8fafc;
}

.student-dashboard-page .container {
    max-width: 1240px;
}

.dashboard-main-col {
    padding-bottom: 24px;
}

.dashboard-shell {
    background: #1f2937;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 20px;
    padding: 14px;
    display: grid;
    gap: 12px;
    box-shadow: 0 18px 45px rgba(0,0,0,.18);
    margin-top: 50px;
}

.dash-interview-card {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-radius: 16px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #7c2d12, #991b1b 55%, #273449);
    border: 1px solid rgba(251,191,36,.38);
}

.dash-interview-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #fde68a;
    font-size: 11px;
    font-weight: 900;
    margin-bottom: 6px;
}

.dash-interview-badge span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #facc15;
    box-shadow: 0 0 0 5px rgba(250,204,21,.16);
}

.dash-interview-card h3 {
    margin: 0 0 4px;
    color: #fff;
    font-size: 17px;
    font-weight: 950;
}

.dash-interview-time {
    direction: ltr;
    text-align: right;
    color: #fff;
    font-size: 22px;
    font-weight: 950;
    line-height: 1.4;
}

.dash-interview-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: #ffedd5;
    font-size: 11.5px;
    font-weight: 800;
    margin-top: 4px;
}

.dash-interview-actions {
    display: grid;
    gap: 7px;
    justify-items: end;
    min-width: 110px;
}

.dash-interview-actions strong {
    background: #facc15;
    color: #422006;
    border-radius: 999px;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 950;
}

.dash-overview-card,
.dash-start-card,
.dash-scholarship-card,
.dash-panel,
.dash-stat-item {
    background: #273449;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
}

.dash-overview-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    background: linear-gradient(180deg, #2b3a4f, #243244);
}

.dash-overview-text span,
.dash-start-card span,
.dash-panel-head span {
    display: block;
    color: #93c5fd;
    font-size: 11px;
    font-weight: 900;
    margin-bottom: 4px;
}

.dash-overview-card h2 {
    margin: 0 0 4px;
    color: #fff;
    font-size: 17px;
    font-weight: 950;
}

.dash-overview-card p,
.dash-start-card p {
    margin: 0;
    color: #b6c2d2;
    font-size: 12px;
    line-height: 1.8;
}

.dash-btn {
    border: 0;
    border-radius: 12px;
    padding: 9px 14px;
    font-size: 12px;
    font-weight: 950;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.dash-btn.primary {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #fff;
}

.dash-btn.success {
    background: #22c55e;
    color: #052e16;
}

.dash-btn.light {
    background: #fff;
    color: #7f1d1d;
}

.dash-start-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 14px;
}

.dash-start-card h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 950;
}

.dash-scholarship-card {
    padding: 14px;
    display: grid;
    gap: 9px;
}

.dash-scholarship-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.dash-status-pill {
    display: inline-flex;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(79,140,255,.13);
    border: 1px solid rgba(147,197,253,.22);
    color: #bfdbfe;
    font-size: 10.5px;
    font-weight: 900;
    margin-bottom: 5px;
}

.dash-scholarship-card h3 {
    margin: 0 0 3px;
    color: #fff;
    font-size: 15px;
    font-weight: 950;
}

.dash-scholarship-card p {
    margin: 0;
    color: #b6c2d2;
    font-size: 11.5px;
}

.dash-score-pill {
    min-width: 86px;
    border-radius: 14px;
    padding: 9px 10px;
    text-align: center;
    background: rgba(52,211,153,.10);
    border: 1px solid rgba(52,211,153,.18);
}

.dash-score-pill strong {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 950;
    line-height: 1.1;
}

.dash-score-pill span {
    color: #a7f3d0;
    font-size: 10.5px;
    font-weight: 800;
}

.dash-mini-info {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.dash-mini-info span {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
    color: #cbd5e1;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 800;
}

.dash-progress-row {
    display: grid;
    gap: 5px;
}

.dash-progress-row > div:first-child {
    display: flex;
    justify-content: space-between;
    color: #cbd5e1;
    font-size: 11.5px;
    font-weight: 850;
}

.dash-progress-track {
    height: 7px;
    border-radius: 999px;
    background: rgba(148,163,184,.18);
    overflow: hidden;
}

.dash-progress-track div {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #4f8cff, #22d3ee);
}

.dash-progress-row.score .dash-progress-track div {
    background: linear-gradient(90deg, #34d399, #a3e635);
}

.dash-stats-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.dash-stat-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px;
    min-height: 70px;
}

.dash-stat-item > span {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.dash-stat-item.orange > span {
    background: rgba(245,158,11,.14);
    color: #fbbf24;
}

.dash-stat-item.blue > span {
    background: rgba(79,140,255,.14);
    color: #93c5fd;
}

.dash-stat-item.green > span {
    background: rgba(52,211,153,.14);
    color: #86efac;
}

.dash-stat-item strong {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 950;
    line-height: 1;
    margin-bottom: 4px;
}

.dash-stat-item small {
    color: #b6c2d2;
    font-size: 11.5px;
    font-weight: 850;
}

.dash-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 12px;
}

.dash-panel {
    padding: 13px;
}

.dash-panel-head {
    margin-bottom: 9px;
}

.dash-panel-head h3 {
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

.dash-score-list {
    display: grid;
    gap: 6px;
}

.dash-score-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    padding: 8px 9px;
    border-radius: 11px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.06);
}

.dash-score-title {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.dash-score-title > span {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 8px;
    background: rgba(79,140,255,.13);
    color: #bfdbfe;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 950;
}

.dash-score-title strong {
    display: block;
    color: #fff;
    font-size: 11.7px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}

.dash-score-title small {
    display: block;
    color: #8ea0b7;
    font-size: 10.5px;
}

.dash-score-number {
    color: #fff;
    font-size: 13px;
    font-weight: 950;
    white-space: nowrap;
}

.dash-score-number small {
    color: #b6c2d2;
    font-size: 10.5px;
    font-weight: 800;
}

.dash-news-list {
    display: grid;
    gap: 8px;
}

.dash-news-item {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 8px;
    padding: 9px;
    border-radius: 11px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.06);
}

.dash-news-item.important {
    background: rgba(245,158,11,.06);
    border-color: rgba(245,158,11,.22);
}

.dash-news-date {
    color: #bfdbfe;
    font-size: 10.5px;
    font-weight: 950;
}

.dash-news-item h4 {
    margin: 0 0 4px;
    color: #fff;
    font-size: 11.8px;
    line-height: 1.6;
    font-weight: 950;
}

.dash-news-item p {
    margin: 0;
    color: #b6c2d2;
    font-size: 11px;
    line-height: 1.7;
}

.dash-table-wrap {
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.06);
}

.dash-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    background: rgba(255,255,255,.025);
}

.dash-table th,
.dash-table td {
    padding: 9px;
    border-bottom: 1px solid rgba(255,255,255,.055);
    color: #d4deea;
    font-size: 11.5px;
    white-space: nowrap;
}

.dash-table th {
    color: #fff;
    background: rgba(15,23,42,.45);
    font-weight: 950;
}

.dash-table tfoot th {
    color: #a7f3d0;
}

.dash-status {
    display: inline-flex;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 10.5px;
    font-weight: 900;
    background: rgba(148,163,184,.14);
    color: #e5e7eb;
}

.dash-status.approved,
.dash-status.completed {
    background: rgba(52,211,153,.14);
    color: #a7f3d0;
}

.dash-status.pending,
.dash-status.submitted,
.dash-status.in_progress {
    background: rgba(245,158,11,.14);
    color: #fde68a;
}

.dash-status.rejected {
    background: rgba(251,113,133,.14);
    color: #fecdd3;
}

.dash-empty {
    padding: 14px;
    border-radius: 12px;
    background: rgba(255,255,255,.025);
    border: 1px dashed rgba(255,255,255,.12);
    color: #b6c2d2;
    font-size: 12px;
    line-height: 1.8;
    text-align: center;
}

@media (max-width: 1199px) {
    .dash-main-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-shell {
        padding: 10px;
        gap: 10px;
        border-radius: 16px;
    }

    .dash-interview-card,
    .dash-overview-card,
    .dash-start-card {
        flex-direction: column;
        align-items: stretch;
    }

    .dash-interview-actions {
        justify-items: stretch;
    }

    .dash-interview-time {
        font-size: 20px;
    }

    .dash-scholarship-top {
        flex-direction: column;
    }

    .dash-score-pill {
        width: 100%;
    }

    .dash-stats-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .dash-stat-item {
        min-height: 64px;
        padding: 10px;
    }

    .dash-btn {
        width: 100%;
    }

    .dash-news-item {
        grid-template-columns: 1fr;
    }

    .dash-score-title strong {
        max-width: 180px;
    }
}
.dash-scholarship-card-featured {
    display: grid;
    grid-template-columns: 165px minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
    background:
        radial-gradient(circle at 12% 18%, rgba(52, 211, 153, .18), transparent 32%),
        linear-gradient(180deg, #273449, #1f2937);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
}

.dash-featured-score {
    min-height: 138px;
    border-radius: 15px;
    background:
        radial-gradient(circle at center, rgba(52, 211, 153, .22), rgba(255,255,255,.035));
    border: 1px solid rgba(52, 211, 153, .22);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    text-align: center;
}

.dash-featured-score span {
    color: #a7f3d0;
    font-size: 11.5px;
    font-weight: 900;
}

.dash-featured-score strong {
    color: #ffffff;
    font-size: 42px;
    font-weight: 950;
    line-height: 1.05;
}

.dash-featured-score small {
    color: #b6c2d2;
    font-size: 11.5px;
    font-weight: 850;
}

.dash-featured-content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 9px;
}

.dash-featured-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.dash-featured-top h3 {
    margin: 0 0 4px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 950;
}

.dash-featured-top p {
    margin: 0;
    color: #b6c2d2;
    font-size: 12px;
    line-height: 1.8;
}

.dash-featured-top p strong {
    color: #e5e7eb;
    font-weight: 900;
}

.dash-stage-pill {
    background: rgba(34, 211, 238, .10);
    border: 1px solid rgba(103, 232, 249, .20);
    color: #67e8f9;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 950;
    white-space: nowrap;
}

.dash-featured-progresses {
    display: grid;
    gap: 8px;
}

.dash-featured-progresses .dash-progress-row {
    margin: 0;
}

@media (max-width: 768px) {
    .dash-scholarship-card-featured {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 12px;
    }

    .dash-featured-score {
        min-height: 104px;
    }

    .dash-featured-score strong {
        font-size: 34px;
    }

    .dash-featured-top {
        flex-direction: column;
    }

    .dash-stage-pill {
        width: fit-content;
    }
}
.barter-final-submit-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: linear-gradient(135deg, rgba(16, 185, 129, .13), rgba(59, 130, 246, .10));
    border: 1px solid rgba(16, 185, 129, .22);
    border-radius: 16px;
    padding: 14px 16px;
}

.barter-final-submit-text {
    min-width: 0;
}

.barter-final-submit-text strong {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 950;
    margin-bottom: 5px;
}

.barter-final-submit-text span {
    display: block;
    color: #b6c2d2;
    font-size: 12px;
    line-height: 1.9;
}

.barter-final-submit-btn {
    border: 0;
    border-radius: 13px;
    background: #10b981;
    color: #052e20;
    padding: 10px 16px;
    font-size: 12.5px;
    font-weight: 950;
    white-space: nowrap;
}

.barter-final-submit-btn:hover {
    background: #34d399;
    color: #052e20;
}

@media (max-width: 768px) {
    .barter-final-submit-box {
        flex-direction: column;
        align-items: stretch;
        padding: 12px;
    }

    .barter-final-submit-btn {
        width: 100%;
    }
}
/* ================================
   DASHBOARD RESPONSIVE HARD FIX
   paste at the very end of dashboard style
================================ */

.student-dashboard-page,
.student-dashboard-page * {
    box-sizing: border-box;
}

.student-dashboard-page {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.student-dashboard-page .container,
.student-dashboard-page .row,
.student-dashboard-page .dashboard-main-col,
.student-dashboard-page .dashboard-shell,
.student-dashboard-page .dash-panel,
.student-dashboard-page .dash-main-grid,
.student-dashboard-page .dash-scholarship-card,
.student-dashboard-page .dash-scholarship-card-featured,
.student-dashboard-page .dash-overview-card,
.student-dashboard-page .dash-interview-card,
.student-dashboard-page .dash-barter-panel {
    max-width: 100% !important;
    min-width: 0 !important;
}

.student-dashboard-page .dashboard-main-col {
    width: 100% !important;
    min-width: 0 !important;
}

.student-dashboard-page .dashboard-shell {
    width: 100% !important;
    overflow: hidden !important;
}

.student-dashboard-page .dash-main-grid {
    min-width: 0 !important;
}

.student-dashboard-page .dash-panel {
    overflow: hidden !important;
}

.student-dashboard-page .dash-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
}

.student-dashboard-page .dash-table {
    min-width: 720px !important;
}

/* Tablet */
@media (max-width: 1199px) {
    .student-dashboard-page .row {
        --bs-gutter-x: 12px !important;
    }

    .student-dashboard-page .dashboard-main-col {
        margin-top: 12px;
    }

    .student-dashboard-page .dashboard-shell {
        padding: 12px !important;
        gap: 10px !important;
        border-radius: 18px !important;
    }

    .student-dashboard-page .dash-main-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .student-dashboard-page .dash-stats-row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .student-dashboard-page {
        padding-top: 8px !important;
    }

    .student-dashboard-page .container {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .student-dashboard-page .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 10px !important;
    }

    .student-dashboard-page [class*="col-"] {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .student-dashboard-page .dashboard-shell {
        padding: 10px !important;
        gap: 10px !important;
        border-radius: 16px !important;
        box-shadow: none !important;
    }

    .student-dashboard-page .dash-interview-card,
    .student-dashboard-page .dash-overview-card,
    .student-dashboard-page .dash-start-card {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        padding: 12px !important;
        border-radius: 14px !important;
    }

    .student-dashboard-page .dash-overview-card h2 {
        font-size: 15.5px !important;
        line-height: 1.7 !important;
    }

    .student-dashboard-page .dash-overview-card p,
    .student-dashboard-page .dash-start-card p {
        font-size: 11.5px !important;
        line-height: 1.8 !important;
    }

    .student-dashboard-page .dash-btn {
        width: 100% !important;
        height: 40px !important;
        padding: 0 12px !important;
        font-size: 11.8px !important;
    }

    /* کارت امتیاز بزرگ ولی کنترل‌شده */
    .student-dashboard-page .dash-scholarship-card-featured,
    .student-dashboard-page .dash-scholarship-card {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 12px !important;
        border-radius: 14px !important;
    }

    .student-dashboard-page .dash-featured-score,
    .student-dashboard-page .status-score {
        min-height: 96px !important;
        border-radius: 13px !important;
    }

    .student-dashboard-page .dash-featured-score strong,
    .student-dashboard-page .status-score strong {
        font-size: 34px !important;
        line-height: 1.05 !important;
    }

    .student-dashboard-page .dash-featured-top,
    .student-dashboard-page .dash-scholarship-top,
    .student-dashboard-page .status-top {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .student-dashboard-page .dash-stage-pill,
    .student-dashboard-page .status-step {
        width: fit-content !important;
        max-width: 100% !important;
        white-space: normal !important;
        line-height: 1.7 !important;
    }

    .student-dashboard-page .dash-mini-info,
    .student-dashboard-page .status-details {
        gap: 5px !important;
    }

    .student-dashboard-page .dash-mini-info span,
    .student-dashboard-page .status-details span {
        font-size: 10.5px !important;
        padding: 5px 8px !important;
        line-height: 1.6 !important;
    }

    .student-dashboard-page .dash-progress-row > div:first-child,
    .student-dashboard-page .progress-caption {
        font-size: 10.8px !important;
    }

    .student-dashboard-page .dash-stats-row,
    .student-dashboard-page .dashboard-stat-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .student-dashboard-page .dash-stat-item,
    .student-dashboard-page .dashboard-stat-card {
        min-height: 62px !important;
        padding: 10px !important;
        border-radius: 13px !important;
    }

    .student-dashboard-page .dash-stat-item > span,
    .student-dashboard-page .stat-icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 11px !important;
        font-size: 15px !important;
    }

    .student-dashboard-page .dash-stat-item strong,
    .student-dashboard-page .dashboard-stat-card strong {
        font-size: 16px !important;
    }

    .student-dashboard-page .dash-stat-item small,
    .student-dashboard-page .dashboard-stat-card span {
        font-size: 11px !important;
    }

    .student-dashboard-page .dash-main-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .student-dashboard-page .dash-panel {
        padding: 11px !important;
        border-radius: 14px !important;
    }

    .student-dashboard-page .dash-panel-head {
        margin-bottom: 8px !important;
    }

    .student-dashboard-page .dash-panel-head h3 {
        font-size: 13px !important;
    }

    .student-dashboard-page .dash-score-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 8px !important;
    }

    .student-dashboard-page .dash-score-title {
        min-width: 0 !important;
    }

    .student-dashboard-page .dash-score-title strong {
        max-width: 100% !important;
        white-space: normal !important;
        line-height: 1.6 !important;
        font-size: 11.5px !important;
    }

    .student-dashboard-page .dash-score-title small {
        font-size: 10px !important;
    }

    .student-dashboard-page .dash-score-number {
        font-size: 12px !important;
        text-align: left !important;
    }

    .student-dashboard-page .dash-news-item {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        padding: 8px !important;
    }

    .student-dashboard-page .dash-news-date {
        font-size: 10px !important;
    }

    .student-dashboard-page .dash-news-item h4 {
        font-size: 11.5px !important;
    }

    .student-dashboard-page .dash-news-item p {
        font-size: 10.8px !important;
    }

    .student-dashboard-page .dash-barter-panel {
        padding: 11px !important;
    }

    .student-dashboard-page .dash-table-wrap {
        border-radius: 11px !important;
        max-width: 100% !important;
    }

    .student-dashboard-page .dash-table {
        min-width: 680px !important;
    }

    .student-dashboard-page .dash-table th,
    .student-dashboard-page .dash-table td {
        padding: 8px !important;
        font-size: 10.8px !important;
    }

    .student-dashboard-page .dash-empty {
        padding: 12px !important;
        font-size: 11.5px !important;
    }
}

/* Very small phones */
@media (max-width: 430px) {
    .student-dashboard-page .container {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .student-dashboard-page .dashboard-shell {
        padding: 8px !important;
        gap: 8px !important;
    }

    .student-dashboard-page .dash-interview-card,
    .student-dashboard-page .dash-overview-card,
    .student-dashboard-page .dash-start-card,
    .student-dashboard-page .dash-scholarship-card-featured,
    .student-dashboard-page .dash-panel {
        border-radius: 13px !important;
    }

    .student-dashboard-page .dash-featured-score strong,
    .student-dashboard-page .status-score strong {
        font-size: 31px !important;
    }

    .student-dashboard-page .dash-score-row {
        grid-template-columns: 1fr !important;
    }

    .student-dashboard-page .dash-score-number {
        text-align: right !important;
    }

    .student-dashboard-page .dash-table {
        min-width: 640px !important;
    }
}
/* ================================
   DESKTOP RESTORE / MOBILE KEEP
   paste at the very end
================================ */

@media (min-width: 769px) {

    .student-dashboard-page {
        overflow-x: visible !important;
    }

    .student-dashboard-page .container {
        max-width: 1240px !important;
    }

    .student-dashboard-page .dashboard-main-col {
        width: auto !important;
        margin-top: 0 !important;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }

    .student-dashboard-page .dashboard-shell {
        width: auto !important;
        overflow: visible !important;
        padding: 14px !important;
        gap: 12px !important;
        border-radius: 20px !important;
        box-shadow: 0 18px 45px rgba(0,0,0,.18) !important;
    }

    .student-dashboard-page .dash-overview-card,
    .student-dashboard-page .dash-interview-card,
    .student-dashboard-page .dash-start-card {
        flex-direction: row !important;
        align-items: center !important;
    }

    .student-dashboard-page .dash-scholarship-card-featured {
        display: grid !important;
        grid-template-columns: 165px minmax(0, 1fr) !important;
        gap: 14px !important;
        padding: 14px !important;
    }

    .student-dashboard-page .dash-featured-score {
        min-height: 138px !important;
    }

    .student-dashboard-page .dash-featured-score strong {
        font-size: 42px !important;
    }

    .student-dashboard-page .dash-featured-top {
        flex-direction: row !important;
        align-items: flex-start !important;
    }

    .student-dashboard-page .dash-stats-row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .student-dashboard-page .dash-stat-item {
        min-height: 70px !important;
        padding: 11px !important;
    }

    .student-dashboard-page .dash-main-grid {
        grid-template-columns: minmax(0, 1fr) 330px !important;
        gap: 12px !important;
    }

    .student-dashboard-page .dash-panel {
        overflow: visible !important;
        padding: 13px !important;
        border-radius: 16px !important;
    }

    .student-dashboard-page .dash-score-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .student-dashboard-page .dash-score-title strong {
        white-space: nowrap !important;
        max-width: 240px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .student-dashboard-page .dash-score-number {
        text-align: left !important;
        white-space: nowrap !important;
    }

    .student-dashboard-page .dash-news-item {
        grid-template-columns: 68px minmax(0, 1fr) !important;
    }

    .student-dashboard-page .dash-table-wrap {
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    .student-dashboard-page .dash-table {
        min-width: 760px !important;
    }

    .student-dashboard-page .dash-btn {
        width: auto !important;
        height: auto !important;
        padding: 9px 14px !important;
    }
}
.student-profile-hero {
    position: relative;
    margin-bottom: 18px;
}

.profile-cover {
    position: relative;
    height: 210px;
    overflow: hidden;
    border-radius: 0 0 24px 24px;
    background: #111827;
}

.profile-cover video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-cover-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, .18), rgba(15, 23, 42, .78)),
        radial-gradient(circle at 70% 20%, rgba(59, 130, 246, .22), transparent 35%);
}

.profile-card {
    position: relative;
    z-index: 2;
    margin: -58px auto 0;
    width: min(1140px, calc(100% - 28px));
    background: linear-gradient(180deg, #273449, #1f2937);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 20px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
}

.profile-main {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.profile-avatar-wrap {
    position: relative;
    width: 92px;
    min-width: 92px;
    height: 92px;
}

.profile-avatar {
    width: 92px;
    height: 92px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255, .92);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .25);
    background: #e5e7eb;
}

.profile-family-badge {
    position: absolute;
    right: 50%;
    bottom: -8px;
    transform: translateX(50%);
    background: #22c55e;
    color: #052e16;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 10.5px;
    font-weight: 950;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(34, 197, 94, .20);
}

.profile-info {
    min-width: 0;
}

.profile-eyebrow {
    display: inline-flex;
    color: #93c5fd;
    font-size: 11px;
    font-weight: 900;
    margin-bottom: 4px;
}

.profile-info h1 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 950;
    line-height: 1.5;
}

.profile-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.profile-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(255, 255, 255, .075);
    color: #cbd5e1;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 11.5px;
    font-weight: 850;
    line-height: 1.4;
}

.profile-meta i {
    color: #93c5fd;
    font-size: 11px;
}

.profile-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.profile-actions form {
    margin: 0;
}

.profile-btn {
    border: 0;
    border-radius: 12px;
    min-height: 38px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.profile-btn.dashboard {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #ffffff;
}

.profile-btn.logout {
    background: rgba(248, 113, 113, .13);
    border: 1px solid rgba(248, 113, 113, .28);
    color: #fecaca;
}

.profile-mobile-menu {
    width: min(1140px, calc(100% - 28px));
    margin: 10px auto 0;
    display: none;
}

.profile-menu-btn {
    border: 0;
    border-radius: 12px;
    background: #2563eb;
    color: #ffffff;
    min-height: 38px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 950;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 991px) {
    .profile-cover {
        height: 170px;
        border-radius: 0 0 20px 20px;
    }

    .profile-card {
        margin-top: -48px;
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .profile-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .profile-actions form,
    .profile-actions button,
    .profile-actions a {
        width: 100%;
    }

    .profile-mobile-menu {
        display: block;
    }

    .profile-menu-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .student-profile-hero {
        margin-bottom: 12px;
    }

    .profile-cover {
        height: 128px;
        border-radius: 0 0 16px 16px;
    }

    .profile-card {
        width: calc(100% - 18px);
        margin-top: -36px;
        border-radius: 16px;
        padding: 12px;
    }

    .profile-main {
        align-items: center;
        gap: 10px;
    }

    .profile-avatar-wrap {
        width: 72px;
        min-width: 72px;
        height: 72px;
    }

    .profile-avatar {
        width: 72px;
        height: 72px;
        border-width: 3px;
    }

    .profile-family-badge {
        font-size: 9.5px;
        padding: 3px 8px;
        bottom: -7px;
    }

    .profile-info h1 {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .profile-eyebrow {
        font-size: 10.5px;
    }

    .profile-meta {
        gap: 5px;
    }

    .profile-meta span {
        font-size: 10.5px;
        padding: 5px 8px;
        border-radius: 10px;
    }

    .profile-actions {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .profile-btn {
        min-height: 38px;
        font-size: 11.5px;
    }

    .profile-mobile-menu {
        width: calc(100% - 18px);
        margin-top: 8px;
    }
}

@media (max-width: 380px) {
    .profile-main {
        align-items: flex-start;
    }

    .profile-avatar-wrap {
        width: 64px;
        min-width: 64px;
        height: 64px;
    }

    .profile-avatar {
        width: 64px;
        height: 64px;
    }

    .profile-family-badge {
        display: none;
    }

    .profile-meta span {
        width: 100%;
        justify-content: flex-start;
    }
}
.student-sidebar-col {
    min-width: 0;
}

.student-sidebar-body {
    padding: 0;
}

.student-sidebar-card {
    position: sticky;
    top: 16px;
    width: 100%;
    background:
        linear-gradient(180deg, rgba(39, 52, 73, .98), rgba(24, 31, 44, .98));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    padding: 14px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
    overflow: hidden;
    margin-top: 27px;
}

.student-sidebar-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 0%, rgba(37, 99, 235, .20), transparent 34%),
        radial-gradient(circle at 90% 20%, rgba(34, 197, 94, .10), transparent 28%);
    pointer-events: none;
}

.student-sidebar-profile,
.student-sidebar-menu,
.student-sidebar-divider {
    position: relative;
    z-index: 2;
}

.student-sidebar-profile {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 4px 12px;
}

.student-sidebar-avatar {
    width: 54px;
    min-width: 54px;
    height: 54px;
    border-radius: 16px;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, .82);
    background: #e5e7eb;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .25);
}

.student-sidebar-profile-info {
    min-width: 0;
}

.student-sidebar-profile-info strong {
    display: block;
    color: #ffffff;
    font-size: 13px;
    font-weight: 950;
    line-height: 1.6;
    max-width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.student-sidebar-profile-info span {
    display: block;
    color: #93c5fd;
    font-size: 10.5px;
    font-weight: 850;
    line-height: 1.6;
    max-width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.student-sidebar-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .14), transparent);
    margin: 4px 0 10px;
}

.student-sidebar-menu {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.student-sidebar-link {
    width: 100%;
    min-height: 43px;
    border: 0;
    outline: 0;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 10px;
    border-radius: 13px;
    background: transparent;
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 900;
    transition: .18s ease;
    position: relative;
}

.student-sidebar-link:hover {
    background: rgba(255, 255, 255, .06);
    color: #ffffff;
}

.student-sidebar-link.active {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(37, 99, 235, .28);
}

.student-sidebar-icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .055);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #93c5fd;
    font-size: 14px;
}

.student-sidebar-link.active .student-sidebar-icon {
    background: rgba(255, 255, 255, .16);
    color: #ffffff;
}

.student-sidebar-arrow {
    margin-right: auto;
    font-size: 11px;
    opacity: .72;
}

.student-sidebar-submenu {
    margin: 2px 39px 4px 0;
    padding: 6px 9px;
    border-right: 1px solid rgba(147, 197, 253, .22);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.student-sidebar-submenu a {
    color: #94a3b8;
    text-decoration: none;
    font-size: 11.5px;
    font-weight: 850;
    padding: 6px 8px;
    border-radius: 9px;
    transition: .18s ease;
}

.student-sidebar-submenu a:hover,
.student-sidebar-submenu a.active {
    color: #ffffff;
    background: rgba(255, 255, 255, .06);
}

.student-sidebar-logout-form {
    margin: 8px 0 0;
}

.student-sidebar-logout {
    color: #fecaca;
    background: rgba(248, 113, 113, .08);
    border: 1px solid rgba(248, 113, 113, .14);
}

.student-sidebar-logout:hover {
    color: #ffffff;
    background: rgba(239, 68, 68, .20);
}

.student-sidebar-logout .student-sidebar-icon {
    color: #fca5a5;
    background: rgba(248, 113, 113, .10);
}

.student-sidebar-mobile-head {
    background: #182232;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

/* Desktop */
@media (min-width: 1200px) {
    .student-sidebar-offcanvas {
        position: static;
        visibility: visible !important;
        transform: none !important;
        width: 100% !important;
        border: 0;
        background: transparent;
    }

    .student-sidebar-body {
        overflow: visible;
    }
}

/* Mobile / tablet */
@media (max-width: 1199px) {
    .student-sidebar-offcanvas {
        background: #111827;
        width: min(330px, 88vw) !important;
    }

    .student-sidebar-body {
        padding: 12px !important;
        background: #111827;
    }

    .student-sidebar-card {
        position: relative;
        top: auto;
        border-radius: 18px;
        box-shadow: none;
    }
}

@media (max-width: 576px) {
    .student-sidebar-offcanvas {
        width: min(310px, 92vw) !important;
    }

    .student-sidebar-body {
        padding: 10px !important;
    }

    .student-sidebar-card {
        padding: 12px;
        border-radius: 16px;
    }

    .student-sidebar-profile {
        padding-bottom: 10px;
    }

    .student-sidebar-avatar {
        width: 48px;
        min-width: 48px;
        height: 48px;
        border-radius: 14px;
    }

    .student-sidebar-link {
        min-height: 40px;
        font-size: 11.5px;
        border-radius: 12px;
    }

    .student-sidebar-icon {
        width: 28px;
        min-width: 28px;
        height: 28px;
        font-size: 13px;
    }
}
.student-sidebar-mobile-head {
    position: relative;
    padding: 14px;
    background:
        radial-gradient(circle at 18% 10%, rgba(37, 99, 235, .32), transparent 34%),
        linear-gradient(135deg, #273449, #182232);
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    color: #fff;
}

.mobile-sidebar-profile-head {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.mobile-sidebar-avatar-box {
    width: 52px;
    min-width: 52px;
    height: 52px;
    border-radius: 17px;
    padding: 2px;
    background: linear-gradient(135deg, #60a5fa, #22c55e);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
}

.mobile-sidebar-avatar-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    border: 2px solid rgba(255, 255, 255, .88);
    background: #e5e7eb;
}

.mobile-sidebar-profile-text {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.mobile-sidebar-profile-text span {
    color: #93c5fd;
    font-size: 10.5px;
    font-weight: 950;
    line-height: 1.5;
}

.mobile-sidebar-profile-text strong {
    color: #ffffff;
    font-size: 13.5px;
    font-weight: 950;
    line-height: 1.7;
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-sidebar-profile-text small {
    color: #cbd5e1;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1.5;
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-sidebar-close {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border: 0;
    border-radius: 13px;
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .18s ease;
}

.mobile-sidebar-close:hover {
    background: rgba(248, 113, 113, .22);
    color: #fecaca;
}

.mobile-sidebar-close i {
    font-size: 14px;
}

@media (max-width: 380px) {
    .student-sidebar-mobile-head {
        padding: 12px;
    }

    .mobile-sidebar-avatar-box {
        width: 46px;
        min-width: 46px;
        height: 46px;
        border-radius: 15px;
    }

    .mobile-sidebar-avatar-box img {
        border-radius: 13px;
    }

    .mobile-sidebar-profile-text strong,
    .mobile-sidebar-profile-text small {
        max-width: 140px;
    }
}
.student-courses-page {
    padding: 14px 0 26px;
    background: transparent;
}

.student-courses-page,
.student-courses-page * {
    box-sizing: border-box;
}

.courses-shell {
    width: 100%;
    background:
        radial-gradient(circle at 15% 0%, rgba(37, 99, 235, .18), transparent 32%),
        linear-gradient(180deg, #273449, #1f2937);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    padding: 15px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
    overflow: hidden;
    margin-top: 26px;
}

.courses-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(37, 99, 235, .18), rgba(15, 23, 42, .20));
    border: 1px solid rgba(255, 255, 255, .08);
    margin-bottom: 12px;
}

.courses-eyebrow {
    display: inline-flex;
    color: #93c5fd;
    font-size: 11px;
    font-weight: 950;
    margin-bottom: 4px;
}

.courses-hero h1 {
    margin: 0;
    color: #ffffff;
    font-size: 21px;
    font-weight: 950;
    line-height: 1.6;
}

.courses-hero p {
    margin: 4px 0 0;
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.9;
}

.courses-hero-badge {
    width: 96px;
    min-width: 96px;
    height: 82px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .065);
    border: 1px solid rgba(255, 255, 255, .10);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.courses-hero-badge strong {
    font-size: 28px;
    font-weight: 950;
    line-height: 1;
}

.courses-hero-badge span {
    margin-top: 6px;
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 850;
}

.courses-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}

.course-search-box {
    position: relative;
    width: 100%;
}

.course-search-box i {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    color: #93c5fd;
    font-size: 14px;
    z-index: 2;
}

.course-search-box .form-control {
    width: 100%;
    min-height: 46px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, .09);
    background: rgba(15, 23, 42, .36);
    color: #ffffff;
    padding: 0 40px 0 14px;
    font-size: 12.5px;
    font-weight: 800;
    box-shadow: none;
}

.course-search-box .form-control::placeholder {
    color: #94a3b8;
}

.course-search-box .form-control:focus {
    border-color: rgba(96, 165, 250, .60);
    background: rgba(15, 23, 42, .48);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .14);
}

.course-filter-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.course-filter-btn {
    min-height: 38px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .055);
    color: #cbd5e1;
    border-radius: 13px;
    padding: 0 13px;
    font-size: 11.5px;
    font-weight: 950;
    transition: .18s ease;
}

.course-filter-btn:hover,
.course-filter-btn.active-filter {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 10px 24px rgba(37, 99, 235, .22);
}

.course-filter-btn.free:hover {
    background: linear-gradient(135deg, #16a34a, #22c55e);
}

.course-filter-btn.paid:hover {
    background: linear-gradient(135deg, #d97706, #f59e0b);
}

.course-filter-btn.scholarship:hover {
    background: linear-gradient(135deg, #0891b2, #06b6d4);
}

.course-card {
    height: 100%;
    border-radius: 18px;
    overflow: hidden;
    background: rgba(255, 255, 255, .965);
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .16);
    transition: .18s ease;
}

.course-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .22);
}

.course-image-wrap {
    position: relative;
    height: 150px;
    overflow: hidden;
    background: #111827;
}

.course-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .22s ease;
}

.course-card:hover .course-image-wrap img {
    transform: scale(1.04);
}

.course-image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 42%, rgba(15, 23, 42, .56));
    pointer-events: none;
}

.course-badge {
    position: absolute;
    top: 11px;
    right: 11px;
    z-index: 2;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0 10px;
    color: #ffffff;
    font-size: 10.5px;
    font-weight: 950;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
}

.course-badge.free {
    background: #16a34a;
}

.course-badge.paid {
    background: #d97706;
}

.course-badge.scholarship {
    background: #0891b2;
}

.course-content {
    padding: 13px;
}

.course-type {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #2563eb;
    background: #eff6ff;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 10.5px;
    font-weight: 950;
    margin-bottom: 9px;
}

.course-content .card-title {
    margin: 0 0 7px;
    color: #0f172a;
    font-size: 14px;
    font-weight: 950;
    line-height: 1.7;
}

.course-content p {
    min-height: 52px;
    margin: 0 0 10px;
    color: #64748b;
    font-size: 11.5px;
    font-weight: 750;
    line-height: 1.9;
}

.course-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.course-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 10px;
    background: #f8fafc;
    color: #475569;
    padding: 5px 8px;
    font-size: 10.5px;
    font-weight: 850;
}

.course-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid #eef2f7;
}

.course-price {
    font-size: 11.5px;
    font-weight: 950;
    white-space: nowrap;
}

.course-price.free {
    color: #16a34a;
}

.course-price.paid {
    color: #d97706;
}

.course-price.scholarship {
    color: #0891b2;
}

.course-detail-btn {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #1f2937;
    color: #ffffff;
    text-decoration: none;
    padding: 0 11px;
    font-size: 11px;
    font-weight: 950;
    transition: .18s ease;
    white-space: nowrap;
}

.course-detail-btn:hover {
    color: #ffffff;
    background: #2563eb;
}

@media (max-width: 991px) {
    .courses-shell {
        border-radius: 18px;
        padding: 12px;
    }

    .courses-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .courses-hero-badge {
        width: 100%;
        height: auto;
        min-height: 58px;
        flex-direction: row;
        gap: 8px;
    }

    .courses-hero-badge strong {
        font-size: 22px;
    }
}

@media (max-width: 576px) {
    .student-courses-page {
        padding-top: 8px;
    }

    .student-courses-page .container {
        padding-right: 9px;
        padding-left: 9px;
    }

    .courses-shell {
        padding: 10px;
        border-radius: 16px;
    }

    .courses-hero {
        padding: 12px;
        border-radius: 14px;
    }

    .courses-hero h1 {
        font-size: 17px;
    }

    .courses-hero p {
        font-size: 11.2px;
    }

    .course-search-box .form-control {
        min-height: 42px;
        border-radius: 13px;
        font-size: 11.8px;
    }

    .course-filter-group {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
    }

    .course-filter-btn {
        min-height: 37px;
        padding: 0 8px;
        font-size: 10.7px;
        border-radius: 12px;
    }

    .course-image-wrap {
        height: 135px;
    }

    .course-content {
        padding: 12px;
    }

    .course-content .card-title {
        font-size: 13px;
    }

    .course-content p {
        min-height: auto;
        font-size: 11.2px;
    }

    .course-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .course-detail-btn {
        width: 100%;
    }
}
.student-course-detail-page {
    padding: 14px 0 26px;
}

.student-course-detail-page,
.student-course-detail-page * {
    box-sizing: border-box;
}

.course-detail-shell {
    width: 100%;
    background:
        radial-gradient(circle at 16% 0%, rgba(37, 99, 235, .18), transparent 32%),
        linear-gradient(180deg, #273449, #1f2937);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    padding: 15px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
    overflow: hidden;
}

.course-detail-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(37, 99, 235, .18), rgba(15, 23, 42, .20));
    border: 1px solid rgba(255, 255, 255, .08);
    margin-bottom: 14px;
}

.course-detail-eyebrow {
    display: inline-flex;
    color: #93c5fd;
    font-size: 11px;
    font-weight: 950;
    margin-bottom: 4px;
}

.course-detail-topbar h1 {
    margin: 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 950;
    line-height: 1.6;
}

.course-detail-topbar p {
    margin: 4px 0 0;
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.9;
}

.course-back-btn {
    min-height: 40px;
    border-radius: 13px;
    padding: 0 13px;
    background: rgba(255, 255, 255, .07);
    color: #ffffff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11.5px;
    font-weight: 950;
    white-space: nowrap;
    transition: .18s ease;
}

.course-back-btn:hover {
    color: #ffffff;
    background: #2563eb;
}

.course-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 285px;
    gap: 14px;
}

.course-detail-main,
.course-detail-side {
    min-width: 0;
}

.course-detail-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.course-hero-card,
.course-section-card,
.course-action-card,
.course-side-card {
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .14);
}

.course-hero-card {
    margin-bottom: 12px;
}

.course-hero-image {
    position: relative;
    height: 270px;
    overflow: hidden;
    background: #111827;
}

.course-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.course-hero-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 45%, rgba(15, 23, 42, .65));
}

.course-status-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    border-radius: 999px;
    min-height: 30px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    color: #ffffff;
    font-size: 11px;
    font-weight: 950;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
}

.course-status-badge.free {
    background: #16a34a;
}

.course-hero-content {
    padding: 16px;
}

.course-category-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #2563eb;
    background: #eff6ff;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 950;
    margin-bottom: 10px;
}

.course-hero-content h2 {
    margin: 0 0 8px;
    color: #0f172a;
    font-size: 20px;
    font-weight: 950;
    line-height: 1.7;
}

.course-hero-content p,
.course-section-card p {
    color: #64748b;
    font-size: 12px;
    font-weight: 750;
    line-height: 2;
    margin: 0;
}

.course-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 13px;
}

.course-meta-row span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 11px;
    background: #f8fafc;
    color: #475569;
    padding: 6px 9px;
    font-size: 11px;
    font-weight: 850;
}

.course-section-card {
    padding: 15px;
    margin-bottom: 12px;
}

.section-head {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
}

.section-head span {
    width: 34px;
    min-width: 34px;
    height: 34px;
    border-radius: 12px;
    background: #eff6ff;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.section-head h3 {
    margin: 0;
    color: #0f172a;
    font-size: 15px;
    font-weight: 950;
}

.instructor-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.instructor-avatar {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 16px;
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.instructor-box strong {
    display: block;
    color: #0f172a;
    font-size: 13px;
    font-weight: 950;
    line-height: 1.8;
}

.instructor-box small {
    color: #64748b;
    font-size: 11px;
    font-weight: 750;
}

.lesson-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lesson-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 13px;
    padding: 9px;
}

.lesson-item span {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: #1f2937;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 950;
}

.lesson-item p {
    margin: 0;
    color: #334155;
    font-size: 11.5px;
    font-weight: 850;
    line-height: 1.8;
}

.course-action-card,
.course-side-card {
    padding: 14px;
}

.price-box {
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(22, 163, 74, .12), rgba(37, 99, 235, .09));
    border: 1px solid #e2e8f0;
    padding: 14px;
    margin-bottom: 12px;
}

.price-box span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 850;
    margin-bottom: 6px;
}

.price-box strong {
    color: #16a34a;
    font-size: 22px;
    font-weight: 950;
}

.course-register-btn {
    width: 100%;
    min-height: 44px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #ffffff;
    font-size: 12px;
    font-weight: 950;
    box-shadow: 0 12px 28px rgba(37, 99, 235, .25);
}

.course-action-note {
    margin-top: 10px;
    display: flex;
    gap: 7px;
    color: #64748b;
    font-size: 10.8px;
    font-weight: 750;
    line-height: 1.8;
}

.course-side-card h4 {
    margin: 0 0 12px;
    color: #0f172a;
    font-size: 14px;
    font-weight: 950;
}

.side-info-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #eef2f7;
}

.side-info-row:last-child {
    border-bottom: 0;
}

.side-info-row span {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}

.side-info-row strong {
    color: #0f172a;
    font-size: 11.5px;
    font-weight: 950;
    text-align: left;
}

.review-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.review-box > strong {
    width: 54px;
    min-width: 54px;
    height: 54px;
    border-radius: 16px;
    background: #fef3c7;
    color: #d97706;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 950;
}

.review-box span {
    display: block;
    font-size: 12px;
    line-height: 1.8;
}

.review-box small {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}

@media (max-width: 1199px) {
    .course-detail-grid {
        grid-template-columns: 1fr;
    }

    .course-detail-side {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .course-detail-topbar {
        flex-direction: column;
        align-items: stretch;
    }

    .course-back-btn {
        width: 100%;
        justify-content: center;
    }

    .course-detail-side {
        grid-template-columns: 1fr;
    }

    .course-hero-image {
        height: 200px;
    }
}

@media (max-width: 576px) {
    .student-course-detail-page {
        padding-top: 8px;
    }

    .student-course-detail-page .container {
        padding-right: 9px;
        padding-left: 9px;
    }

    .course-detail-shell {
        padding: 10px;
        border-radius: 16px;
    }

    .course-detail-topbar {
        padding: 12px;
        border-radius: 14px;
    }

    .course-detail-topbar h1 {
        font-size: 17px;
    }

    .course-detail-topbar p {
        font-size: 11.2px;
    }

    .course-hero-image {
        height: 150px;
    }

    .course-hero-content,
    .course-section-card,
    .course-action-card,
    .course-side-card {
        padding: 12px;
    }

    .course-hero-content h2 {
        font-size: 16px;
    }

    .course-hero-content p,
    .course-section-card p {
        font-size: 11.2px;
    }

    .course-meta-row span {
        width: 100%;
    }

    .lesson-item {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .lesson-item span {
        width: 30px;
        height: 30px;
        border-radius: 10px;
    }

    .lesson-item p {
        font-size: 11px;
    }
}
/* ================================
   COURSES DARK MODE OVERRIDE
   paste at the end of course pages style
================================ */

.student-courses-page,
.student-course-detail-page {
    color: #e5e7eb;
}

.student-courses-page .container,
.student-course-detail-page .container {
    background: transparent !important;
}

.courses-shell,
.course-detail-shell {
    background:
        radial-gradient(circle at 16% 0%, rgba(37, 99, 235, .18), transparent 32%),
        linear-gradient(180deg, #273449, #111827) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
}

/* کارت‌های لیست دوره */
.course-card {
    background:
        linear-gradient(180deg, rgba(31, 41, 55, .98), rgba(17, 24, 39, .98)) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .26) !important;
}

.course-content .card-title,
.course-content h5 {
    color: #ffffff !important;
}

.course-content p {
    color: #cbd5e1 !important;
}

.course-type {
    background: rgba(37, 99, 235, .16) !important;
    color: #93c5fd !important;
    border: 1px solid rgba(147, 197, 253, .18) !important;
}

.course-meta span {
    background: rgba(255, 255, 255, .055) !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
}

.course-footer {
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
}

.course-detail-btn {
    background: rgba(37, 99, 235, .95) !important;
    color: #ffffff !important;
}

.course-detail-btn:hover {
    background: #4f46e5 !important;
}

/* کارت‌های صفحه جزئیات */
.course-hero-card,
.course-section-card,
.course-action-card,
.course-side-card {
    background:
        linear-gradient(180deg, rgba(31, 41, 55, .98), rgba(17, 24, 39, .98)) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .26) !important;
}

.course-hero-content h2,
.section-head h3,
.course-side-card h4,
.instructor-box strong,
.side-info-row strong {
    color: #ffffff !important;
}

.course-hero-content p,
.course-section-card p,
.instructor-box small,
.side-info-row span,
.course-action-note {
    color: #cbd5e1 !important;
}

.course-category-pill {
    background: rgba(37, 99, 235, .16) !important;
    color: #93c5fd !important;
    border: 1px solid rgba(147, 197, 253, .18) !important;
}

.section-head span {
    background: rgba(37, 99, 235, .16) !important;
    color: #93c5fd !important;
    border: 1px solid rgba(147, 197, 253, .18) !important;
}

.course-meta-row span,
.lesson-item {
    background: rgba(255, 255, 255, .055) !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
}

.lesson-item p {
    color: #e5e7eb !important;
}

.lesson-item span {
    background: rgba(37, 99, 235, .95) !important;
    color: #ffffff !important;
}

.price-box {
    background:
        linear-gradient(135deg, rgba(22, 163, 74, .16), rgba(37, 99, 235, .12)) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
}

.price-box span {
    color: #cbd5e1 !important;
}

.price-box strong {
    color: #4ade80 !important;
}

.side-info-row {
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.review-box > strong {
    background: rgba(245, 158, 11, .15) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(251, 191, 36, .16) !important;
}

.review-box small {
    color: #cbd5e1 !important;
}

/* اگر Bootstrap card قدیمی هنوز جایی مانده */
.student-courses-page .card,
.student-course-detail-page .card {
    background:
        linear-gradient(180deg, rgba(31, 41, 55, .98), rgba(17, 24, 39, .98)) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    color: #e5e7eb !important;
}

.student-courses-page .card-title,
.student-course-detail-page .card-title {
    color: #ffffff !important;
}

.student-courses-page .card-text,
.student-course-detail-page .card-text,
.student-course-detail-page .text-muted {
    color: #cbd5e1 !important;
}
/*َAdmin panel ************************************************************/
.admin-card{

    background:white;
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);

}


.admin-card-header{

    margin-bottom:25px;

}


.admin-scholarship-page table{

    vertical-align:middle;

}
/* admin/application show accordion - dark dashboard theme */

.admin-application-accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-btn-focus-box-shadow: none;

    display: flex;
    flex-direction: column;
    gap: 18px;

    background: #1f2a3a;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.admin-application-accordion .admin-accordion-item {
    margin: 0 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 16px !important;
    overflow: hidden;
    background: #273449;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.admin-application-accordion .admin-accordion-button {
    direction: rtl;
    text-align: right;
    width: 100%;
    border: 0;
    border-radius: 0 !important;
    background: #273449;
    color: #ffffff;
    padding: 20px 22px;
    box-shadow: none !important;
}

.admin-application-accordion .admin-accordion-button.collapsed {
    background: #273449;
}

.admin-application-accordion .admin-accordion-button:not(.collapsed) {
    color: #ffffff;
    background: #2f3d55;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.admin-application-accordion .admin-accordion-button:focus {
    box-shadow: none !important;
}

.admin-application-accordion .admin-accordion-button::after {
    margin-left: 0;
    margin-right: auto;
    opacity: .75;
    filter: invert(1) grayscale(1);
}

.admin-accordion-title-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.admin-accordion-title-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.admin-accordion-kicker {
    display: inline-flex;
    width: fit-content;
    font-size: 11px;
    font-weight: 700;
    color: #cbd5e1;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 999px;
    padding: 4px 10px;
    margin-bottom: 3px;
}

.admin-accordion-title {
    font-size: 17px;
    font-weight: 800;
    color: #ffffff;
}

.admin-accordion-subtitle {
    font-size: 13px;
    color: #cbd5e1;
    line-height: 1.8;
}

.admin-accordion-badge {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid rgba(255,255,255,.1);
}

.admin-application-accordion .accordion-collapse {
    background: transparent;
}

.admin-application-accordion .admin-accordion-body {
    background: #273449;
    padding: 24px;
    box-shadow: none;
    border-radius: 0;
}

/* cards inside accordion */

.admin-application-show-page .admin-application-accordion .dash-card {
    background: #202b3c;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.admin-application-show-page .admin-application-accordion .dash-card span {
    display: block;
    color: #cbd5e1;
    font-size: 13px;
    margin-bottom: 8px;
}

.admin-application-show-page .admin-application-accordion .dash-card h4 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 0;
}

/* tables inside accordion */

.admin-application-show-page .admin-application-accordion .dash-table-wrap {
    background: #202b3c;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    overflow-x: auto;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.admin-application-show-page .admin-application-accordion .dash-table {
    width: 100%;
    margin-bottom: 0;
    color: #e5e7eb;
}

.admin-application-show-page .admin-application-accordion .dash-table thead th {
    background: #1b2534;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    padding: 14px 16px;
    white-space: nowrap;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.admin-application-show-page .admin-application-accordion .dash-table tbody td {
    background: #202b3c;
    color: #e5e7eb;
    font-size: 13px;
    padding: 14px 16px;
    border-top: 1px solid rgba(255,255,255,.06);
    vertical-align: middle;
}

.admin-application-show-page .admin-application-accordion .dash-table tbody tr:hover td {
    background: #253247;
}

/* empty states */

.admin-application-show-page .admin-application-accordion .dash-empty {
    background: #202b3c;
    color: #cbd5e1;
    border: 1px dashed rgba(255,255,255,.18);
    border-radius: 16px;
    padding: 18px;
    text-align: center;
}

/* forms inside accordion */

.admin-application-show-page .admin-application-accordion .form-label {
    color: #e5e7eb;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
}

.admin-application-show-page .admin-application-accordion .form-control,
.admin-application-show-page .admin-application-accordion .form-select {
    background-color: #1f2a3a;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 14px;
    color: #ffffff;
}

.admin-application-show-page .admin-application-accordion .form-control::placeholder {
    color: #94a3b8;
}

.admin-application-show-page .admin-application-accordion .form-control:focus,
.admin-application-show-page .admin-application-accordion .form-select:focus {
    background-color: #1f2a3a;
    color: #ffffff;
    border-color: rgba(255,255,255,.25);
    box-shadow: 0 0 0 4px rgba(255,255,255,.06);
}

.admin-application-show-page .admin-application-accordion textarea.form-control {
    color: #ffffff;
}

/* alerts inside accordion */

.admin-application-show-page .admin-application-accordion .alert {
    border-radius: 16px;
    border-width: 1px;
}

/* small texts */

.admin-application-show-page .admin-application-accordion .text-muted {
    color: #cbd5e1 !important;
}

.admin-application-show-page .admin-application-accordion strong,
.admin-application-show-page .admin-application-accordion h5,
.admin-application-show-page .admin-application-accordion p {
    color: #ffffff;
}

/* file preview cards */

.admin-application-show-page .admin-application-accordion img.rounded {
    border-radius: 14px !important;
    border-color: rgba(255,255,255,.12) !important;
}

/* mobile */

@media (max-width: 768px) {
    .admin-application-accordion {
        padding: 12px;
        border-radius: 18px;
        gap: 14px;
    }

    .admin-accordion-title-wrap {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-accordion-badge {
        align-self: flex-start;
    }

    .admin-application-accordion .admin-accordion-button {
        padding: 18px;
    }

    .admin-application-accordion .admin-accordion-body {
        padding: 18px;
    }
}
/*mobile admin menu button */
.admin-sidebar-card {
    background: #273449;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
}

.admin-sidebar-menu .student-sidebar-link {
    position: relative;
}

.admin-sidebar-menu .student-sidebar-link.disabled {
    opacity: .55;
    pointer-events: none;
    cursor: not-allowed;
}

.admin-sidebar-section-title {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 800;
    margin: 18px 12px 8px;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.admin-sidebar-submenu a {
    display: flex;
    align-items: center;
    gap: 8px;
}

.admin-sidebar-soon {
    margin-right: auto;
    font-size: 10px;
    font-weight: 800;
    color: #cbd5e1;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 999px;
    padding: 3px 8px;
}

.admin-mobile-menu-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(255,255,255,.1);
    background: #273449;
    color: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    font-weight: 800;
    margin-bottom: 16px;
}

.admin-mobile-menu-btn i {
    font-size: 20px;
}

.mobile-sidebar-close {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 12px;
    background: rgba(255,255,255,.08);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.student-sidebar-mobile-head {
    background: #273449;
    color: #ffffff;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

@media (max-width: 1199.98px) {
    .admin-sidebar-offcanvas {
        background: #1f2a3a;
        color: #ffffff;
        width: min(88vw, 360px) !important;
        z-index: 1055;
    }

    .student-sidebar-body {
        padding: 16px;
    }

    .admin-sidebar-card {
        min-height: calc(100vh - 32px);
    }
}
/* admin interview slots calendar */

.admin-interview-type-switch {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.admin-interview-type-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 58px;
    border: 1px solid rgba(255,255,255,.08);
    background: #202b3c;
    color: #cbd5e1;
    border-radius: 16px;
    font-weight: 800;
    transition: .2s ease;
}

.admin-interview-type-btn i {
    font-size: 20px;
}

.admin-interview-type-btn:hover,
.admin-interview-type-btn.active {
    background: #2f3d55;
    color: #ffffff;
    border-color: rgba(255,255,255,.18);
}

.admin-calendar-nav {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
}

.admin-jalali-calendar {
    background: #202b3c;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    padding: 16px;
}

.admin-calendar-weekdays {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 8px;
}

.admin-calendar-weekdays div {
    color: #cbd5e1;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
    padding: 10px 6px;
}

.admin-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
}

.admin-calendar-day {
    min-height: 92px;
    border: 1px solid rgba(255,255,255,.08);
    background: #273449;
    color: #ffffff;
    border-radius: 16px;
    padding: 10px;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: .2s ease;
}

.admin-calendar-day:hover {
    background: #314158;
    border-color: rgba(255,255,255,.18);
}

.admin-calendar-day.empty {
    background: transparent;
    border: 1px dashed rgba(255,255,255,.04);
    pointer-events: none;
}

.admin-calendar-day.today {
    border-color: rgba(96,165,250,.65);
}

.admin-calendar-day.selected {
    background: #3b4f6d;
    border-color: rgba(255,255,255,.28);
    box-shadow: 0 0 0 3px rgba(255,255,255,.06);
}

.admin-calendar-day.has-slot {
    border-color: rgba(34,197,94,.35);
}

.admin-calendar-day-number {
    font-size: 18px;
    font-weight: 900;
}

.admin-calendar-slot-count {
    width: fit-content;
    color: #bbf7d0;
    background: rgba(34,197,94,.12);
    border: 1px solid rgba(34,197,94,.2);
    border-radius: 999px;
    padding: 3px 9px;
    font-size: 11px;
    font-weight: 800;
}

.admin-pending-times {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.admin-pending-time {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #202b3c;
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    padding: 7px 12px;
    font-weight: 800;
}

.admin-pending-time button {
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.admin-pending-time button:hover {
    background: rgba(239,68,68,.22);
}

@media (max-width: 768px) {
    .admin-interview-type-switch {
        grid-template-columns: 1fr;
    }

    .admin-calendar-nav {
        width: 100%;
        justify-content: space-between;
    }

    .admin-calendar-weekdays div {
        font-size: 11px;
        padding: 8px 2px;
    }

    .admin-calendar-grid {
        gap: 5px;
    }

    .admin-calendar-day {
        min-height: 70px;
        border-radius: 12px;
        padding: 8px;
    }

    .admin-calendar-day-number {
        font-size: 15px;
    }

    .admin-calendar-slot-count {
        font-size: 10px;
        padding: 2px 6px;
    }
}
/* compact admin jalali calendar */

.admin-jalali-calendar {
    background: #202b3c;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    padding: 12px;
}

.admin-calendar-weekdays {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px;
    margin-bottom: 6px;
}

.admin-calendar-weekdays div {
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    padding: 6px 2px;
}

.admin-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px;
}

.admin-calendar-day {
    min-height: 48px;
    border: 1px solid rgba(255,255,255,.08);
    background: #273449;
    color: #ffffff;
    border-radius: 10px;
    padding: 5px 6px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    transition: .15s ease;
}

.admin-calendar-day:hover {
    background: #314158;
    border-color: rgba(255,255,255,.18);
}

.admin-calendar-day.empty {
    background: transparent;
    border: 1px dashed rgba(255,255,255,.04);
    pointer-events: none;
}

.admin-calendar-day.today {
    border-color: rgba(96,165,250,.7);
}

.admin-calendar-day.selected {
    background: #3b4f6d;
    border-color: rgba(255,255,255,.3);
    box-shadow: 0 0 0 2px rgba(255,255,255,.06);
}

.admin-calendar-day.has-slot {
    border-color: rgba(34,197,94,.45);
}

.admin-calendar-day-number {
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
}

.admin-calendar-slot-count {
    margin-top: 4px;
    color: #bbf7d0;
    background: rgba(34,197,94,.12);
    border: 1px solid rgba(34,197,94,.2);
    border-radius: 999px;
    padding: 1px 6px;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.5;
    white-space: nowrap;
}

.admin-calendar-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
}

.admin-calendar-nav strong {
    font-size: 14px;
    font-weight: 900;
}

.admin-calendar-nav .btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 10px;
}

/* compact mobile calendar */

@media (max-width: 768px) {
    .admin-jalali-calendar {
        padding: 8px;
        border-radius: 14px;
    }

    .admin-calendar-weekdays {
        gap: 3px;
    }

    .admin-calendar-weekdays div {
        font-size: 9px;
        padding: 5px 1px;
    }

    .admin-calendar-grid {
        gap: 3px;
    }

    .admin-calendar-day {
        min-height: 30px;
        border-radius: 8px;
        padding: 4px 2px;
    }

    .admin-calendar-day-number {
        font-size: 12px;
    }

    .admin-calendar-slot-count {
        font-size: 8px;
        padding: 1px 4px;
    }

    .admin-calendar-nav {
        width: 100%;
        justify-content: space-between;
    }
}
/* mobile  style for time section table*/
.admin-mobile-slot-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.admin-mobile-slot-card {
    background: #202b3c;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    padding: 14px;
}

.admin-mobile-slot-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.admin-mobile-slot-time {
    color: #ffffff;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}

.admin-mobile-slot-info {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 12px;
}

.admin-mobile-slot-info > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #273449;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;
    padding: 10px 12px;
}

.admin-mobile-slot-info span,
.admin-mobile-slot-note span {
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 700;
}

.admin-mobile-slot-info strong {
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
}

.admin-mobile-slot-note {
    margin-top: 12px;
    background: #273449;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;
    padding: 10px 12px;
}

.admin-mobile-slot-note p {
    color: #ffffff;
    font-size: 13px;
    line-height: 1.8;
    margin: 6px 0 0;
}

.admin-mobile-slot-link {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.admin-mobile-slot-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-mobile-slot-actions .btn {
    flex: 1 1 auto;
    min-width: 92px;
}

@media (min-width: 768px) {
    .admin-mobile-slot-list {
        display: none !important;
    }
}
/* selected interview type - green active state */

.admin-interview-type-btn.active {
    background: rgba(34, 197, 94, .16) !important;
    color: #bbf7d0 !important;
    border-color: rgba(34, 197, 94, .55) !important;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, .08);
}

.admin-interview-type-btn.active i {
    color: #22c55e;
}

.admin-interview-type-btn:hover {
    border-color: rgba(34, 197, 94, .35);
}
/* mobile small status action buttons */

.admin-mobile-slot-status-actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

.admin-mobile-slot-status-actions .btn {
    min-width: 0 !important;
    width: 100%;
    flex: unset !important;
    padding: 6px 4px;
    font-size: 11px;
    border-radius: 9px;
    white-space: nowrap;
}

.admin-mobile-slot-status-actions .btn:only-child {
    grid-column: span 3;
}

.admin-mobile-slot-status-actions .btn:nth-last-child(2):first-child,
.admin-mobile-slot-status-actions .btn:nth-last-child(2):first-child ~ .btn {
    grid-column: span 1;
}
@media (max-width: 576px) {
    .admin-mobile-slot-status-actions {
        grid-template-columns: repeat(4, 1fr);
    }

    .admin-mobile-slot-status-actions .btn {
        font-size: 10px;
        padding: 6px 2px;
    }
}
/* student interview calendar */

.student-interview-calendar {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    padding: 14px;
    margin-top: 14px;
}

.student-calendar-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.student-calendar-head strong {
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
}

.student-calendar-nav-btn {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.06);
    color: #ffffff;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.student-calendar-nav-btn:hover {
    background: rgba(255,255,255,.1);
}

.student-calendar-weekdays {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 5px;
    margin-bottom: 6px;
}

.student-calendar-weekdays div {
    color: #a8b3c7;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    padding: 6px 2px;
}

.student-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 5px;
}

.student-calendar-day {
    min-height: 54px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.04);
    color: #ffffff;
    border-radius: 12px;
    padding: 6px 4px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    transition: .15s ease;
}

.student-calendar-day.empty {
    background: transparent;
    border: 1px dashed rgba(255,255,255,.03);
    pointer-events: none;
}

.student-calendar-day.disabled {
    opacity: .35;
    cursor: not-allowed;
}

.student-calendar-day.available {
    background: rgba(34,197,94,.08);
    border-color: rgba(34,197,94,.28);
}

.student-calendar-day.available:hover {
    background: rgba(34,197,94,.14);
    border-color: rgba(34,197,94,.45);
}

.student-calendar-day.today {
    border-color: rgba(96,165,250,.6);
}

.student-calendar-day.selected {
    background: rgba(34,197,94,.22);
    border-color: rgba(34,197,94,.75);
    box-shadow: 0 0 0 3px rgba(34,197,94,.08);
}

.student-calendar-day-number {
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
}

.student-calendar-slot-count {
    margin-top: 5px;
    color: #bbf7d0;
    background: rgba(34,197,94,.12);
    border: 1px solid rgba(34,197,94,.25);
    border-radius: 999px;
    padding: 1px 6px;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.5;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .student-interview-calendar {
        padding: 10px;
        border-radius: 16px;
    }

    .student-calendar-weekdays {
        gap: 3px;
    }

    .student-calendar-weekdays div {
        font-size: 9px;
        padding: 5px 1px;
    }

    .student-calendar-grid {
        gap: 3px;
    }

    .student-calendar-day {
        min-height: 44px;
        border-radius: 9px;
        padding: 4px 2px;
    }

    .student-calendar-day-number {
        font-size: 12px;
    }

    .student-calendar-slot-count {
        font-size: 8px;
        padding: 1px 4px;
    }
}
.admin-mobile-slot-expired-note {
    width: 100%;
    background: rgba(239,68,68,.1);
    border: 1px solid rgba(239,68,68,.18);
    color: #fecaca;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

/* =========================================
   ADMIN BARTER ITEMS
========================================= */

.admin-barter-items-page {
    color: #f8fafc;
}

.admin-barter-items-page .container {
    max-width: 1240px;
}


/* Header */

.admin-barter-items-page .dash-overview-text h3 {
    margin: 0 0 4px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 950;
}

.admin-barter-items-page .dash-overview-text p {
    margin: 0;
    color: #b6c2d2;
    font-size: 11.5px;
    line-height: 1.8;
}

.admin-barter-items-page .dash-overview-text p strong {
    color: #ffffff;
}

.admin-barter-header-badge {
    min-width: 90px;
    min-height: 54px;
    padding: 8px 12px;
    border-radius: 14px;
    background: rgba(59, 130, 246, .12);
    border: 1px solid rgba(96, 165, 250, .22);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #bfdbfe;
    font-size: 12px;
    font-weight: 900;
}

.admin-barter-header-badge i {
    font-size: 17px;
    color: #60a5fa;
}


/* Alert */

.admin-barter-alert {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 14px;
    border-radius: 13px;
    font-size: 12px;
    font-weight: 800;
}

.admin-barter-alert.success {
    color: #a7f3d0;
    background: rgba(34, 197, 94, .10);
    border: 1px solid rgba(34, 197, 94, .20);
}

.admin-barter-alert.success i {
    color: #22c55e;
    font-size: 17px;
}


/* Main layout */

.admin-barter-layout {
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.admin-barter-form-panel,
.admin-barter-list-panel {
    padding: 14px;
    min-width: 0;
}

.admin-barter-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.admin-barter-panel-head h3 {
    margin: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 950;
}

.admin-barter-panel-icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #bfdbfe;
    background: rgba(59, 130, 246, .12);
    border: 1px solid rgba(96, 165, 250, .18);
}

.admin-barter-count {
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .08);
    color: #ffffff;
    font-size: 13px;
    font-weight: 950;
}


/* Form */

.admin-barter-form-group {
    margin-bottom: 12px;
}

.admin-barter-form-group label {
    display: block;
    margin-bottom: 6px;
    color: #cbd5e1;
    font-size: 11.5px;
    font-weight: 900;
}

.admin-barter-form-group label > span {
    color: #fb7185;
}

.admin-barter-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.admin-barter-input {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    outline: none;
    color: #ffffff;
    background: #202b3c;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 11px;
    font-family: inherit;
    font-size: 11.5px;
    transition: .2s ease;
}

.admin-barter-input::placeholder {
    color: #718096;
}

.admin-barter-input:hover {
    border-color: rgba(255, 255, 255, .16);
}

.admin-barter-input:focus {
    background: #243248;
    border-color: rgba(96, 165, 250, .55);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .08);
}

.admin-barter-input.has-error {
    border-color: rgba(251, 113, 133, .65);
}

.admin-barter-textarea {
    min-height: 90px;
    resize: vertical;
}

.admin-number-input {
    direction: ltr;
    text-align: right;
}

.admin-barter-select {
    cursor: pointer;
}

.admin-barter-error {
    margin-top: 5px;
    color: #fecdd3;
    font-size: 10.5px;
    line-height: 1.6;
}


/* Money */

.admin-barter-money-input {
    position: relative;
}

.admin-barter-money-input .admin-barter-input {
    padding-left: 53px;
}

.admin-barter-money-input > span {
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 9.5px;
    pointer-events: none;
}


/* Total amount */

.admin-barter-total-box {
    margin-bottom: 12px;
    padding: 11px 12px;
    border-radius: 13px;
    background: rgba(34, 197, 94, .08);
    border: 1px solid rgba(52, 211, 153, .16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.admin-barter-total-box div {
    display: grid;
    gap: 3px;
}

.admin-barter-total-box span {
    color: #a7f3d0;
    font-size: 10.5px;
    font-weight: 800;
}

.admin-barter-total-box strong {
    color: #ffffff;
    font-size: 14px;
    font-weight: 950;
}

.admin-barter-total-box > i {
    color: #34d399;
    font-size: 22px;
}


/* Form buttons */

.admin-barter-form-actions {
    display: flex;
    gap: 8px;
    margin-top: 5px;
}

.admin-barter-save-btn,
.admin-barter-cancel-btn {
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 11px;
    border: 0;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 950;
    transition: .2s ease;
}

.admin-barter-save-btn {
    flex: 1;
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb, #4f46e5);
}

.admin-barter-save-btn span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.admin-barter-save-btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

.admin-barter-save-btn:disabled {
    opacity: .6;
}

.admin-barter-cancel-btn {
    color: #cbd5e1;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .08);
}


/* Empty */

.admin-barter-empty {
    min-height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.admin-barter-empty i {
    color: #64748b;
    font-size: 26px;
}

.admin-barter-empty strong {
    color: #e2e8f0;
    font-size: 13px;
}

.admin-barter-empty span {
    color: #94a3b8;
    font-size: 11px;
}


/* Table */

.admin-barter-table-wrap {
    width: 100%;
    overflow-x: auto;
    border-radius: 13px;
    border: 1px solid rgba(255, 255, 255, .07);
}

.admin-barter-table {
    width: 100%;
    min-width: 700px;
    border-collapse: collapse;
}

.admin-barter-table th {
    padding: 10px;
    color: #94a3b8;
    background: #202b3c;
    font-size: 10.5px;
    font-weight: 900;
    white-space: nowrap;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.admin-barter-table td {
    padding: 11px 10px;
    color: #cbd5e1;
    background: rgba(255, 255, 255, .015);
    font-size: 11px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.admin-barter-table tbody tr:hover > td {
    background: rgba(255, 255, 255, .035);
}


/* Item info */

.admin-barter-item-title {
    display: grid;
    gap: 3px;
}

.admin-barter-item-title strong {
    color: #ffffff;
    font-size: 11.5px;
    font-weight: 900;
}

.admin-barter-item-title span {
    color: #94a3b8;
    font-size: 10px;
}

.admin-barter-item-title small {
    width: fit-content;
    padding: 2px 6px;
    border-radius: 6px;
    color: #bfdbfe;
    background: rgba(59, 130, 246, .10);
    font-size: 9px;
}

.admin-barter-quantity,
.admin-barter-selected-count {
    min-width: 32px;
    height: 29px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    font-weight: 900;
}

.admin-barter-quantity {
    color: #e2e8f0;
    background: rgba(255, 255, 255, .06);
}

.admin-barter-selected-count {
    color: #bfdbfe;
    background: rgba(59, 130, 246, .10);
}

.admin-barter-price {
    display: grid;
    gap: 1px;
}

.admin-barter-price strong {
    color: #ffffff;
    font-size: 11px;
}

.admin-barter-price small {
    color: #94a3b8;
    font-size: 9px;
}


/* Status */

.admin-barter-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 9.5px;
    font-weight: 900;
    white-space: nowrap;
}

.admin-barter-status > span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.admin-barter-status.active {
    color: #a7f3d0;
    background: rgba(34, 197, 94, .10);
}

.admin-barter-status.active > span {
    background: #22c55e;
}

.admin-barter-status.inactive {
    color: #cbd5e1;
    background: rgba(148, 163, 184, .10);
}

.admin-barter-status.inactive > span {
    background: #64748b;
}


/* Actions */

.admin-barter-actions {
    display: flex;
    align-items: center;
    gap: 5px;
}

.admin-barter-action {
    width: 31px;
    height: 31px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: transparent;
    transition: .2s ease;
}

.admin-barter-action.edit {
    color: #93c5fd;
    border: 1px solid rgba(96, 165, 250, .22);
}

.admin-barter-action.disable {
    color: #fda4af;
    border: 1px solid rgba(251, 113, 133, .22);
}

.admin-barter-action.enable {
    color: #86efac;
    border: 1px solid rgba(34, 197, 94, .22);
}

.admin-barter-action:hover {
    background: rgba(255, 255, 255, .07);
}


/* Item details */

.admin-barter-detail-row td {
    padding-top: 7px;
    padding-bottom: 7px;
    background: rgba(15, 23, 42, .22);
}

.admin-barter-item-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: #94a3b8;
    font-size: 9.5px;
    line-height: 1.7;
}

.admin-barter-item-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}


/* Responsive */

@media (max-width: 1199.98px) {

    .admin-barter-layout {
        grid-template-columns: 1fr;
    }

    .admin-barter-form-panel {
        order: 1;
    }

    .admin-barter-list-panel {
        order: 2;
    }
}


@media (max-width: 768px) {

    .admin-barter-items-page .container {
        padding-right: 10px;
        padding-left: 10px;
    }

    .admin-barter-items-page .dashboard-shell {
        padding: 10px;
    }

    .admin-barter-items-page .dash-overview-card {
        align-items: stretch;
    }

    .admin-barter-header-badge {
        width: 100%;
    }

    .admin-barter-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .admin-barter-form-actions {
        flex-direction: column;
    }

    .admin-barter-save-btn,
    .admin-barter-cancel-btn {
        width: 100%;
    }

    .admin-barter-form-panel,
    .admin-barter-list-panel {
        padding: 11px;
    }
}

.admin-barter-calendar-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.admin-barter-selected-date {
    min-height: 48px;
    margin-bottom: 10px;
    padding: 9px 12px;
    border-radius: 12px;
    background: rgba(59, 130, 246, .08);
    border: 1px solid rgba(96, 165, 250, .16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.admin-barter-selected-date > div {
    display: grid;
    gap: 2px;
}

.admin-barter-selected-date span {
    color: #94a3b8;
    font-size: 9.5px;
    font-weight: 800;
}

.admin-barter-selected-date strong {
    color: #ffffff;
    font-size: 12px;
    font-weight: 950;
}

.admin-barter-clear-date {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 9px;
    border: 1px solid rgba(251, 113, 133, .2);
    background: rgba(251, 113, 133, .08);
    color: #fda4af;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admin-barter-clear-date:hover {
    background: rgba(251, 113, 133, .16);
}

.admin-calendar-day:not(.empty) {
    cursor: pointer;
}

.admin-calendar-day:not(.empty):active {
    transform: scale(.96);
}

.admin-calendar-day.selected {
    background: #3b4f6d;
    border-color: rgba(96, 165, 250, .9);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, .18);
}
.barter-course-table tbody tr {
    cursor:pointer;
    transition:.2s;
}


.barter-course-table tbody tr.selected {
    border:2px solid #22c55e;
    background:rgba(34,197,94,.08);
}


.course-radio-btn {
    border-radius:20px;
    padding:5px 12px;
}
.course-radio-btn {
    display:flex;
    align-items:center;
    gap:8px;
    background:transparent;
    border:none;
    color:#ddd;
    cursor:pointer;
    padding:6px 10px;
}


.radio-circle {
    width:18px;
    height:18px;
    border-radius:50%;
    border:2px solid #777;
    display:inline-block;
    position:relative;
}


.course-radio-btn.active .radio-circle {
    border-color:#22c55e;
    background:#22c55e;
}


.course-radio-btn.active .radio-circle::after {
    content:'';
    width:6px;
    height:6px;
    border-radius:50%;
    background:white;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}


.barter-course-table tbody tr.selected {
    background:rgba(34,197,94,.08);
}

.course-row {
    cursor:pointer;
    transition:.2s ease;
}


.course-row:hover {
    background:rgba(34,197,94,.05);
}


.course-row.selected {
    background:rgba(34,197,94,.12);
}


.course-row.selected td {
    border-top-color:#22c55e;
    border-bottom-color:#22c55e;
}

/* student barter management*/


.barter-table-wrapper {
    padding: 0 20px 25px;
}

.barter-table {
    margin-bottom: 0;
}

.barter-table th,
.barter-table td {
    vertical-align: middle;
    white-space: nowrap;
}

.barter-item-main {
    display: flex;
    align-items: center;
    gap: 10px;
}

.barter-item-main small {
    display: block;
    margin-top: 4px;
    opacity: .7;
}

.barter-item-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.barter-submit-area {
    padding: 20px 0;
}

@media(max-width: 767px) {

    .barter-table-wrapper {
        padding-left: 12px;
        padding-right: 12px;
    }

}

.student-barter-page {
    padding-top: 25px;
    padding-bottom: 50px;
    min-height: 100vh;
}


.barter-shell {
    background: rgba(6, 14, 30, .75);
    border: 1px solid #edf0f3;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(31, 41, 55, .05);
}


.barter-hero {
    padding: 28px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background:
        linear-gradient(
            135deg,
            rgba(25, 135, 84, .07),
            rgba(255, 255, 255, 1)
        );
    border-bottom: 1px solid #edf0f3;
}


.barter-eyebrow {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: #198754;
    margin-bottom: 7px;
}


.barter-hero h1 {
    font-size: 25px;
    font-weight: 800;
    color: #202630;
    margin-bottom: 8px;
}


.barter-hero p {
    font-size: 14px;
    color: #737b86;
    margin: 0;
}


.barter-hero-badge {
    min-width: 95px;
    padding: 14px 18px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e7ebe9;
    text-align: center;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .04);
}


.barter-hero-badge strong {
    display: block;
    font-size: 24px;
    color: #198754;
    line-height: 1;
}


.barter-hero-badge span {
    display: block;
    margin-top: 7px;
    font-size: 11px;
    color: #7c848e;
}


.barter-alert {
    margin: 20px 28px 0;
}


.barter-summary-grid {
    padding: 22px 28px 5px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}


.barter-summary-card {
    border: 1px solid #edf0f3;
    border-radius: 14px;
    padding: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
}


.barter-summary-card span {
    display: block;
    color: #818894;
    font-size: 11px;
}


.barter-summary-card strong {
    display: block;
    font-size: 20px;
    margin-top: 3px;
}


.barter-summary-icon {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}


.barter-summary-icon.waiting {
    background: #f1f3f5;
    color: #667085;
}


.barter-summary-icon.success {
    background: #eaf8ef;
    color: #198754;
}


.barter-summary-icon.review {
    background: #e9f4ff;
    color: #1677b8;
}


.barter-summary-icon.danger {
    background: #fff0f0;
    color: #c0392b;
}


.barter-table-shell {
    margin: 22px 28px 28px;
    border: 1px solid #edf0f3;
    border-radius: 16px;
    overflow: hidden;
}


.barter-table-header {
    padding: 18px 20px;
    border-bottom: 1px solid #edf0f3;
}


.barter-table-header h4 {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
}


.barter-table-header p {
    margin: 5px 0 0;
    color: #838b95;
    font-size: 12px;
}


.barter-table {
    margin: 0;
}


.barter-table thead th {
    background: #f8fafb;
    padding: 15px;
    border: 0;
    font-size: 12px;
    color: #69717c;
    white-space: nowrap;
}


.barter-table tbody td {
    padding: 16px 15px;
    border-color: #edf0f3;
}


.barter-title-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}


.barter-title-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 10px;
    background: #edf8f1;
    color: #198754;
    display: flex;
    align-items: center;
    justify-content: center;
}


.backup-label {
    display: block;
    font-size: 10px;
    color: #b26a00;
    margin-top: 3px;
}


.barter-category {
    font-size: 12px;
    color: #747c86;
}


.barter-money {
    font-size: 13px;
    white-space: nowrap;
}


.barter-date {
    font-size: 12px;
    white-space: nowrap;
    color: #626a74;
}


.barter-status {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}


.barter-status.waiting {
    background: #f0f2f5;
    color: #667085;
}


.barter-status.progress,
.barter-status.review {
    background: #eaf4ff;
    color: #1677b8;
}


.barter-status.revision {
    background: #fff4d8;
    color: #a36a00;
}


.barter-status.completed {
    background: #e8f7ee;
    color: #198754;
}


.barter-status.overdue,
.barter-status.cash-due {
    background: #ffecec;
    color: #c0392b;
}


.barter-status.cash-request {
    background: #fff4dc;
    color: #a66a00;
}


.barter-status.default {
    background: #f0f2f5;
    color: #667085;
}


.barter-actions {
    display: flex;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}


.barter-action-btn {
    border: 0;
    border-radius: 8px;
    padding: 7px 10px;
    font-size: 11px;
    font-weight: 700;
}


.barter-action-btn.primary {
    background: #198754;
    color: #fff;
}


.barter-action-btn.cash {
    background: #fff1f1;
    color: #c0392b;
}


.barter-action-info {
    font-size: 11px;
    font-weight: 700;
}


.barter-action-info.success {
    color: #198754;
}


.barter-action-info.review {
    color: #1677b8;
}


.barter-action-info.warning {
    color: #a36a00;
}


.barter-action-info.danger {
    color: #c0392b;
}


.barter-extra-row td {
    background: #fafbfc;
}


.barter-submit-panel {
    padding: 20px;
    background: #fff;
    border: 1px solid #e6e9ed;
    border-radius: 14px;
}


.barter-submit-header {
    margin-bottom: 18px;
}


.barter-submit-header strong,
.barter-submit-header span {
    display: block;
}


.barter-submit-header span {
    color: #838b95;
    font-size: 12px;
    margin-top: 4px;
}


.barter-submit-btn {
    border: 0;
    background: #198754;
    color: #fff;
    border-radius: 9px;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 13px;
}


.barter-revision-box,
.barter-cash-box {
    display: flex;
    gap: 12px;
    padding: 15px;
    border-radius: 10px;
}


.barter-revision-box {
    background: #fff7df;
    color: #895f00;
}


.barter-cash-box {
    background: #fff5e7;
    color: #8d5d00;
}


.barter-revision-box p,
.barter-cash-box span {
    margin: 4px 0 0;
    display: block;
    font-size: 12px;
}


.barter-empty-state {
    text-align: center;
    padding: 80px 20px;
}


.barter-empty-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: #edf8f1;
    color: #198754;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
}


.barter-empty-state strong,
.barter-empty-state span {
    display: block;
}


.barter-empty-state span {
    color: #8a929b;
    margin-top: 6px;
    font-size: 13px;
}


@media(max-width: 991px) {

    .barter-summary-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media(max-width: 576px) {

    .barter-hero {
        padding: 22px 18px;
    }

    .barter-hero-badge {
        display: none;
    }

    .barter-summary-grid {
        padding: 18px;
        grid-template-columns: 1fr 1fr;
    }

    .barter-table-shell {
        margin: 18px;
    }

}
.barter-filter-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 18px 22px;
}

.barter-filter-btn {
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .04);
    color: rgba(255, 255, 255, .75);
    min-height: 42px;
    padding: 8px 15px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    transition: .2s ease;
}

.barter-filter-btn strong {
    min-width: 22px;
    height: 22px;
    border-radius: 7px;
    background: rgba(255, 255, 255, .08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}

.barter-filter-btn:hover {
    border-color: rgba(255, 255, 255, .16);
    color: #fff;
}

.barter-filter-btn.active {
    background: linear-gradient(
        135deg,
        #3558ff,
        #2744d8
    );
    border-color: transparent;
    color: #fff;
    box-shadow: 0 8px 20px rgba(53, 88, 255, .2);
}

.barter-filter-btn.completed.active {
    background: linear-gradient(
        135deg,
        #159a64,
        #087a4c
    );
}

.barter-filter-btn.overdue.active {
    background: linear-gradient(
        135deg,
        #d44a55,
        #ad2835
    );
}

.barter-filter-btn.review.active {
    background: linear-gradient(
        135deg,
        #2476c9,
        #185b9f
    );
}


/*
|--------------------------------------------------------------------------
| Table
|--------------------------------------------------------------------------
*/

.barter-table-wrapper {
    margin: 0 20px 25px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    overflow: hidden;
    background: rgba(7, 16, 34, .28);
}

.barter-table {
    width: 100%;
    margin: 0;
    color: #e8edf6;
    border-collapse: separate;
    border-spacing: 0;
}

.barter-table thead th {
    background: rgba(255, 255, 255, .055);
    color: rgba(255, 255, 255, .65);
    padding: 15px 16px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-size: 11px;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

.barter-table tbody tr {
    background: rgba(255, 255, 255, .018);
    transition: background .2s ease;
}

.barter-table tbody tr:hover {
    background: rgba(255, 255, 255, .045);
}

.barter-table tbody td {
    color: #eef2f8;
    padding: 17px 16px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .065);
    vertical-align: middle;
    font-size: 12px;
}

.barter-table tbody tr:last-child td {
    border-bottom: 0;
}


/*
|--------------------------------------------------------------------------
| Commitment
|--------------------------------------------------------------------------
*/

.barter-item-main {
    display: flex;
    align-items: center;
    gap: 11px;
}

.barter-item-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 11px;
    background: rgba(54, 94, 255, .13);
    border: 1px solid rgba(82, 113, 255, .16);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7190ff;
    font-size: 16px;
}

.barter-item-main strong {
    color: #fff;
    font-size: 13px;
}

.barter-item-main small {
    display: block;
    margin-top: 4px;
    color: #e8b75b;
    font-size: 10px;
}


/*
|--------------------------------------------------------------------------
| Status
|--------------------------------------------------------------------------
*/

.barter-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 11px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.barter-status-pill.committed {
    color: #c4cad4;
    background: rgba(196, 202, 212, .11);
}

.barter-status-pill.review {
    color: #73b9ff;
    background: rgba(54, 143, 235, .12);
}

.barter-status-pill.completed {
    color: #5bd59b;
    background: rgba(34, 183, 112, .12);
}

.barter-status-pill.revision {
    color: #f0bb5e;
    background: rgba(224, 157, 42, .12);
}

.barter-status-pill.overdue {
    color: #ff7782;
    background: rgba(217, 70, 82, .13);
}

.barter-status-pill.cash {
    color: #eab45d;
    background: rgba(222, 154, 48, .12);
}


/*
|--------------------------------------------------------------------------
| Actions
|--------------------------------------------------------------------------
*/

.barter-row-actions {
    display: flex;
    justify-content: center;
    gap: 7px;
    flex-wrap: wrap;
}

.barter-row-btn {
    border-radius: 9px;
    min-height: 34px;
    padding: 6px 11px;
    font-size: 10px;
    font-weight: 700;
    transition: .2s ease;
}

.barter-row-btn.submit {
    color: #fff;
    border: 1px solid #4163ff;
    background: #3658f5;
}

.barter-row-btn.submit:hover {
    background: #2849dc;
}

.barter-row-btn.cash {
    color: #f15b66;
    border: 1px solid rgba(241, 91, 102, .6);
    background: transparent;
}

.barter-row-btn.cash:hover {
    background: rgba(241, 91, 102, .1);
}


/*
|--------------------------------------------------------------------------
| Expanded form
|--------------------------------------------------------------------------
*/

.barter-submit-area {
    padding: 20px;
    margin: 4px 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .07);
}

.barter-submit-area .form-label {
    color: rgba(255, 255, 255, .8);
    font-size: 11px;
    font-weight: 700;
}

.barter-submit-area .form-control {
    color: #fff;
    background: rgba(6, 14, 30, .6);
    border: 1px solid rgba(255, 255, 255, .1);
}

.barter-submit-area .form-control:focus {
    background: rgba(6, 14, 30, .75);
    color: #fff;
    border-color: #4163ff;
    box-shadow: 0 0 0 .15rem rgba(65, 99, 255, .12);
}

.barter-submit-area .form-control::placeholder {
    color: rgba(255, 255, 255, .35);
}
.barter-table-wrapper {
    margin: 0 22px 28px;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(120, 148, 205, 0.16);
    background: #17233a;
    box-shadow: 0 12px 30px rgba(2, 8, 23, 0.16);
}

.barter-table {
    width: 100%;
    margin: 0 !important;

    --bs-table-bg: transparent;
    --bs-table-color: #dce5f5;
    --bs-table-border-color: transparent;
    --bs-table-hover-bg: transparent;
    --bs-table-hover-color: #ffffff;
}


/* جلوگیری از سفید شدن سلول‌ها توسط Bootstrap */

.barter-table > :not(caption) > * > * {
    background-color: transparent !important;
    color: inherit;
    box-shadow: none !important;
}


/* Header */

.barter-table thead {
    background: #223250;
}

.barter-table thead th {
    padding: 17px 16px;
    color: #9eacc4 !important;
    font-size: 12px;
    font-weight: 700;
    border: 0 !important;
    border-bottom: 1px solid rgba(149, 170, 211, 0.13) !important;
    text-align: right;
    white-space: nowrap;
}


/* Rows */

.barter-table tbody tr {
    background: #18253c;
    transition: background .2s ease;
}

.barter-table tbody tr:nth-child(even) {
    background: #1b2942;
}

.barter-table tbody tr:hover {
    background: #21314e;
}

.barter-table tbody td {
    padding: 18px 16px;
    color: #dce5f5 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(149, 170, 211, 0.09) !important;
    font-size: 12px;
    vertical-align: middle;
}

.barter-table tbody tr:last-child td {
    border-bottom: 0 !important;
}


/* عنوان تعهد */

.barter-item-main strong {
    color: #f4f7fc;
    font-size: 13px;
    font-weight: 700;
}

.barter-item-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 11px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(68, 99, 215, 0.16);
    border: 1px solid rgba(92, 124, 255, 0.18);

    color: #7d98ff;
}
.table tbody tr:nth-child(2n+1) {
    background-color: #18253c!important;
}

/* تاریخ و مبلغ */

.barter-table .barter-money {
    color: #f1f4fa;
    font-weight: 700;
}

.barter-table .barter-date {
    color: #b3bfd3;
}


/* فیلترها */

.barter-filter-bar {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    padding: 18px 22px 20px;
}

.barter-filter-btn {
    min-height: 40px;
    padding: 7px 14px;

    border-radius: 11px;
    border: 1px solid rgba(137, 160, 207, 0.14);

    background: #1c2942;
    color: #aebbd0;

    font-size: 11px;
    font-weight: 700;

    display: inline-flex;
    align-items: center;
    gap: 7px;

    transition: .2s ease;
}

.barter-filter-btn span {
    min-width: 22px;
    height: 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;

    background: rgba(255, 255, 255, .07);

    color: #dce5f5;
}

.barter-filter-btn:hover {
    background: #233453;
    color: #fff;
}

.barter-filter-btn.active {
    background: linear-gradient(
        135deg,
        #3f61e8,
        #314dc4
    );

    border-color: transparent;

    color: #fff;

    box-shadow: 0 7px 18px rgba(43, 70, 182, .25);
}


/* وقتی فیلتر نتیجه ندارد */

.barter-filter-empty {
    margin: 0 22px 28px;

    padding: 45px 20px;

    border-radius: 16px;

    text-align: center;

    background: #18253c;

    border: 1px solid rgba(137, 160, 207, 0.12);
}

.barter-filter-empty i {
    display: block;

    font-size: 30px;

    color: #7087b5;

    margin-bottom: 12px;
}

.barter-filter-empty strong {
    display: block;

    color: #e4eaf4;

    font-size: 14px;
}

.barter-filter-empty span {
    display: block;

    margin-top: 6px;

    color: #8f9db3;

    font-size: 11px;
}

.barter-filter-empty button {
    margin-top: 16px;

    border: 0;

    border-radius: 9px;

    padding: 9px 18px;

    background: #3f61e8;

    color: #fff;

    font-size: 11px;

    font-weight: 700;
}
.barter-financial-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.barter-progress-wrap {
    margin-top: 20px;
}

.barter-progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.barter-progress-track {
    width: 100%;
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.barter-progress-fill {
    height: 100%;
    min-width: 0;
    border-radius: inherit;
    background: currentColor;
    transition: width .3s ease;
}

.barter-detail-block {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.barter-detail-title {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;
}

.barter-detail-block p {
    margin-bottom: 12px;
}

@media(max-width: 991px) {

    .barter-financial-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media(max-width: 575px) {

    .barter-financial-grid {
        grid-template-columns: 1fr;
    }

}
/* style finance barter student*/

.barter-student-accordion-page .dashboard-shell { overflow: visible; }

.barter-page-head { margin-bottom: 14px; }
.barter-sticky-feedback { margin-bottom: 14px; }

.barter-overview-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}
.barter-overview-item {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid rgba(148,163,184,.16);
    border-radius: 14px;
    background: rgba(255,255,255,.025);
}
.barter-overview-item span,
.barter-overview-item small { display:block; opacity:.72; font-size:11px; }
.barter-overview-item strong { display:block; margin:5px 0 1px; font-size:16px; }
.barter-overview-item.success strong { color:#4ade80; }
.barter-overview-item.cash strong { color:#38bdf8; }
.barter-overview-item.remaining strong { color:#fbbf24; }

.barter-filter-bar {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:12px 14px;
    margin-bottom:18px;
    border:1px solid rgba(148,163,184,.14);
    border-radius:14px;
    background:rgba(255,255,255,.02);
}
.barter-filter-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.barter-filter-title { display:flex; align-items:center; gap:8px; font-size:12px; opacity:.8; white-space:nowrap; }
.barter-title-search {
    position:relative;
    display:flex;
    align-items:center;
    width:min(360px,100%);
    min-width:240px;
}
.barter-title-search > i {
    position:absolute;
    right:13px;
    opacity:.55;
    pointer-events:none;
}
.barter-title-search input {
    width:100%;
    height:40px;
    padding:0 38px;
    border:1px solid rgba(148,163,184,.20);
    border-radius:11px;
    background:rgba(255,255,255,.035);
    color:inherit;
    outline:none;
    font-size:12px;
    transition:border-color .2s ease, box-shadow .2s ease;
}
.barter-title-search input:focus {
    border-color:rgba(59,130,246,.70);
    box-shadow:0 0 0 3px rgba(59,130,246,.12);
}
.barter-title-search button {
    position:absolute;
    left:7px;
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:8px;
    background:rgba(148,163,184,.12);
    color:inherit;
    cursor:pointer;
}
.barter-filter-actions { display:flex; gap:7px; flex-wrap:wrap; }
.barter-filter-btn {
    border:1px solid rgba(148,163,184,.18);
    background:rgba(255,255,255,.035);
    color:inherit;
    padding:8px 11px;
    border-radius:10px;
    font-size:11px;
    cursor:pointer;
}
.barter-filter-btn b { margin-right:5px; opacity:.75; }
.barter-filter-btn.active { background:linear-gradient(135deg,#2563eb,#4f46e5); border-color:transparent; color:#fff; }

.barter-accordion-list { display:flex; flex-direction:column; gap:16px; }
.barter-accordion-card {
    overflow:hidden;
    border:1px solid rgba(148,163,184,.16);
    border-radius:18px;
    background:rgba(15,23,42,.24);
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.barter-accordion-card.is-open { border-color:rgba(96,165,250,.32); box-shadow:0 14px 34px rgba(0,0,0,.14); }

.barter-accordion-summary {
    width:100%;
    border:0;
    background:transparent;
    color:inherit;
    text-align:right;
    padding:18px;
    cursor:pointer;
}
.barter-summary-main { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.barter-summary-title-row { display:flex; align-items:flex-start; gap:12px; min-width:0; }
.barter-summary-index {
    width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center;
    border-radius:11px; background:rgba(96,165,250,.1); color:#93c5fd; font-size:11px; font-weight:800;
}
.barter-summary-title-row h4 { margin:0 0 5px; font-size:16px; }
.barter-summary-title-row p { margin:0; font-size:11px; opacity:.72; line-height:1.8; }
.barter-dot { margin:0 6px; }

.barter-primary-status,
.barter-row-status {
    display:inline-flex; align-items:center; gap:6px; border-radius:999px; font-size:11px; font-weight:800;
}
.barter-primary-status { padding:8px 11px; white-space:nowrap; }
.barter-primary-status.completed { background:rgba(34,197,94,.12); color:#4ade80; }
.barter-primary-status.payment { background:rgba(16,185,129,.14); color:#6ee7b7; }
.barter-primary-status.review,
.barter-primary-status.cash-review { background:rgba(245,158,11,.13); color:#fbbf24; }
.barter-primary-status.revision,
.barter-primary-status.overdue { background:rgba(239,68,68,.12); color:#fca5a5; }
.barter-primary-status.progress { background:rgba(59,130,246,.13); color:#93c5fd; }

.barter-summary-metrics {
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:15px;
}
.barter-mini-metric {
    padding:10px 11px; border:1px solid rgba(148,163,184,.12); border-radius:12px; background:rgba(255,255,255,.02);
}
.barter-mini-metric span,.barter-mini-metric small { display:block; font-size:10px; opacity:.7; }
.barter-mini-metric strong { display:block; margin:3px 0; font-size:15px; }
.barter-mini-metric.approved strong { color:#4ade80; }
.barter-mini-metric.cash strong { color:#38bdf8; }
.barter-mini-metric.free strong { color:#fbbf24; }

.barter-segment-progress { display:flex; height:7px; overflow:hidden; margin-top:13px; border-radius:999px; background:rgba(148,163,184,.1); direction:ltr; }
.barter-segment-progress span { height:100%; }
.barter-segment-progress .approved { background:#22c55e; }
.barter-segment-progress .pending { background:#f59e0b; }
.barter-segment-progress .cash-paid { background:#06b6d4; }
.barter-segment-progress .cash-pending { background:#8b5cf6; }

.barter-summary-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; }
.barter-next-hint { display:flex; align-items:center; gap:7px; font-size:11px; opacity:.82; line-height:1.8; }
.barter-open-label { display:flex; align-items:center; gap:7px; font-size:11px; font-weight:800; color:#93c5fd; white-space:nowrap; }
.barter-accordion-card.is-open .barter-open-label i { transform:rotate(180deg); }

.barter-accordion-body { padding:0 18px 18px; border-top:1px solid rgba(148,163,184,.11); }
.barter-inside-section,
.barter-operation-section {
    margin-top:16px; padding:16px; border:1px solid rgba(148,163,184,.13); border-radius:15px; background:rgba(255,255,255,.018);
}
.barter-inside-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:13px; }
.barter-inside-head span { display:block; font-size:10px; opacity:.62; margin-bottom:3px; }
.barter-inside-head h5 { margin:0; font-size:14px; }
.barter-inside-head b { font-size:11px; padding:6px 9px; border-radius:9px; background:rgba(148,163,184,.1); }

.barter-breakdown-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.barter-breakdown-card { padding:12px; border-radius:12px; background:rgba(255,255,255,.025); border:1px solid rgba(148,163,184,.1); }
.barter-breakdown-card span,.barter-breakdown-card small { display:block; font-size:10px; opacity:.72; }
.barter-breakdown-card strong { display:block; margin:5px 0; font-size:14px; }
.barter-breakdown-card.approved strong { color:#4ade80; }
.barter-breakdown-card.review strong { color:#fbbf24; }
.barter-breakdown-card.cash strong { color:#38bdf8; }
.barter-breakdown-card.free strong { color:#c4b5fd; }

.barter-next-step-card {
    display:flex; gap:12px; align-items:flex-start; margin-top:16px; padding:14px; border-radius:14px; border:1px solid rgba(96,165,250,.18); background:rgba(59,130,246,.06);
}
.barter-next-step-icon { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:11px; background:rgba(59,130,246,.12); color:#93c5fd; }
.barter-next-step-card span { display:block; font-size:10px; opacity:.65; }
.barter-next-step-card strong { display:block; margin:2px 0 4px; font-size:14px; }
.barter-next-step-card p { margin:0; font-size:11px; line-height:1.9; opacity:.82; }

.barter-notice { display:flex; gap:10px; margin-top:16px; padding:13px; border-radius:12px; }
.barter-notice.revision { background:rgba(245,158,11,.08); border:1px solid rgba(245,158,11,.16); color:#fde68a; }
.barter-notice p { margin:4px 0 0; font-size:11px; line-height:1.9; }

.barter-responsive-table { overflow-x:auto; }
.barter-responsive-table table { width:100%; border-collapse:separate; border-spacing:0 6px; min-width:620px; }
.barter-responsive-table th { padding:7px 10px; font-size:10px; opacity:.58; text-align:right; }
.barter-responsive-table td { padding:10px; font-size:11px; background:rgba(255,255,255,.025); }
.barter-responsive-table tr td:first-child { border-radius:0 10px 10px 0; }
.barter-responsive-table tr td:last-child { border-radius:10px 0 0 10px; }
.barter-row-status { padding:6px 9px; }
.barter-row-status.waiting { background:rgba(245,158,11,.12); color:#fbbf24; }
.barter-row-status.ready { background:rgba(16,185,129,.13); color:#6ee7b7; }
.barter-row-status.done { background:rgba(34,197,94,.12); color:#4ade80; }
.barter-row-status.partial { background:rgba(59,130,246,.12); color:#93c5fd; }
.barter-row-status.revision { background:rgba(245,158,11,.12); color:#fbbf24; }
.barter-row-status.rejected,.barter-row-status.cancelled { background:rgba(239,68,68,.12); color:#fca5a5; }
.barter-cell-note { display:block; margin-top:3px; opacity:.65; }
.barter-muted-action { font-size:10px; opacity:.68; }
.barter-muted-action.success { color:#4ade80; opacity:1; }

.barter-operation-grid { display:grid; gap:14px; }
.barter-operation-grid.two { grid-template-columns:1.25fr .75fr; }
.barter-operation-card { padding:15px; border-radius:14px; border:1px solid rgba(148,163,184,.13); background:rgba(15,23,42,.18); }
.barter-operation-card-head { display:flex; align-items:flex-start; gap:10px; margin-bottom:14px; }
.barter-operation-card-head>i { width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center; border-radius:10px; background:rgba(59,130,246,.11); color:#93c5fd; }
.barter-cash-card .barter-operation-card-head>i { background:rgba(16,185,129,.1); color:#6ee7b7; }
.barter-operation-card-head strong { display:block; font-size:13px; }
.barter-operation-card-head span { display:block; margin-top:3px; font-size:10px; line-height:1.7; opacity:.68; }
.barter-form-grid { display:grid; grid-template-columns:1fr; gap:10px; }
.barter-form-grid .full { grid-column:1/-1; }
.barter-file-quantity-box { margin-top:12px; padding:12px; border-radius:11px; background:rgba(255,255,255,.025); }
.barter-file-quantity-box>strong { font-size:11px; }
.barter-file-quantity-box>p { font-size:10px; opacity:.67; line-height:1.8; }
.barter-file-quantity-row { display:grid; grid-template-columns:minmax(0,1fr) 120px; gap:10px; align-items:center; margin-top:8px; }
.barter-file-quantity-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
.barter-uploading { margin-top:8px; font-size:10px; opacity:.75; }

.barter-cash-available { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:12px; }
.barter-cash-available>div { padding:10px; border-radius:10px; background:rgba(255,255,255,.025); }
.barter-cash-available span { display:block; font-size:10px; opacity:.65; }
.barter-cash-available strong { display:block; margin-top:4px; font-size:12px; }
.barter-calc-note { margin:10px 0; font-size:10px; opacity:.72; }

.barter-primary-action {
    display:inline-flex; align-items:center; justify-content:center; gap:7px; border:0; border-radius:10px;
    padding:10px 14px; background:linear-gradient(135deg,#2563eb,#4f46e5); color:#fff; font-size:11px; font-weight:800; text-decoration:none; cursor:pointer;
}
.barter-primary-action.cash,.barter-primary-action.pay { background:linear-gradient(135deg,#059669,#047857); }
.barter-primary-action.full { width:100%; margin-top:12px; }

@media (max-width: 991px) {
    .barter-overview-strip,.barter-summary-metrics,.barter-breakdown-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .barter-operation-grid.two { grid-template-columns:1fr; }
    .barter-filter-top { align-items:stretch; flex-direction:column; }
    .barter-title-search { width:100%; min-width:0; }
}

@media (max-width: 576px) {
    .barter-overview-strip { grid-template-columns:1fr 1fr; }
    .barter-summary-main,.barter-summary-footer { align-items:flex-start; flex-direction:column; }
    .barter-summary-metrics,.barter-breakdown-grid { grid-template-columns:1fr 1fr; }
    .barter-primary-status { align-self:flex-start; }
    .barter-file-quantity-row { grid-template-columns:1fr; }
    .barter-cash-available { grid-template-columns:1fr; }
}


/* UX V4 - compact accordion details */
.barter-accordion-summary { padding:14px 16px; }
.barter-summary-metrics { margin-top:11px; gap:7px; }
.barter-mini-metric { padding:8px 10px; border-radius:10px; }
.barter-mini-metric strong { font-size:14px; margin:2px 0; }
.barter-summary-footer { justify-content:flex-end; margin-top:8px; }
.barter-accordion-body { padding:0 14px 14px; }

.barter-guidance-line {
    width:100%;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    gap:9px;
    margin:12px 0 4px;
    padding:10px 12px;
    min-height:48px;
    border:1px solid rgba(96,165,250,.16);
    border-right:3px solid rgba(96,165,250,.55);
    border-radius:10px;
    background:rgba(59,130,246,.04);
    overflow:visible;
}
.barter-guidance-icon {
    width:28px;
    height:28px;
    flex:0 0 28px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:rgba(59,130,246,.11);
    color:#93c5fd;
    font-size:11px;
}
.barter-guidance-copy {
    min-width:0;
    flex:1;
    display:flex;
    align-items:center;
    gap:10px;
}
.barter-guidance-status {
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 8px;
    border-radius:8px;
    background:rgba(148,163,184,.08);
    white-space:nowrap;
}
.barter-guidance-status small {
    font-size:9px;
    opacity:.58;
}
.barter-guidance-status strong {
    font-size:12px;
    line-height:1.4;
}
.barter-guidance-text {
    flex:1;
    min-width:0;
    margin:0;
    font-size:11px;
    line-height:1.9;
    opacity:.78;
    overflow-wrap:anywhere;
}
.barter-guidance-line.completed { border-color:rgba(34,197,94,.18); border-right-color:#22c55e; background:rgba(34,197,94,.05); }
.barter-guidance-line.completed .barter-guidance-icon { background:rgba(34,197,94,.1); color:#4ade80; }
.barter-guidance-line.payment { border-color:rgba(16,185,129,.2); border-right-color:#10b981; background:rgba(16,185,129,.055); }
.barter-guidance-line.payment .barter-guidance-icon { background:rgba(16,185,129,.12); color:#6ee7b7; }
.barter-guidance-line.review,
.barter-guidance-line.cash-review { border-color:rgba(245,158,11,.18); border-right-color:#f59e0b; background:rgba(245,158,11,.05); }
.barter-guidance-line.review .barter-guidance-icon,
.barter-guidance-line.cash-review .barter-guidance-icon { background:rgba(245,158,11,.11); color:#fbbf24; }
.barter-guidance-line.revision,
.barter-guidance-line.overdue { border-color:rgba(239,68,68,.18); border-right-color:#ef4444; background:rgba(239,68,68,.05); }
.barter-guidance-line.revision .barter-guidance-icon,
.barter-guidance-line.overdue .barter-guidance-icon { background:rgba(239,68,68,.1); color:#fca5a5; }

.barter-inside-section,
.barter-operation-section {
    margin-top:12px;
    padding:12px;
    border-radius:12px;
}
.barter-inside-head { margin-bottom:9px; }
.barter-inside-head.compact { align-items:flex-start; }
.barter-inside-head.compact h5 { font-size:13px; }
.barter-inside-head.compact span { margin:3px 0 0; }

.barter-operation-grid { gap:10px; }
.barter-operation-card { padding:12px; border-radius:12px; }
.barter-operation-card-head { gap:8px; margin-bottom:10px; }
.barter-operation-card-head>i { width:32px; height:32px; flex-basis:32px; border-radius:8px; }
.barter-operation-card-head strong { font-size:12px; }
.barter-operation-card-head span { font-size:9px; line-height:1.6; }

.barter-file-row td { transition:background-color .2s ease; }
.barter-file-row.status-approved td { background:rgba(34,197,94,.055); }
.barter-file-row.status-partially_approved td { background:rgba(59,130,246,.055); }
.barter-file-row.status-revision_required td { background:rgba(245,158,11,.055); }
.barter-file-row.status-rejected td { background:rgba(239,68,68,.05); }
.barter-file-name-cell { display:flex; align-items:center; gap:7px; min-width:0; }
.barter-file-name-cell i { opacity:.55; font-size:11px; }
.barter-file-name-cell span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:260px; }
.barter-file-download {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:72px;
    border:1px solid rgba(96,165,250,.22);
    border-radius:8px;
    padding:7px 9px;
    background:rgba(59,130,246,.08);
    color:#bfdbfe;
    font-size:10px;
    font-weight:700;
    cursor:pointer;
}
.barter-file-download:hover { background:rgba(59,130,246,.14); }
.barter-file-download:disabled { opacity:.55; cursor:not-allowed; }
.barter-legacy-file-section { padding:10px 12px; }
.barter-legacy-file-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:8px 10px;
    border-radius:9px;
    background:rgba(255,255,255,.025);
}

@media (max-width: 576px) {
    .barter-guidance-line { align-items:flex-start; padding:10px; }
    .barter-guidance-copy { flex-direction:column; align-items:flex-start; gap:5px; }
    .barter-guidance-text { font-size:10.5px; line-height:1.8; }
    .barter-legacy-file-row { align-items:flex-start; flex-direction:column; }
    .barter-file-name-cell span { max-width:180px; }
}
/*admin bareter style*/


.admin-barter-filter-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.admin-barter-title-search {
    position: relative;
    flex: 1;
    max-width: 520px;
}

.admin-barter-title-search > i {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .65;
    pointer-events: none;
}

.admin-barter-title-search input {
    width: 100%;
    min-height: 44px;
    padding: 10px 42px 10px 42px;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, .22);
    background: rgba(15, 23, 42, .22);
    color: inherit;
    outline: none;
}

.admin-barter-title-search button {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    background: rgba(148, 163, 184, .14);
    color: inherit;
}

.admin-barter-filter-result {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-size: 13px;
    opacity: .8;
}

.admin-barter-filter-result strong {
    font-size: 17px;
    opacity: 1;
}

.admin-barter-filter-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-barter-filter-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(148, 163, 184, .07);
    color: inherit;
    font-size: 12px;
    cursor: pointer;
    transition: .2s ease;
}

.admin-barter-filter-chip strong {
    min-width: 23px;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(148, 163, 184, .14);
}

.admin-barter-filter-chip.is-active {
    border-color: rgba(59, 130, 246, .5);
    background: rgba(37, 99, 235, .16);
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, .16);
}

.admin-exec-accordion-wrap {
    overflow: visible;
}

.admin-exec-accordion-table {
    border-collapse: separate !important;
    border-spacing: 0 14px !important;
    background: transparent !important;
}

.admin-exec-accordion-summary-row > td {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.admin-exec-accordion-toggle {
    width: 100%;
    display: block;
    text-align: right;
    padding: 16px;
    border-radius: 15px;
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(15, 23, 42, .18);
    color: inherit;
    cursor: pointer;
    transition: .2s ease;
}

.admin-exec-accordion-toggle:hover,
.admin-exec-accordion-toggle.is-open {
    border-color: rgba(59, 130, 246, .4);
    background: rgba(30, 41, 59, .34);
}

.admin-exec-accordion-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.admin-exec-accordion-title-wrap {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-width: 0;
}

.admin-exec-accordion-chevron {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 9px;
    background: rgba(59, 130, 246, .12);
    transition: transform .2s ease;
}

.admin-exec-accordion-toggle.is-open .admin-exec-accordion-chevron {
    transform: rotate(180deg);
}

.admin-exec-accordion-title {
    display: block;
    font-size: 15px;
    line-height: 1.7;
}

.admin-exec-accordion-subtitle {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 4px;
    font-size: 11px;
    opacity: .7;
}

.admin-exec-accordion-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.admin-exec-status-badge {
    display: inline-flex;
    align-items: center;
    min-height: 29px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.admin-exec-status-badge.success { background: rgba(34, 197, 94, .14); color: #4ade80; }
.admin-exec-status-badge.info { background: rgba(59, 130, 246, .15); color: #60a5fa; }
.admin-exec-status-badge.warning { background: rgba(245, 158, 11, .14); color: #fbbf24; }
.admin-exec-status-badge.danger { background: rgba(239, 68, 68, .14); color: #f87171; }
.admin-exec-status-badge.neutral { background: rgba(148, 163, 184, .13); color: inherit; }

.admin-exec-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
}

.admin-exec-summary-item {
    min-width: 0;
    padding: 10px 12px;
    border-radius: 11px;
    background: rgba(148, 163, 184, .055);
}

.admin-exec-summary-item span,
.admin-exec-summary-item small {
    display: block;
    font-size: 10px;
    opacity: .68;
}

.admin-exec-summary-item strong {
    display: block;
    margin: 3px 0;
    font-size: 14px;
}

.admin-exec-summary-item.approved strong { color: #4ade80; }
.admin-exec-summary-item.cash strong { color: #38bdf8; }
.admin-exec-summary-item.remaining strong { color: #c084fc; }

.admin-exec-open-hint {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 11px;
    padding-top: 9px;
    border-top: 1px solid rgba(148, 163, 184, .11);
    font-size: 10px;
    opacity: .62;
}

.admin-exec-accordion-detail-row > td {
    padding: 16px !important;
    border: 1px solid rgba(59, 130, 246, .2) !important;
    border-top: 0 !important;
    border-radius: 0 0 15px 15px;
    background: rgba(15, 23, 42, .12) !important;
}

.admin-exec-accordion-detail-row .barter-detail-block {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 12px;
    background: rgba(148, 163, 184, .035);
}

.admin-exec-accordion-detail-row .barter-detail-title {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    font-size: 13px;
}

.admin-exec-accordion-detail-row .admin-barter-item-meta {
    margin-bottom: 10px;
}

.admin-exec-accordion-detail-row .admin-barter-table-wrap {
    margin-top: 10px;
    border-radius: 11px;
}

.admin-exec-accordion-summary-row:has(+ .admin-exec-accordion-detail-row:not(.d-none)) .admin-exec-accordion-toggle {
    border-radius: 15px 15px 0 0;
    margin-bottom: -14px;
}

@media (max-width: 992px) {
    .admin-exec-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-exec-accordion-head,
    .admin-barter-filter-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-exec-accordion-badges {
        justify-content: flex-start;
    }

    .admin-barter-title-search {
        max-width: none;
    }
}

@media (max-width: 576px) {
    .admin-exec-summary-grid {
        grid-template-columns: 1fr;
    }

    .admin-exec-accordion-toggle {
        padding: 13px;
    }
}
/*ّadmin final enrollment*/


.final-enrollment-stats {
    display: grid;
    grid-template-columns:
                repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.final-enrollment-filters {
    display: grid;
    grid-template-columns:
                minmax(220px, 2fr)
                repeat(3, minmax(140px, 1fr));
    gap: 14px;
    align-items: end;
}

.final-enrollment-filters
.admin-barter-form-group {
    margin-bottom: 0;
}

.final-student-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.final-student-info strong {
    font-weight: 800;
}

.final-student-info span {
    font-size: 12px;
    opacity: .7;
    direction: ltr;
    text-align: right;
}

.final-payment-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.final-payment-status.paid {
    color: #15803d;
    background: rgba(34, 197, 94, .14);
}

.final-payment-status.pending {
    color: #b45309;
    background: rgba(245, 158, 11, .15);
}

.final-payment-status.failed {
    color: #b91c1c;
    background: rgba(239, 68, 68, .13);
}

.final-payment-status.neutral {
    color: #64748b;
    background: rgba(100, 116, 139, .13);
}

.final-enrollment-detail {
    padding: 18px;
}

.final-detail-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.final-detail-head > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.final-detail-head span {
    font-size: 12px;
    opacity: .7;
}

.final-detail-grid {
    display: grid;
    grid-template-columns:
                repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.final-detail-grid > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 12px 14px;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 10px;
}

.final-detail-grid span {
    font-size: 12px;
    opacity: .7;
}

.final-detail-grid strong {
    font-size: 13px;
}

.final-admin-note {
    margin-top: 14px;
    padding: 14px;
    border-radius: 10px;
    background: rgba(148, 163, 184, .08);
}

.final-admin-note span {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 800;
}

.final-admin-note p {
    margin: 0;
}


@media(max-width: 991px) {

    .final-enrollment-stats {
        grid-template-columns:
                    repeat(2, minmax(0, 1fr));
    }

    .final-enrollment-filters {
        grid-template-columns:
                    repeat(2, minmax(0, 1fr));
    }

    .final-detail-grid {
        grid-template-columns:
                    repeat(2, minmax(0, 1fr));
    }

}


@media(max-width: 575px) {

    .final-enrollment-stats,
    .final-enrollment-filters,
    .final-detail-grid {
        grid-template-columns: 1fr;
    }

}
/*admin dashboard summery*/

.admin-control-dashboard {
    --dash-border: rgba(148, 163, 184, .16);
}




.admin-dashboard-date-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .08);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}


/*
|--------------------------------------------------------------------------
| Interview Reminder
|--------------------------------------------------------------------------
*/

.admin-dashboard-next-interview {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(59, 130, 246, .18);
    border-radius: 14px;
    background: rgba(59, 130, 246, .06);
}

.admin-dashboard-next-interview.is-live {
    border-color: rgba(34, 197, 94, .28);
    background: rgba(34, 197, 94, .08);
}

.next-interview-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(59, 130, 246, .12);
    font-size: 18px;
}

.is-live .next-interview-icon {
    background: rgba(34, 197, 94, .15);
}

.next-interview-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
}

.next-interview-content > span {
    font-size: 11px;
    opacity: .7;
}

.next-interview-content strong {
    font-size: 14px;
}

.next-interview-content small {
    font-size: 12px;
    opacity: .7;
}

.next-interview-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.dashboard-meeting-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 10px;
    background: #16a34a;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.dashboard-meeting-btn:hover {
    color: #fff;
    opacity: .9;
}

.dashboard-small-link {
    font-size: 12px;
    text-decoration: none;
}

.dashboard-link-missing {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #b45309;
}


/*
|--------------------------------------------------------------------------
| Stats
|--------------------------------------------------------------------------
*/

.admin-dashboard-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.admin-dashboard-stat {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 92px;
    padding: 15px;
    border: 1px solid var(--dash-border);
    border-radius: 14px;
    background: rgba(148, 163, 184, .04);
}

.admin-dashboard-stat > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.admin-dashboard-stat span {
    font-size: 11px;
    opacity: .7;
}

.admin-dashboard-stat strong {
    font-size: 20px;
    font-weight: 900;
}

.admin-dashboard-stat small {
    font-size: 10px;
    opacity: .65;
}

.dashboard-stat-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
}

.dashboard-stat-icon.applications {
    background: rgba(59, 130, 246, .12);
}

.dashboard-stat-icon.interviews {
    background: rgba(139, 92, 246, .12);
}

.dashboard-stat-icon.attention {
    background: rgba(245, 158, 11, .14);
}

.dashboard-stat-icon.enrollment {
    background: rgba(34, 197, 94, .12);
}


/*
|--------------------------------------------------------------------------
| Main Grid
|--------------------------------------------------------------------------
*/

.admin-dashboard-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
    gap: 18px;
    margin-bottom: 18px;
}


/*
|--------------------------------------------------------------------------
| Interviews
|--------------------------------------------------------------------------
*/

.dashboard-interview-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.dashboard-interview-item {
    display: grid;
    grid-template-columns: 75px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border: 1px solid var(--dash-border);
    border-radius: 12px;
}

.dashboard-interview-item.live {
    border-color: rgba(34, 197, 94, .28);
    background: rgba(34, 197, 94, .06);
}

.dashboard-interview-item.upcoming {
    background: rgba(59, 130, 246, .04);
}

.dashboard-interview-item.done,
.dashboard-interview-item.past {
    opacity: .65;
}

.interview-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

.interview-time strong {
    font-size: 17px;
}

.interview-time span {
    font-size: 9px;
    opacity: .7;
}

.interview-person {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.interview-person strong {
    font-size: 13px;
}

.interview-person span {
    font-size: 10px;
    opacity: .68;
}

.interview-actions {
    display: flex;
    align-items: center;
    gap: 7px;
}

.dashboard-icon-action,
.dashboard-meeting-small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 34px;
    padding: 7px 10px;
    border-radius: 9px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
}

.dashboard-icon-action {
    width: 34px;
    padding: 0;
    background: rgba(148, 163, 184, .1);
}

.dashboard-meeting-small {
    background: rgba(34, 197, 94, .12);
    color: #15803d;
}

.dashboard-no-meeting {
    opacity: .35;
}


/*
|--------------------------------------------------------------------------
| Attention
|--------------------------------------------------------------------------
*/

.dashboard-attention-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dashboard-attention-item {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--dash-border);
}

.dashboard-attention-item:last-child {
    border-bottom: 0;
}

.attention-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.attention-icon.review {
    background: rgba(59, 130, 246, .1);
}

.attention-icon.cash {
    background: rgba(245, 158, 11, .12);
}

.attention-icon.final {
    background: rgba(34, 197, 94, .1);
}

.dashboard-attention-item > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.dashboard-attention-item strong {
    font-size: 12px;
}

.dashboard-attention-item span {
    font-size: 9px;
    opacity: .6;
    line-height: 1.7;
}

.dashboard-attention-item b {
    min-width: 28px;
    padding: 4px 7px;
    border-radius: 8px;
    text-align: center;
    background: rgba(148, 163, 184, .1);
    font-size: 12px;
}

.dashboard-attention-footer {
    padding-top: 12px;
    margin-top: 10px;
    border-top: 1px solid var(--dash-border);
}

.dashboard-attention-footer a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    text-decoration: none;
}


/*
|--------------------------------------------------------------------------
| Final Enrollments
|--------------------------------------------------------------------------
*/

.dashboard-final-list {
    display: flex;
    flex-direction: column;
}

.dashboard-final-item {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(130px, .7fr) auto 36px;
    gap: 14px;
    align-items: center;
    padding: 11px 0;
    border-bottom: 1px solid var(--dash-border);
}

.dashboard-final-item:last-child {
    border-bottom: 0;
}

.final-person,
.final-amount {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.final-person strong,
.final-amount strong {
    font-size: 12px;
}

.final-person span,
.final-amount span {
    font-size: 10px;
    opacity: .65;
}

.dashboard-payment-status {
    display: inline-flex;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.dashboard-payment-status.paid {
    color: #15803d;
    background: rgba(34, 197, 94, .12);
}

.dashboard-payment-status.pending {
    color: #b45309;
    background: rgba(245, 158, 11, .13);
}


/*
|--------------------------------------------------------------------------
| Empty
|--------------------------------------------------------------------------
*/

.dashboard-empty-compact {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 150px;
    text-align: center;
    opacity: .65;
}

.dashboard-empty-compact i {
    font-size: 24px;
}

.dashboard-empty-compact strong {
    font-size: 13px;
}

.dashboard-empty-compact span {
    font-size: 10px;
}


/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media(max-width: 991px) {

    .admin-dashboard-stats {
        grid-template-columns:
                    repeat(2, minmax(0, 1fr));
    }

    .admin-dashboard-main-grid {
        grid-template-columns: 1fr;
    }

}


@media(max-width: 767px) {

    .admin-dashboard-next-interview {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .next-interview-actions {
        width: 100%;
    }

    .dashboard-interview-item {
        grid-template-columns:
                    65px minmax(0, 1fr);
    }

    .interview-actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .dashboard-final-item {
        grid-template-columns:
                    1fr auto;
    }

    .final-amount {
        grid-column: 1 / -1;
    }

}


@media(max-width: 575px) {

    .admin-dashboard-stats {
        grid-template-columns: 1fr;
    }

}

.otp-box {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;

    padding: 0 !important;

    border: 1px solid #d9dde3 !important;
    border-radius: 9px !important;

    background-color: #ffffff !important;

    color: #212529 !important;
    -webkit-text-fill-color: #212529 !important;

    font-size: 20px !important;
    font-weight: 600 !important;

    text-align: center !important;
    line-height: 48px !important;

    box-shadow: none !important;

    direction: ltr !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.otp-box:focus {
    border-color: var(--bs-primary) !important;
    background-color: #ffffff !important;

    color: #212529 !important;
    -webkit-text-fill-color: #212529 !important;

    box-shadow: 0 0 0 2px rgba(13, 110, 253, .08) !important;

    outline: none !important;
}

.otp-box::selection {
    background: rgba(13, 110, 253, .15);
}

@media (max-width: 400px) {
    .otp-box {
        width: 44px !important;
        height: 44px !important;
        flex-basis: 44px !important;

        font-size: 18px !important;
        line-height: 44px !important;
    }
}

/* =========================================================
   Public Modal - Compact Responsive Design
   ========================================================= */

:is(#publicModal, #referralModal) {
    --public-field-height: 46px;
}


/* Modal width */
:is(#publicModal, #referralModal) .modal-dialog {
    width: calc(100% - 24px);
    max-width: 680px;
    margin: 12px auto;
}


/* Main box */
:is(#publicModal, #referralModal) .public-modal-content {
    padding: 20px 22px !important;

    border-radius: 14px;

    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    overflow-x: hidden;
}


/* =========================================================
   Header
   ========================================================= */

:is(#publicModal, #referralModal) .public-modal-header {
    padding: 0 0 14px !important;
    margin: 0 0 16px;

    min-height: auto;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}


:is(#publicModal, #referralModal) .public-modal-title {
    margin: 0;

    font-size: 16px !important;
    font-weight: 700;
    line-height: 1.7;
}


/* =========================================================
   Body
   ========================================================= */

:is(#publicModal, #referralModal) .modal-body {
    padding: 0 !important;
}


/* =========================================================
   First name / Last name
   ========================================================= */

:is(#publicModal, #referralModal) .profile-basic-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 10px;

    margin-bottom: 13px;
}


:is(#publicModal, #referralModal) .profile-field {
    min-width: 0;
}


:is(#publicModal, #referralModal) .public-modal-input {
    width: 100%;

    height: var(--public-field-height);
    min-height: var(--public-field-height);

    padding: 0 13px !important;

    font-size: 13.5px;

    border-radius: 8px !important;

    border: 1px solid rgba(255, 255, 255, 0.10) !important;

    box-shadow: none !important;
}


:is(#publicModal, #referralModal) .public-modal-input:focus {
    border-color: rgba(59, 130, 246, 0.65) !important;

    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08) !important;
}


:is(#publicModal, #referralModal) .public-modal-input::placeholder {
    font-size: 13px;

    opacity: .8;
}


:is(#publicModal, #referralModal) .public-field-error {
    display: block;

    margin-top: 4px;

    font-size: 11.5px;

    line-height: 1.5;
}


/* =========================================================
   Password
   ========================================================= */

/* Username فنی برای Password Manager در مودال‌های تکمیل ثبت‌نام */
:is(#publicModal, #referralModal) .public-browser-username {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0.01;
    pointer-events: none;
}

:is(#publicModal, #referralModal) .public-password-section {
    margin-bottom: 14px;
}


:is(#publicModal, #referralModal) .public-password-label {
    margin-bottom: 6px;

    font-size: 12.5px;

    font-weight: 600;
}


:is(#publicModal, #referralModal) .public-password-wrap {
    position: relative;

    width: 100%;
}


:is(#publicModal, #referralModal) .public-password-input {
    padding-left: 46px !important;
}


:is(#publicModal, #referralModal) .public-password-eye {
    position: absolute;

    left: 1px;
    top: 1px;
    bottom: 1px;

    width: 43px;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 0;

    color: #9ca3af;

    background: transparent;

    border: 0;

    border-right: 1px solid rgba(255, 255, 255, 0.08);

    border-radius: 7px 0 0 7px;

    z-index: 5;
}


:is(#publicModal, #referralModal) .public-password-eye:hover {
    color: #ffffff;

    background: rgba(255, 255, 255, 0.04);
}


:is(#publicModal, #referralModal) .public-password-eye i {
    font-size: 15px;

    line-height: 1;
}


/* =========================================================
   Score info
   ========================================================= */

:is(#publicModal, #referralModal) .public-score-note {
    margin: 4px auto 0;

    max-width: 610px;

    text-align: center;

    font-size: 12.5px;

    line-height: 1.9;

    color: inherit;
}


/* =========================================================
   Video
   ========================================================= */

:is(#publicModal, #referralModal) .public-intro-video {
    width: 100%;

    max-width: 470px;

    margin: 14px auto 0;
}


:is(#publicModal, #referralModal) .public-intro-video video {
    display: block;

    width: 100% !important;
    height: auto;

    max-height: none !important;

    aspect-ratio: 16 / 9;

    object-fit: cover;

    margin: 0 auto;

    border-radius: 9px;
}


/* =========================================================
   Referrer text
   ========================================================= */

:is(#publicModal, #referralModal) .public-referrer-note {
    margin: 13px 0 10px;

    text-align: center;

    font-size: 12.5px;

    line-height: 1.7;
}


/* =========================================================
   Source section
   ========================================================= */

:is(#publicModal, #referralModal) .public-source-section {
    margin-top: 10px;

    padding: 0;
}


:is(#publicModal, #referralModal) .public-source-card {
    margin-bottom: 0 !important;

    border-radius: 10px !important;
}


:is(#publicModal, #referralModal) .public-source-card > .card-header {
    padding: 11px 13px;
}


:is(#publicModal, #referralModal) .public-source-card > .card-body {
    padding: 12px;
}


:is(#publicModal, #referralModal) .accordion-button {
    padding: 11px 13px;

    font-size: 13px;
}


:is(#publicModal, #referralModal) .accordion-body {
    padding: 12px;
}


:is(#publicModal, #referralModal) .accordion-item {
    margin-bottom: 8px !important;
}


/* فرم‌های داخل بخش معرف */
:is(#publicModal, #referralModal) .accordion .flex-form {
    gap: 8px;
}


/* =========================================================
   Footer
   ========================================================= */

:is(#publicModal, #referralModal) .modal-footer {
    padding: 14px 0 0 !important;

    margin-top: 4px;

    border-top: 1px solid rgba(255, 255, 255, 0.07);
}


:is(#publicModal, #referralModal) .modal-footer > div {
    margin-top: 0 !important;
}


:is(#publicModal, #referralModal) .modal-footer .btn {
    min-width: 180px;

    padding: 9px 20px;

    font-size: 13px;

    border-radius: 8px;
}


/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 767.98px) {

    :is(#publicModal, #referralModal) {
        --public-field-height: 43px;
    }


    :is(#publicModal, #referralModal) .modal-dialog {
        width: calc(100% - 18px);

        margin: 9px auto;
    }


    :is(#publicModal, #referralModal) .public-modal-content {
        padding: 15px !important;

        border-radius: 12px;

        max-height: calc(100dvh - 18px);
    }


    :is(#publicModal, #referralModal) .public-modal-header {
        padding-bottom: 10px !important;

        margin-bottom: 12px;
    }


    :is(#publicModal, #referralModal) .public-modal-title {
        font-size: 14px !important;

        line-height: 1.65;
    }


    :is(#publicModal, #referralModal) .profile-basic-grid {
        gap: 8px;

        margin-bottom: 11px;
    }


    :is(#publicModal, #referralModal) .public-modal-input {
        padding-right: 10px !important;

        font-size: 13px;
    }


    :is(#publicModal, #referralModal) .public-modal-input::placeholder {
        font-size: 12px;
    }


    :is(#publicModal, #referralModal) .public-password-section {
        margin-bottom: 11px;
    }


    :is(#publicModal, #referralModal) .public-password-label {
        margin-bottom: 5px;

        font-size: 12px;
    }


    :is(#publicModal, #referralModal) .public-password-eye {
        width: 40px;
    }


    :is(#publicModal, #referralModal) .public-password-input {
        padding-left: 42px !important;
    }


    :is(#publicModal, #referralModal) .public-score-note {
        font-size: 11.5px;

        line-height: 1.85;

        margin-top: 2px;
    }


    :is(#publicModal, #referralModal) .public-intro-video {
        max-width: 100%;

        margin-top: 11px;
    }


    :is(#publicModal, #referralModal) .public-referrer-note {
        margin: 11px 0 8px;

        font-size: 11.5px;
    }


    :is(#publicModal, #referralModal) .public-source-section {
        margin-top: 7px;
    }


    :is(#publicModal, #referralModal) .public-source-card > .card-header {
        padding: 9px 10px;
    }


    :is(#publicModal, #referralModal) .public-source-card > .card-body {
        padding: 9px;
    }


    :is(#publicModal, #referralModal) .accordion-button {
        padding: 9px 10px;

        font-size: 12px;
    }


    :is(#publicModal, #referralModal) .accordion-body {
        padding: 10px;
    }


    :is(#publicModal, #referralModal) .modal-footer {
        padding-top: 11px !important;
    }


    :is(#publicModal, #referralModal) .modal-footer .btn {
        width: 100%;

        min-width: 0;

        padding: 9px 12px;

        font-size: 12.5px;
    }

}


/* =========================================================
   Very small phones
   ========================================================= */

@media (max-width: 359px) {

    :is(#publicModal, #referralModal) .profile-basic-grid {
        grid-template-columns: 1fr;

        gap: 7px;
    }

}

/* =========================================================
   Public Modal - Mobile Final Polish
   ========================================================= */

@media (max-width: 767.98px) {

    /* فشرده‌تر شدن کل بخش بالایی فرم */
    :is(#publicModal, #referralModal) .modal-body {
        padding: 0 !important;
    }

    /* نام و نام خانوادگی */
    :is(#publicModal, #referralModal) .profile-basic-grid {
        gap: 6px !important;
        margin-bottom: 8px !important;
    }

    :is(#publicModal, #referralModal) .profile-field {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ارتفاع ظریف‌تر input ها */
    :is(#publicModal, #referralModal) .public-modal-input {
        height: 40px !important;
        min-height: 40px !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        font-size: 12.5px !important;

        border-radius: 7px !important;
    }

    :is(#publicModal, #referralModal) .public-modal-input::placeholder {
        font-size: 11.5px !important;
    }

    /* فاصله رمز با فیلد قبلی */
    :is(#publicModal, #referralModal) .public-password-section {
        margin-top: 7px !important;
        margin-bottom: 9px !important;
    }

    :is(#publicModal, #referralModal) .public-password-label {
        margin-bottom: 4px !important;
        font-size: 11.5px !important;
    }

    /* خیلی مهم:
       والد چشم باید مرجع position باشد */
    :is(#publicModal, #referralModal) .public-password-wrap {
        position: relative !important;
        width: 100% !important;
    }

    /* جا برای چشم در سمت چپ */
    :is(#publicModal, #referralModal) .public-password-input {
        padding-left: 42px !important;
        padding-right: 11px !important;
    }

    /* چشم دقیقاً داخل گوشه چپ input */
    :is(#publicModal, #referralModal) .public-password-eye {
        position: absolute !important;

        left: 6px !important;
        right: auto !important;

        top: 50% !important;
        bottom: auto !important;

        transform: translateY(-50%) !important;

        width: 30px !important;
        height: 30px !important;

        min-width: 30px !important;
        max-width: 30px !important;

        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border: 0 !important;
        border-radius: 6px !important;

        background: transparent !important;

        z-index: 10 !important;
    }

    :is(#publicModal, #referralModal) .public-password-eye i {
        font-size: 14px !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* متن امتیاز کمی نزدیک‌تر */
    :is(#publicModal, #referralModal) .public-score-note {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        font-size: 11px !important;
        line-height: 1.75 !important;
    }

    /* ویدیو نزدیک‌تر به متن */
    :is(#publicModal, #referralModal) .public-intro-video {
        margin-top: 8px !important;
    }

    /* متن قبل بخش معرف */
    :is(#publicModal, #referralModal) .public-referrer-note {
        margin: 8px 0 6px !important;
        font-size: 11px !important;
    }

    /* بخش نحوه آشنایی */
    :is(#publicModal, #referralModal) .public-source-section {
        margin-top: 5px !important;
    }

    :is(#publicModal, #referralModal) .public-source-card > .card-header {
        padding: 8px 9px !important;
    }

    :is(#publicModal, #referralModal) .public-source-card > .card-body {
        padding: 7px !important;
    }

    :is(#publicModal, #referralModal) .accordion-item {
        margin-bottom: 5px !important;
    }

    :is(#publicModal, #referralModal) .accordion-button {
        padding: 8px 9px !important;
    }

    :is(#publicModal, #referralModal) .accordion-body {
        padding: 8px !important;
    }

    /* فیلدهای داخل بخش معرف */
    :is(#publicModal, #referralModal) .accordion .flex-form {
        gap: 5px !important;
    }

    :is(#publicModal, #referralModal) .accordion .form-box {
        margin: 0 !important;
    }

    :is(#publicModal, #referralModal) .accordion .form-control,
    :is(#publicModal, #referralModal) .accordion .form-select {
        min-height: 39px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;

        font-size: 12px !important;
    }

}
/* =========================================================
   Registration Guide Accordion
   ========================================================= */

:is(#publicModal, #referralModal) .registration-guide {
    margin: 8px 0 0;
}

:is(#publicModal, #referralModal) .registration-guide .accordion-item {
    margin: 0 !important;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 9px !important;

    background: transparent;
}


/* عنوان */
:is(#publicModal, #referralModal) .registration-guide-button {
    min-height: 42px;

    padding: 9px 12px !important;

    font-size: 12.5px !important;
    font-weight: 600;

    color: inherit;

    background: rgba(255, 255, 255, 0.025) !important;

    box-shadow: none !important;
}


/* حالت باز */
:is(#publicModal, #referralModal) .registration-guide-button:not(.collapsed) {
    color: inherit;

    background: rgba(255, 255, 255, 0.045) !important;

    box-shadow: none !important;
}


/* فلش Accordion */
:is(#publicModal, #referralModal) .registration-guide-button::after {
    width: 14px;
    height: 14px;

    background-size: 14px;
}


/* بدنه */
:is(#publicModal, #referralModal) .registration-guide-body {
    padding: 10px !important;

    border-top: 1px solid rgba(255, 255, 255, 0.06);
}


/* توضیحات */
:is(#publicModal, #referralModal) .registration-guide-text {
    margin-bottom: 9px;

    text-align: center;

    font-size: 11.5px;

    line-height: 1.85;
}


/* ویدیو */
:is(#publicModal, #referralModal) .registration-guide-video {
    width: 100%;

    max-width: 470px;

    margin: 0 auto;
}

:is(#publicModal, #referralModal) .registration-guide-video video {
    display: block;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 16 / 9;

    object-fit: cover;

    border-radius: 7px;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767.98px) {

    :is(#publicModal, #referralModal) .registration-guide {
        margin-top: 6px;
    }

    :is(#publicModal, #referralModal) .registration-guide-button {
        min-height: 38px;

        padding: 7px 9px !important;

        font-size: 11.5px !important;
    }

    :is(#publicModal, #referralModal) .registration-guide-body {
        padding: 8px !important;
    }

    :is(#publicModal, #referralModal) .registration-guide-text {
        margin-bottom: 7px;

        font-size: 10.5px;

        line-height: 1.75;
    }

    :is(#publicModal, #referralModal) .registration-guide-button i {
        font-size: 13px;
    }

}
/* =========================================================
   Source / How did you hear about us
   ========================================================= */

:is(#publicModal, #referralModal) .public-source-accordion {
    margin-top: 7px;
}


:is(#publicModal, #referralModal) .public-source-accordion > .accordion-item {
    overflow: visible;

    margin: 0 !important;

    border: 1px solid rgba(255, 255, 255, .09);

    border-radius: 9px !important;

    background: transparent;
}


:is(#publicModal, #referralModal) .public-source-main-button {
    min-height: 42px;

    padding: 9px 12px !important;

    font-size: 12.5px !important;
    font-weight: 600;

    background: rgba(255, 255, 255, .025) !important;

    box-shadow: none !important;
}


:is(#publicModal, #referralModal) .public-source-main-button:not(.collapsed) {
    background: rgba(255, 255, 255, .045) !important;

    box-shadow: none !important;
}


:is(#publicModal, #referralModal) .public-source-main-body {
    padding: 10px !important;

    border-top: 1px solid rgba(255,255,255,.06);
}


:is(#publicModal, #referralModal) .public-source-help {
    margin-bottom: 9px;

    font-size: 11.5px;

    opacity: .8;
}


/* =========================================================
   Main choices
   ========================================================= */

:is(#publicModal, #referralModal) .source-choice-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 7px;
}


:is(#publicModal, #referralModal) .source-choice-card {
    position: relative;

    min-width: 0;
    min-height: 47px;

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 8px 9px;

    text-align: right;

    color: inherit;

    border: 1px solid rgba(255,255,255,.09);

    border-radius: 8px;

    background: rgba(255,255,255,.018);

    transition:
        border-color .15s ease,
        background .15s ease;
}


:is(#publicModal, #referralModal) .source-choice-card:hover {
    background: rgba(255,255,255,.04);
}


:is(#publicModal, #referralModal) .source-choice-card.active {
    border-color: rgba(59,130,246,.75);

    background: rgba(59,130,246,.08);
}


:is(#publicModal, #referralModal) .source-choice-icon {
    width: 28px;
    height: 28px;

    flex: 0 0 28px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 7px;

    background: rgba(255,255,255,.05);
}


:is(#publicModal, #referralModal) .source-choice-icon i {
    font-size: 13px;
}


:is(#publicModal, #referralModal) .source-choice-title {
    flex: 1;

    min-width: 0;

    font-size: 11.5px;

    font-weight: 500;
}


:is(#publicModal, #referralModal) .source-choice-check {
    font-size: 13px;
}


/* =========================================================
   Extra forms
   ========================================================= */

:is(#publicModal, #referralModal) .source-extra-panel {
    margin-top: 9px;

    padding: 10px;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 8px;

    background: rgba(255,255,255,.018);
}


:is(#publicModal, #referralModal) .source-extra-title {
    display: flex;

    align-items: center;

    gap: 6px;

    margin-bottom: 5px;

    font-size: 12px;

    font-weight: 600;
}


:is(#publicModal, #referralModal) .source-extra-note {
    margin-bottom: 9px;

    font-size: 10.5px;

    line-height: 1.7;

    opacity: .8;
}


:is(#publicModal, #referralModal) .referrer-phone-grid {
    display: grid;

    grid-template-columns: 120px minmax(0, 1fr);

    gap: 7px;

    margin-bottom: 7px;
}


:is(#publicModal, #referralModal) .referrer-name-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 7px;
}


:is(#publicModal, #referralModal) .source-extra-panel .form-control,
:is(#publicModal, #referralModal) .source-extra-panel .form-select {
    min-height: 40px;

    font-size: 12px;
}


:is(#publicModal, #referralModal) .source-referrer-success {
    display: flex;

    align-items: center;

    gap: 5px;

    margin: 0 0 7px;

    font-size: 10.5px;

    color: #35c98f;
}


/* =========================================================
   Social choices
   ========================================================= */

:is(#publicModal, #referralModal) .social-choice-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 6px;
}


:is(#publicModal, #referralModal) .social-choice-item {
    display: flex;

    align-items: center;

    gap: 6px;

    min-height: 39px;

    padding: 6px 8px;

    color: inherit;

    font-size: 11px;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 7px;

    background: transparent;
}


:is(#publicModal, #referralModal) .social-choice-item.active {
    border-color: rgba(59,130,246,.7);

    background: rgba(59,130,246,.08);
}


:is(#publicModal, #referralModal) .social-choice-item span {
    flex: 1;

    text-align: right;
}


:is(#publicModal, #referralModal) .social-choice-check {
    font-size: 12px;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767.98px) {

    :is(#publicModal, #referralModal) .public-source-accordion {
        margin-top: 5px;
    }


    :is(#publicModal, #referralModal) .public-source-main-button {
        min-height: 38px;

        padding: 7px 9px !important;

        font-size: 11.5px !important;
    }


    :is(#publicModal, #referralModal) .public-source-main-body {
        padding: 8px !important;
    }


    :is(#publicModal, #referralModal) .public-source-help {
        margin-bottom: 7px;

        font-size: 10.5px;
    }


    :is(#publicModal, #referralModal) .source-choice-grid {
        gap: 5px;
    }


    :is(#publicModal, #referralModal) .source-choice-card {
        min-height: 43px;

        padding: 6px 7px;

        gap: 6px;
    }


    :is(#publicModal, #referralModal) .source-choice-icon {
        width: 25px;
        height: 25px;

        flex-basis: 25px;
    }


    :is(#publicModal, #referralModal) .source-choice-title {
        font-size: 10.5px;
    }


    :is(#publicModal, #referralModal) .source-extra-panel {
        margin-top: 7px;

        padding: 8px;
    }


    :is(#publicModal, #referralModal) .referrer-phone-grid {
        grid-template-columns: 105px minmax(0, 1fr);

        gap: 5px;
    }


    :is(#publicModal, #referralModal) .referrer-name-grid {
        gap: 5px;
    }


    :is(#publicModal, #referralModal) .source-extra-panel .form-control,
    :is(#publicModal, #referralModal) .source-extra-panel .form-select {
        min-height: 38px;

        font-size: 11px;
    }


    :is(#publicModal, #referralModal) .social-choice-grid {
        gap: 5px;
    }


    :is(#publicModal, #referralModal) .social-choice-item {
        min-height: 36px;

        padding: 5px 7px;

        font-size: 10.5px;
    }

}

/* =========================================================
   Searchable Phone Prefix Picker
   ========================================================= */

:is(#publicModal, #referralModal) .phone-prefix-picker {
    position: relative;
    width: 100%;
}


/* دکمه اصلی */
:is(#publicModal, #referralModal) .phone-prefix-trigger {
    width: 100%;
    min-height: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    padding: 7px 10px;

    color: inherit;

    text-align: right;

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 8px;

    background: transparent;

    font-size: 11.5px;
}


:is(#publicModal, #referralModal) .phone-prefix-trigger:hover {
    border-color: rgba(255,255,255,.18);
}


:is(#publicModal, #referralModal) .phone-prefix-selected {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 6px;
}


:is(#publicModal, #referralModal) .phone-prefix-selected strong {
    font-size: 11px;

    opacity: .75;
}


:is(#publicModal, #referralModal) .phone-prefix-trigger > i {
    flex: 0 0 auto;

    font-size: 11px;

    opacity: .7;
}


/* =========================================================
   Dropdown
   ========================================================= */

:is(#publicModal, #referralModal) .phone-prefix-dropdown {
    position: absolute;

    top: calc(100% + 5px);
    right: 0;
    left: 0;

    z-index: 99999 !important;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.12);
    border-radius: 9px;

    background: #202328;

    box-shadow: 0 10px 30px rgba(0,0,0,.28);
}


/* سرچ */
:is(#publicModal, #referralModal) .phone-prefix-search {
    position: relative;

    padding: 7px;

    border-bottom: 1px solid rgba(255,255,255,.07);
}


:is(#publicModal, #referralModal) .phone-prefix-search input {
    width: 100%;
    height: 36px;

    padding: 5px 31px 5px 9px;

    color: inherit;

    font-size: 11px;

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 7px;

    background: rgba(255,255,255,.035);

    outline: none;
}


:is(#publicModal, #referralModal) .phone-prefix-search input:focus {
    border-color: rgba(59,130,246,.65);
}


:is(#publicModal, #referralModal) .phone-prefix-search i {
    position: absolute;

    right: 18px;
    top: 50%;

    transform: translateY(-50%);

    font-size: 12px;

    opacity: .55;
}


/* لیست */
:is(#publicModal, #referralModal) .phone-prefix-options {
    max-height: 230px;

    overflow-y: auto;

    padding: 4px;
}


:is(#publicModal, #referralModal) .phone-prefix-option {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    padding: 7px 8px;

    color: inherit;

    text-align: right;

    border: 0;
    border-radius: 6px;

    background: transparent;
}


:is(#publicModal, #referralModal) .phone-prefix-option:hover {
    background: rgba(255,255,255,.055);
}


:is(#publicModal, #referralModal) .phone-prefix-option.active {
    background: rgba(59,130,246,.12);
}


:is(#publicModal, #referralModal) .phone-prefix-country {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 1px;

    font-size: 11px;
}


:is(#publicModal, #referralModal) .phone-prefix-country small {
    font-size: 9px;

    opacity: .55;
}


:is(#publicModal, #referralModal) .phone-prefix-option strong {
    flex: 0 0 auto;

    font-size: 11px;

    opacity: .8;
}


:is(#publicModal, #referralModal) .phone-prefix-empty {
    padding: 14px 8px;

    text-align: center;

    font-size: 10.5px;

    opacity: .6;
}


/* موبایل */
@media (max-width: 767.98px) {

    :is(#publicModal, #referralModal) .phone-prefix-trigger {
        min-height: 38px;

        padding: 6px 8px;

        font-size: 10.5px;
    }


    :is(#publicModal, #referralModal) .phone-prefix-dropdown {
        position: fixed !important;

        top: 50% !important;
        right: 14px !important;
        left: 14px !important;
        bottom: auto !important;

        width: auto !important;
        max-width: 430px;

        margin: 0 auto;

        transform: translateY(-50%) !important;

        z-index: 999999 !important;

        max-height: 70dvh;

        border-radius: 12px;

        box-shadow:
            0 20px 60px rgba(0, 0, 0, .55);
    }


    :is(#publicModal, #referralModal) .phone-prefix-options {
        max-height: calc(70dvh - 60px);

        overflow-y: auto;
    }
    /* ================================================
       Phone Prefix - Country + Code
       ================================================ */

    :is(#publicModal, #referralModal) .phone-prefix-option {
        width: 100% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        padding: 8px 10px !important;

        text-align: right !important;
    }

    :is(#publicModal, #referralModal) .phone-prefix-option-main {
        width: 100%;
        min-width: 0;

        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 12px;
    }

    :is(#publicModal, #referralModal) .phone-prefix-option-country {
        display: block !important;

        min-width: 0;

        font-size: 11.5px;
        font-weight: 500;

        color: inherit !important;

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    :is(#publicModal, #referralModal) .phone-prefix-option-code {
        flex: 0 0 auto;

        display: inline-block !important;

        font-size: 10.5px;
        font-weight: 300;

        direction: ltr;

        opacity: .75;
    }

    :is(#publicModal, #referralModal) .phone-prefix-option-check {
        flex: 0 0 auto;

        margin-right: 7px;

        font-size: 12px;

        color: #3b82f6;
    }


    :is(#publicModal, #referralModal) .phone-prefix-options {
        max-height: 50vh;
    }

}
/* =========================================================
   FIX - Phone Prefix Dropdown Clipping
   ========================================================= */

/*
 * Dropdown پیش‌شماره داخل Accordion قرار دارد.
 * بنابراین والدها نباید آن را Clip کنند.
 */

:is(#publicModal, #referralModal) .public-source-accordion,
:is(#publicModal, #referralModal) .public-source-accordion > .accordion-item,
:is(#publicModal, #referralModal) .public-source-main-body,
:is(#publicModal, #referralModal) .source-extra-panel,
:is(#publicModal, #referralModal) .referrer-phone-grid {
    overflow: visible !important;
}


/* خود collapse هم اجازه خروج dropdown را بدهد */
:is(#publicModal, #referralModal) #sourceMainCollapse {
    overflow: visible !important;
}


/* والد dropdown */
:is(#publicModal, #referralModal) .phone-prefix-picker {
    position: relative !important;
    z-index: 100 !important;
}


/* وقتی dropdown باز است از بقیه فرم بالاتر باشد */
:is(#publicModal, #referralModal) .phone-prefix-dropdown {
    z-index: 99999 !important;
}


/*
 * ردیف پیش‌شماره و شماره موبایل
 * خودش stacking context بالاتری داشته باشد.
 */
:is(#publicModal, #referralModal) .referrer-phone-grid {
    position: relative !important;
    z-index: 50 !important;
}


/*
 * بقیه فیلدها زیر dropdown قرار بگیرند
 */
:is(#publicModal, #referralModal) .referrer-name-grid {
    position: relative;
    z-index: 1;
}
@media (max-width: 767.98px) {

    :is(#publicModal, #referralModal) .phone-prefix-option {
        min-height: 40px;

        padding: 7px 9px !important;
    }

    :is(#publicModal, #referralModal) .phone-prefix-option-country {
        font-size: 11px;
    }

    :is(#publicModal, #referralModal) .phone-prefix-option-code {
        font-size: 11px;
    }

}
/* =========================================================
   Scholarship Jalali Date Picker
   ========================================================= */

.admin-scholarship-date-pickers {
    position: relative;
}

.admin-scholarship-date-trigger {
    width: 100%;
    min-height: 52px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 8px 11px;

    color: inherit;

    text-align: right;

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 9px;

    background: rgba(255, 255, 255, .025);

    transition: .15s ease;
}

.admin-scholarship-date-trigger:hover {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .04);
}

.admin-scholarship-date-trigger.has-value {
    border-color: rgba(59, 130, 246, .35);
}

.admin-scholarship-date-icon {
    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;

    background: rgba(59, 130, 246, .09);
}

.admin-scholarship-date-icon i {
    font-size: 14px;
}

.admin-scholarship-date-value {
    flex: 1;

    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.admin-scholarship-date-value small {
    font-size: 10px;
    opacity: .55;
}

.admin-scholarship-date-value strong {
    font-size: 12px;
    font-weight: 600;
}

.admin-scholarship-date-arrow {
    flex: 0 0 auto;

    opacity: .55;
}

.admin-scholarship-date-arrow i {
    font-size: 10px;

    transition: transform .2s ease;
}

.admin-scholarship-date-arrow i.rotate {
    transform: rotate(180deg);
}


/* Calendar container */

.admin-scholarship-calendar-dropdown {
    margin-top: 7px;

    padding: 8px;

    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 10px;

    background: rgba(255, 255, 255, .025);
}


/* Clear */

.admin-scholarship-date-clear {
    width: 100%;

    margin-top: 7px;

    padding: 7px;

    font-size: 10.5px;

    color: #ff8585;

    border: 0;
    border-radius: 7px;

    background: rgba(239, 68, 68, .07);
}

.admin-scholarship-date-clear:hover {
    background: rgba(239, 68, 68, .12);
}


/* Alpine */

[x-cloak] {
    display: none !important;
}


/* =========================================================
   Admin Scholarship Steps
   ========================================================= */

.admin-scholarship-steps-panel {
    overflow: hidden;
}


.admin-scholarship-steps-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}


.admin-scholarship-steps-head p {
    margin: 6px 0 0;

    max-width: 650px;

    font-size: 12px;
    line-height: 1.8;

    color: #9ba9bb;
}


.admin-scholarship-step-count {
    flex: 0 0 auto;

    display: flex;
    align-items: center;

    gap: 7px;

    padding: 7px 10px;

    border-radius: 8px;

    background: rgba(59, 130, 246, .08);

    font-size: 11px;
}


.admin-scholarship-step-alert {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 12px;

    padding: 10px 12px;

    border: 1px solid rgba(34, 197, 94, .18);
    border-radius: 9px;

    color: #86efac;

    background: rgba(34, 197, 94, .07);

    font-size: 12px;
}


.admin-scholarship-step-notice {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    margin-bottom: 14px;

    padding: 10px 12px;

    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 9px;

    background: rgba(255, 255, 255, .025);
}


.admin-scholarship-step-notice > i {
    margin-top: 3px;

    color: #94a3b8;
}


.admin-scholarship-step-notice div {
    display: flex;
    flex-direction: column;

    gap: 2px;
}


.admin-scholarship-step-notice strong {
    font-size: 11.5px;
}


.admin-scholarship-step-notice span {
    font-size: 10.5px;

    color: #94a3b8;
}


/* List */

.admin-scholarship-steps-list {
    display: flex;
    flex-direction: column;

    gap: 7px;
}


.admin-scholarship-step-card {
    position: relative;

    display: flex;
    align-items: stretch;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.075);
    border-radius: 10px;

    background: rgba(255,255,255,.018);

    transition: .15s ease;
}


.admin-scholarship-step-card:hover {
    border-color: rgba(255,255,255,.12);
}


.admin-scholarship-step-card.is-disabled {
    opacity: .55;
}


.admin-scholarship-step-card.is-editing {
    opacity: 1;

    border-color: rgba(59,130,246,.35);

    background: rgba(59,130,246,.025);
}


/* Number */

.admin-scholarship-step-number {
    width: 48px;

    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-left: 1px solid rgba(255,255,255,.06);

    font-size: 15px;
    font-weight: 700;

    color: #7aa7ff;

    background: rgba(59,130,246,.045);
}


/* Content */

.admin-scholarship-step-content {
    min-width: 0;

    flex: 1;

    padding: 10px 12px;
}


.admin-scholarship-step-main {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 10px;
}


.admin-scholarship-step-info {
    min-width: 0;
}


.admin-scholarship-step-title-row {
    display: flex;
    align-items: center;

    gap: 8px;

    flex-wrap: wrap;
}


.admin-scholarship-step-title-row h4 {
    margin: 0;

    font-size: 13px;
    font-weight: 600;
}


.admin-scholarship-step-status {
    padding: 2px 7px;

    border-radius: 20px;

    font-size: 9.5px;
}


.admin-scholarship-step-status.active {
    color: #86efac;

    background: rgba(34,197,94,.10);
}


.admin-scholarship-step-status.inactive {
    color: #fca5a5;

    background: rgba(239,68,68,.10);
}


.admin-scholarship-step-meta {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;

    margin-top: 5px;

    font-size: 10px;

    color: #8898aa;
}


.admin-scholarship-step-meta span {
    display: flex;
    align-items: center;

    gap: 4px;
}


/* Actions */

.admin-scholarship-step-actions {
    flex: 0 0 auto;

    display: flex;

    gap: 5px;
}


.admin-scholarship-step-action {
    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 7px;

    font-size: 11px;
}


.admin-scholarship-step-action.edit {
    color: #93c5fd;

    background: rgba(59,130,246,.10);
}


.admin-scholarship-step-action.disable {
    color: #fca5a5;

    background: rgba(239,68,68,.08);
}


.admin-scholarship-step-action.enable {
    color: #86efac;

    background: rgba(34,197,94,.08);
}


/* Technical */

.admin-scholarship-step-tech {
    display: flex;
    align-items: center;

    gap: 6px;

    margin-top: 7px;

    padding-top: 7px;

    border-top: 1px dashed rgba(255,255,255,.055);

    font-size: 9px;

    color: #66768a;
}


.admin-scholarship-step-tech code {
    direction: ltr;

    max-width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #8290a3;
}


/* Edit */

.admin-scholarship-step-edit-form {
    width: 100%;
}


.admin-scholarship-step-edit-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 10px;
}


.admin-scholarship-step-edit-head div {
    display: flex;
    flex-direction: column;
}


.admin-scholarship-step-edit-head span {
    font-size: 9.5px;

    color: #8190a3;
}


.admin-scholarship-step-edit-head strong {
    font-size: 12px;
}


.admin-scholarship-step-form-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 2fr)
        minmax(110px, 1fr);

    gap: 8px;
}


.admin-scholarship-step-form-group label {
    display: block;

    margin-bottom: 4px;

    font-size: 10px;

    color: #a5b2c2;
}


.admin-scholarship-step-form-group .form-control {
    min-height: 38px;

    font-size: 11.5px;
}


/* Switch */

.admin-scholarship-step-switch {
    display: flex;
    align-items: center;

    gap: 7px;

    margin-top: 10px;

    font-size: 10.5px;

    cursor: pointer;
}


.admin-scholarship-step-switch input {
    display: none;
}


.admin-scholarship-step-switch-ui {
    position: relative;

    width: 34px;
    height: 18px;

    flex: 0 0 34px;

    border-radius: 20px;

    background: rgba(255,255,255,.13);

    transition: .2s ease;
}


.admin-scholarship-step-switch-ui::after {
    content: "";

    position: absolute;

    top: 3px;
    right: 3px;

    width: 12px;
    height: 12px;

    border-radius: 50%;

    background: #fff;

    transition: .2s ease;
}


.admin-scholarship-step-switch input:checked
+ .admin-scholarship-step-switch-ui {
    background: #2563eb;
}


.admin-scholarship-step-switch input:checked
+ .admin-scholarship-step-switch-ui::after {
    transform: translateX(-16px);
}


/* Locked */

.admin-scholarship-step-locked-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 7px;

    margin-top: 10px;
}


.admin-scholarship-step-locked-grid > div {
    min-width: 0;

    padding: 7px 8px;

    border-radius: 7px;

    background: rgba(255,255,255,.025);
}


.admin-scholarship-step-locked-grid span {
    display: block;

    margin-bottom: 2px;

    font-size: 8.5px;

    color: #69788b;
}


.admin-scholarship-step-locked-grid code {
    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    direction: ltr;

    font-size: 9px;

    color: #8898ac;
}


.admin-scholarship-step-edit-actions {
    display: flex;

    gap: 6px;

    margin-top: 10px;
}


/* Mobile */

@media (max-width: 767.98px) {

    .admin-scholarship-steps-head {
        gap: 10px;
    }

    .admin-scholarship-steps-head p {
        font-size: 10.5px;
    }

    .admin-scholarship-step-number {
        width: 38px;

        flex-basis: 38px;

        font-size: 12px;
    }

    .admin-scholarship-step-content {
        padding: 8px;
    }

    .admin-scholarship-step-title-row h4 {
        font-size: 11.5px;
    }

    .admin-scholarship-step-meta {
        gap: 6px;

        font-size: 9px;
    }

    .admin-scholarship-step-tech {
        display: none;
    }

    .admin-scholarship-step-form-grid {
        grid-template-columns: 1fr;
    }

    .admin-scholarship-step-locked-grid {
        grid-template-columns: 1fr;
    }

}
.admin-scholarship-steps-panel {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

/* =========================================================
     Scholarship Step Zero
     ========================================================= */

.scholarship-zero {
    width: 100%;
    max-width: 920px;

    margin: 0 auto;

    display: flex;
    flex-direction: column;

    gap: 16px;

    box-sizing: border-box;
}


/* =========================================================
   Hero
   ========================================================= */

.scholarship-zero-hero {
    display: flex;
    align-items: center;

    gap: 18px;

    padding: 24px;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;

    background:
        radial-gradient(
            circle at top right,
            rgba(59,130,246,.14),
            transparent 42%
        ),
        rgba(255,255,255,.025);

    box-shadow:
        0 12px 30px rgba(0,0,0,.12);
}


.scholarship-zero-hero-icon {
    width: 72px;
    height: 72px;

    flex: 0 0 72px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 20px;

    font-size: 30px;

    color: #93c5fd;

    background: rgba(59,130,246,.12);

    border: 1px solid rgba(96,165,250,.15);
}


.scholarship-zero-hero-content {
    min-width: 0;
}


.scholarship-zero-badge {
    display: inline-flex;

    margin-bottom: 8px;

    padding: 5px 10px;

    border-radius: 30px;

    font-size: 11px;

    color: #93c5fd;

    background: rgba(59,130,246,.10);
}


.scholarship-zero-hero h2 {
    margin: 0 0 7px;

    font-size: 21px;
    font-weight: 700;

    line-height: 1.6;
}


.scholarship-zero-hero p {
    max-width: 650px;

    margin: 0;

    font-size: 13px;
    line-height: 2;

    color: #9eacbd;
}


/* =========================================================
   Card
   ========================================================= */

.scholarship-zero-card {
    padding: 20px;

    border: 1px solid rgba(255,255,255,.07);
    border-radius: 16px;

    background: rgba(255,255,255,.018);
}


.scholarship-zero-card-head {
    display: flex;
    align-items: center;

    gap: 11px;

    margin-bottom: 13px;
}


.scholarship-zero-card-icon {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    color: #93c5fd;

    background: rgba(59,130,246,.09);

    font-size: 17px;
}


.scholarship-zero-card-head span {
    display: block;

    margin-bottom: 2px;

    font-size: 10px;

    color: #75859a;
}


.scholarship-zero-card-head h3 {
    margin: 0;

    font-size: 14px;
    font-weight: 600;
}


.scholarship-zero-card-description {
    margin: 0 0 16px;

    font-size: 12px;
    line-height: 1.9;

    color: #94a3b8;
}


/* =========================================================
   Video
   ========================================================= */

.scholarship-zero-video {
    overflow: hidden;

    border-radius: 12px;

    background: #000;
}


.scholarship-zero-video video {
    display: block;

    width: 100%;
    max-height: 440px;
}


/* =========================================================
   Steps
   ========================================================= */

.scholarship-zero-steps {
    display: grid;

    grid-template-columns:
                repeat(3, minmax(0, 1fr));

    gap: 9px;
}


.scholarship-zero-step {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 9px;

    padding: 11px;

    border: 1px solid rgba(255,255,255,.06);
    border-radius: 11px;

    background: rgba(255,255,255,.018);

    transition:
        border-color .15s ease,
        background .15s ease;
}


.scholarship-zero-step:hover {
    border-color: rgba(96,165,250,.2);

    background: rgba(59,130,246,.035);
}


.scholarship-zero-step-number {
    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    font-size: 12px;
    font-weight: 700;

    color: #93c5fd;

    background: rgba(59,130,246,.09);
}


.scholarship-zero-step-info {
    flex: 1;

    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 1px;
}


.scholarship-zero-step-info small {
    font-size: 9px;

    color: #69798d;
}


.scholarship-zero-step-info strong {
    overflow: hidden;

    font-size: 11.5px;

    white-space: nowrap;
    text-overflow: ellipsis;
}


.scholarship-zero-step-check {
    flex: 0 0 auto;

    font-size: 10px;

    color: #56677b;
}


/* =========================================================
   Tips
   ========================================================= */

.scholarship-zero-tips {
    display: grid;

    grid-template-columns:
                repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.scholarship-zero-tip {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    padding: 14px;

    border: 1px solid rgba(255,255,255,.06);
    border-radius: 13px;

    background: rgba(255,255,255,.015);
}


.scholarship-zero-tip-icon {
    width: 32px;
    height: 32px;

    flex: 0 0 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    color: #86efac;

    background: rgba(34,197,94,.08);

    font-size: 13px;
}


.scholarship-zero-tip strong {
    display: block;

    margin-bottom: 4px;

    font-size: 11.5px;
}


.scholarship-zero-tip p {
    margin: 0;

    font-size: 10px;
    line-height: 1.8;

    color: #8391a3;
}


/* =========================================================
   Start CTA
   ========================================================= */

.scholarship-zero-start {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 18px 20px;

    border: 1px solid rgba(59,130,246,.15);
    border-radius: 15px;

    background: rgba(59,130,246,.045);
}


.scholarship-zero-start > div {
    display: flex;
    flex-direction: column;

    gap: 2px;
}


.scholarship-zero-start > div span {
    font-size: 10px;

    color: #8191a5;
}


.scholarship-zero-start > div strong {
    font-size: 14px;
}


.scholarship-zero-start-btn {
    min-width: 170px;

    padding: 10px 17px;

    border: 0;
    border-radius: 10px;

    color: #fff;

    background: #2563eb;

    font-size: 12px;
    font-weight: 600;

    transition:
        transform .15s ease,
        background .15s ease;
}


.scholarship-zero-start-btn:hover {
    transform: translateY(-1px);

    background: #1d4ed8;
}


.scholarship-zero-start-btn:disabled {
    opacity: .65;

    cursor: not-allowed;
}


.scholarship-zero-start-btn span {
    display: inline-flex;
    align-items: center;

    gap: 7px;
}


/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 991.98px) {

    .scholarship-zero-steps {
        grid-template-columns:
                    repeat(2, minmax(0, 1fr));
    }

    .scholarship-zero-tips {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 575.98px) {

    .scholarship-zero {
        gap: 11px;
    }


    .scholarship-zero-hero {
        align-items: flex-start;

        gap: 12px;

        padding: 16px;
    }


    .scholarship-zero-hero-icon {
        width: 48px;
        height: 48px;

        flex-basis: 48px;

        border-radius: 13px;

        font-size: 20px;
    }


    .scholarship-zero-hero h2 {
        font-size: 16px;
    }


    .scholarship-zero-hero p {
        font-size: 11px;
        line-height: 1.8;
    }


    .scholarship-zero-card {
        padding: 14px;
    }


    .scholarship-zero-steps {
        grid-template-columns: 1fr;
    }


    .scholarship-zero-start {
        flex-direction: column;
        align-items: stretch;

        padding: 15px;
    }


    .scholarship-zero-start-btn {
        width: 100%;
        min-width: 0;
    }

}
[x-cloak] {
    display: none !important;
}
/* =========================================================
   Scholarship Deadline - Compact Strip
   ========================================================= */

.scholarship-deadline-strip {
    position: relative;
    display: grid;
    grid-template-columns: minmax(180px, .9fr) auto minmax(165px, .8fr);
    align-items: center;
    gap: 18px;

    width: 100%;
    margin-bottom: 14px;
    padding: 12px 16px 15px;

    color: #fff;

    background:
        linear-gradient(
            115deg,
            #17243a 0%,
            #203653 50%,
            #244a4d 100%
        );

    border-radius: 14px;

    box-shadow:
        0 7px 20px rgba(16, 30, 50, .12);

    overflow: hidden;
}


/* عنوان */

.deadline-strip-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.deadline-strip-icon {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .08);

    font-size: 17px;
}

.deadline-strip-title small {
    display: block;

    margin-bottom: 2px;

    color: rgba(255, 255, 255, .60);

    font-size: 10px;
    line-height: 1.4;
}

.deadline-strip-title strong {
    display: block;

    color: #fff;

    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;

    white-space: nowrap;
}


/* شمارنده */

.deadline-strip-counter {
    direction: ltr;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 6px;
}

.deadline-counter-unit {
    min-width: 42px;
    text-align: center;
}

.deadline-counter-unit strong {
    display: block;

    font-size: 19px;
    line-height: 1;
    font-weight: 900;

    font-variant-numeric: tabular-nums;

    color: #fff;
}

.deadline-counter-unit span {
    display: block;

    margin-top: 4px;

    font-size: 8px;
    line-height: 1;

    color: rgba(255, 255, 255, .52);
}

.deadline-counter-separator {
    margin-top: -9px;

    color: rgba(255, 255, 255, .35);

    font-size: 16px;
    font-weight: 700;
}


/* تاریخ پایان */

.deadline-strip-end {
    text-align: left;
    min-width: 0;
}

.deadline-strip-end small {
    display: block;

    margin-bottom: 2px;

    color: rgba(255, 255, 255, .52);

    font-size: 9px;
}

.deadline-strip-end strong {
    display: block;

    color: #fff;

    font-size: 10px;
    font-weight: 700;

    white-space: nowrap;
}

.deadline-strip-end .js-scholarship-deadline-status {
    display: inline-block;

    margin-top: 4px;
    padding: 2px 7px;

    border-radius: 20px;

    background: rgba(83, 219, 143, .14);

    color: #74e7a7;

    font-size: 8px;
    font-weight: 800;
}


/* مهلت تمام‌شده */

.deadline-strip-end
.js-scholarship-deadline-status.is-ended {
    background: rgba(255, 101, 101, .14);
    color: #ff9494;
}

.scholarship-deadline-strip.is-ended {
    background:
        linear-gradient(
            115deg,
            #342128 0%,
            #48292e 100%
        );
}


/* Progress bar */

.deadline-strip-progress {
    position: absolute;

    right: 0;
    bottom: 0;
    left: 0;

    height: 3px;

    background: rgba(255, 255, 255, .08);
}

.deadline-strip-progress-bar {
    height: 100%;

    background:
        linear-gradient(
            90deg,
            #64d99c,
            #f1c96b
        );

    border-radius: 0 10px 10px 0;

    transition: width .5s ease;
}


/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 991px) {

    .scholarship-deadline-strip {
        grid-template-columns: 1fr auto;
        gap: 10px 14px;
    }

    .deadline-strip-end {
        grid-column: 1 / -1;

        display: flex;
        align-items: center;
        justify-content: space-between;

        padding-top: 7px;

        border-top: 1px solid rgba(255, 255, 255, .07);

        text-align: right;
    }

    .deadline-strip-end small {
        margin: 0;
    }

    .deadline-strip-end strong {
        margin-right: auto;
        margin-left: 8px;
    }

    .deadline-strip-end .js-scholarship-deadline-status {
        margin-top: 0;
    }
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 575px) {

    .scholarship-deadline-strip {
        display: block;

        padding: 11px 12px 14px;

        border-radius: 12px;
    }

    .deadline-strip-title {
        margin-bottom: 11px;
    }

    .deadline-strip-icon {
        width: 31px;
        height: 31px;
        flex-basis: 31px;

        font-size: 15px;
    }

    .deadline-strip-title strong {
        font-size: 11px;
    }

    .deadline-strip-counter {
        justify-content: space-between;

        padding: 9px 10px;

        background: rgba(255, 255, 255, .06);

        border-radius: 9px;
    }

    .deadline-counter-unit {
        min-width: 36px;
    }

    .deadline-counter-unit strong {
        font-size: 17px;
    }

    .deadline-strip-end {
        display: flex;
        align-items: center;

        margin-top: 9px;
        padding-top: 8px;

        border-top: 1px solid rgba(255, 255, 255, .07);
    }

    .deadline-strip-end small {
        margin: 0 0 0 6px;
    }

    .deadline-strip-end strong {
        margin-left: auto;

        font-size: 9px;
    }

    .deadline-strip-end .js-scholarship-deadline-status {
        margin: 0 7px 0 0;
    }
}


/*re style step2 */

/* =========================================================
   توضیحات بیشتر / کمتر
   ========================================================= */

.step2-description-collapse {
    position: relative;
}

.step2-description-collapse p {
    margin: 0;
    line-height: 2;
}

.step2-description-collapse:not(.expanded) p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;

    overflow: hidden;
}

.step2-more-btn {
    display: inline-flex;
    align-items: center;

    margin-top: 6px;
    padding: 0;

    border: 0;
    background: transparent;

    color: #3f6fd8;

    font-size: 12px;
    font-weight: 800;

    cursor: pointer;
}



/* =========================================================
   پیشرفت کل دوره
   ========================================================= */

.step2-course-progress {
    margin: 14px 0 18px;
    padding: 13px 14px;

    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 12px;

    background: rgba(0, 0, 0, .025);
}

.step2-course-progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 9px;
}

.step2-course-progress-head > div:first-child {
    display: flex;
    flex-direction: column;

    gap: 3px;
}

.step2-course-progress-head strong {
    font-size: 12px;
}

.step2-course-progress-head small {
    font-size: 9px;
    opacity: .65;
}

.step2-course-progress-number {
    font-size: 15px;
    font-weight: 900;
}

.step2-course-progress-track {
    width: 100%;
    height: 7px;

    overflow: hidden;

    border-radius: 999px;

    background: rgba(0, 0, 0, .08);
}

.step2-course-progress-bar {
    height: 100%;

    border-radius: inherit;

    background: linear-gradient(
        90deg,
        #3f76d3,
        #45b77c
    );

    transition: width .3s ease;
}



/* =========================================================
   آکاردئون جلسات
   ========================================================= */

.step2-lessons-accordion {
    display: flex;
    flex-direction: column;

    gap: 9px;
}

.step2-lesson-accordion-item {
    overflow: hidden;

    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 12px;

    background: rgba(255, 255, 255, .025);
}

.step2-lesson-summary {
    min-height: 62px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding: 11px 13px;

    cursor: pointer;

    list-style: none;

    user-select: none;
}

.step2-lesson-summary::-webkit-details-marker {
    display: none;
}

.step2-lesson-summary-main {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 10px;
}

.step2-lesson-number {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: rgba(72, 117, 203, .11);

    font-size: 11px;
    font-weight: 900;
}

.step2-lesson-info {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 3px;
}

.step2-lesson-info strong {
    font-size: 12px;
}

.step2-lesson-info small {
    font-size: 9px;
    opacity: .60;
}

.step2-lesson-status {
    display: flex;
    align-items: center;

    gap: 8px;

    flex-shrink: 0;
}

.step2-lesson-percent {
    min-width: 37px;

    font-size: 10px;
    font-weight: 800;

    text-align: center;
}

.step2-lesson-arrow {
    font-size: 16px;

    transition: transform .25s ease;
}

.step2-lesson-accordion-item[open]
.step2-lesson-arrow {
    transform: rotate(180deg);
}

.step2-lesson-content {
    padding: 0 13px 14px;

    border-top: 1px solid rgba(0, 0, 0, .05);
}

.step2-lesson-video {
    padding-top: 13px;
}

.step2-lesson-video video {
    display: block;

    width: 100%;

    border-radius: 10px;

    background: #000;

    aspect-ratio: 16 / 9;
}



/* =========================================================
   درصد مشاهده هر ویدیو
   ========================================================= */

.step2-video-watch-status {
    margin-top: 10px;
}

.step2-video-watch-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 6px;

    font-size: 10px;
}

.step2-video-watch-head strong {
    font-size: 10px;
}

.step2-video-progress-track {
    width: 100%;
    height: 5px;

    overflow: hidden;

    border-radius: 999px;

    background: rgba(0, 0, 0, .08);
}

.step2-video-progress-bar {
    height: 100%;

    border-radius: inherit;

    background: #45b77c;

    transition: width .25s ease;
}

.step2-video-progress-note {
    display: flex;
    align-items: flex-start;

    gap: 7px;

    margin-top: 13px;

    padding: 9px 11px;

    border-radius: 9px;

    background: rgba(65, 105, 185, .06);

    font-size: 9px;
    line-height: 1.8;
}



/* =========================================================
   فیلدهای کد
   ========================================================= */

.step2-code-field {
    flex: 1;

    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 6px;
}

.step2-code-field label {
    display: block;

    text-align: center;

    font-size: 9px;
    font-weight: 700;

    opacity: .7;
}

.step2-code-field .step2-code-input {
    width: 100%;
}



/* =========================================================
   موبایل
   ========================================================= */

@media (max-width: 767px) {

    .step2-lesson-summary {
        min-height: 58px;

        padding: 10px;
    }

    .step2-lesson-number {
        width: 32px;
        height: 32px;

        flex-basis: 32px;
    }

    .step2-lesson-info strong {
        font-size: 11px;
    }

    .step2-lesson-info small {
        font-size: 8px;
    }

    .step2-lesson-content {
        padding: 0 10px 11px;
    }

    .step2-course-progress {
        padding: 11px;
    }

}


     /* =====================================================
        بیشتر / کمتر توضیحات دوره
        ===================================================== */

 .step2-about-details {
     margin-top: 7px;
     margin-bottom: 14px;
 }

.step2-about-details summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    list-style: none;
    cursor: pointer;

    padding: 3px 0;
}

.step2-about-details summary::-webkit-details-marker {
    display: none;
}

.step2-about-preview {
    display: block;
    min-width: 0;
    flex: 1;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    font-size: 12px;
    line-height: 1.9;
    opacity: .78;
}

.step2-about-toggle {
    flex: 0 0 auto;

    color: #4773d1;
    font-size: 11px;
    font-weight: 800;
}

.step2-about-toggle::before {
    content: "بیشتر";
}

.step2-about-details[open]
.step2-about-toggle::before {
    content: "کمتر";
}

.step2-about-extra {
    margin-top: 8px;
    padding-top: 9px;

    border-top:
        1px solid rgba(0, 0, 0, .06);
}

.step2-about-extra p {
    margin: 0 0 8px;

    font-size: 12px;
    line-height: 2;
    opacity: .78;
}

.step2-about-extra p:last-child {
    margin-bottom: 0;
}



/* =====================================================
   آکاردئون جلسات - جمع‌وجورتر
   ===================================================== */

.step2-lessons-accordion {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.step2-lesson-accordion-item {
    overflow: hidden;

    border:
        1px solid rgba(0, 0, 0, .07);

    border-radius: 11px;

    background:
        rgba(255, 255, 255, .025);
}

.step2-lesson-summary {
    min-height: 48px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    padding: 8px 10px;

    cursor: pointer;
    list-style: none;
    user-select: none;
}

.step2-lesson-summary::-webkit-details-marker {
    display: none;
}

.step2-lesson-summary-main {
    min-width: 0;

    display: flex;
    align-items: center;
    gap: 9px;
}

.step2-lesson-number {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    background:
        rgba(72, 117, 203, .11);

    font-size: 10px;
    font-weight: 900;
}

.step2-lesson-info {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.step2-lesson-info strong {
    font-size: 11px;
    line-height: 1.5;
}

.step2-lesson-info small {
    font-size: 8px;
    line-height: 1.5;
    opacity: .6;
}

.step2-lesson-status {
    display: flex;
    align-items: center;

    gap: 7px;

    flex-shrink: 0;
}

.step2-lesson-percent {
    min-width: 34px;

    font-size: 9px;
    font-weight: 800;

    text-align: center;
}

.step2-lesson-arrow {
    font-size: 15px;

    transition:
        transform .25s ease;
}

.step2-lesson-accordion-item[open]
.step2-lesson-arrow {
    transform: rotate(180deg);
}



/* =====================================================
   محتوای بازشده جلسه
   ===================================================== */

.step2-lesson-content {
    padding: 12px;

    border-top:
        1px solid rgba(0, 0, 0, .05);
}

.step2-lesson-body {
    display: grid;

    /*
     * حدود یک سوم برای ویدیو
     * دو سوم برای توضیحات
     */

    grid-template-columns:
                minmax(220px, 30%)
                minmax(0, 70%);

    gap: 16px;

    align-items: start;
}



/* =====================================================
   ویدیوی کوچک‌تر هر جلسه
   ===================================================== */

.step2-lesson-media {
    min-width: 0;
}

.step2-lesson-video {
    width: 100%;
    max-width: 280px;
}

.step2-lesson-video video {
    display: block;

    width: 100%;

    aspect-ratio: 16 / 9;

    object-fit: cover;

    background: #000;

    border-radius: 8px;
}



/* =====================================================
   میزان مشاهده هر جلسه
   ===================================================== */

.step2-video-watch-status {
    width: 100%;
    max-width: 280px;

    margin-top: 7px;
}

.step2-video-watch-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-bottom: 5px;

    font-size: 9px;
}

.step2-video-watch-head strong {
    font-size: 9px;
}

.step2-video-progress-track {
    width: 100%;
    height: 4px;

    overflow: hidden;

    border-radius: 999px;

    background:
        rgba(0, 0, 0, .08);
}

.step2-video-progress-bar {
    height: 100%;

    border-radius: inherit;

    background: #45b77c;

    transition:
        width .25s ease;
}



/* =====================================================
   توضیحات هر جلسه
   ===================================================== */

.step2-lesson-description {
    min-width: 0;

    padding: 2px 3px;
}

.step2-lesson-description-head {
    margin-bottom: 8px;
}

.step2-lesson-description-head > span {
    display: block;

    margin-bottom: 3px;

    color: #7d899a;

    font-size: 9px;
    font-weight: 700;
}

.step2-lesson-description-head h5 {
    margin: 0;

    font-size: 13px;
    font-weight: 800;
    line-height: 1.7;
}

.step2-lesson-description-text {
    font-size: 11px;
    line-height: 2;
}

.step2-lesson-description-text p {
    margin: 0;

    white-space: normal;
}



/* =====================================================
   نکته هر جلسه
   ===================================================== */

.step2-lesson-note {
    display: flex;
    align-items: flex-start;

    gap: 8px;

    margin-top: 11px;
    padding: 8px 10px;

    border-radius: 8px;

    background:
        rgba(241, 188, 67, .08);

    border:
        1px solid rgba(241, 188, 67, .15);
}

.step2-lesson-note-icon {
    flex: 0 0 auto;

    font-size: 14px;
}

.step2-lesson-note strong {
    display: block;

    margin-bottom: 2px;

    font-size: 9px;
}

.step2-lesson-note p {
    margin: 0;

    font-size: 9px;
    line-height: 1.8;

    opacity: .75;
}



/* =====================================================
   کد اول / دوم / سوم
   ===================================================== */

.step2-code-field {
    flex: 1;

    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 6px;
}

.step2-code-field label {
    display: block;

    text-align: center;

    font-size: 9px;
    font-weight: 700;

    opacity: .7;
}

.step2-code-field .step2-code-input {
    width: 100%;
}



/* =====================================================
   موبایل
   ===================================================== */

@media (max-width: 767px) {

    .step2-about-preview {
        font-size: 11px;
    }

    .step2-lesson-body {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .step2-lesson-video {
        width: min(100%, 300px);
        max-width: 300px;

        margin: 0 auto;
    }

    .step2-video-watch-status {
        width: min(100%, 300px);
        max-width: 300px;

        margin: 7px auto 0;
    }

    .step2-lesson-description {
        padding: 0;
    }

    .step2-lesson-summary {
        min-height: 46px;

        padding: 8px;
    }

    .step2-lesson-number {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }

    .step2-lesson-info strong {
        font-size: 10px;
    }

    .step2-lesson-info small {
        font-size: 8px;
    }

    .step2-lesson-content {
        padding: 10px;
    }

}


.step3-score-mini {
    min-width: 118px;
    padding: 12px 15px;

    border-radius: 14px;

    background: linear-gradient(
        135deg,
        #17233d 0%,
        #23365d 100%
    );

    border: 1px solid rgba(255, 255, 255, .10);

    box-shadow:
        0 8px 22px rgba(17, 31, 58, .18);

    color: #fff;

    text-align: center;
}

.step3-score-mini > span {
    display: block;

    margin-bottom: 6px;

    color: rgba(255, 255, 255, .72);

    font-size: 10px;
    font-weight: 600;
}

.step3-score-mini .score-mini-value {
    display: flex;
    align-items: baseline;
    justify-content: center;

    gap: 5px;
}

.step3-score-mini .score-mini-value strong {
    color: #fff;

    font-size: 24px;
    font-weight: 900;

    line-height: 1;
}

.step3-score-mini .score-mini-value small {
    color: rgba(255, 255, 255, .68);

    font-size: 10px;
    font-weight: 500;
}

@media (max-width: 767px) {

    .step3-score-mini {
        min-width: 105px;
        padding: 10px 12px;
        border-radius: 12px;
    }

    .step3-score-mini .score-mini-value strong {
        font-size: 21px;
    }

}

/* =========================================================
   Header - Referral Step
   ========================================================= */

.step4-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 22px;
    padding: 18px 20px;

    border-radius: 16px;

    background: rgba(255, 255, 255, .025);

    border: 1px solid rgba(255, 255, 255, .07);
}

.step4-title {
    min-width: 0;
    flex: 1;
}

.step4-badge {
    display: inline-flex;
    align-items: center;

    margin-bottom: 8px;
    padding: 5px 10px;

    border-radius: 999px;

    background: rgba(67, 111, 196, .12);

    color: #769be8;

    font-size: 10px;
    font-weight: 800;
}

.step4-title h3 {
    margin: 0 0 7px;

    font-size: 18px;
    font-weight: 900;
}

.step4-title p {
    margin: 0;

    max-width: 720px;

    font-size: 11px;
    line-height: 1.9;

    opacity: .68;
}


/* =========================================================
   Score Box - استاندارد سورمه‌ای
   ========================================================= */

.step4-score-mini {
    min-width: 118px;

    padding: 12px 15px;

    border-radius: 14px;

    background: linear-gradient(
        135deg,
        #17233d 0%,
        #23365d 100%
    );

    border: 1px solid rgba(255, 255, 255, .10);

    box-shadow:
        0 8px 22px rgba(17, 31, 58, .18);

    color: #fff;

    text-align: center;
}

.step4-score-mini > span {
    display: block;

    margin-bottom: 6px;

    color: rgba(255, 255, 255, .72);

    font-size: 10px;
    font-weight: 600;
}

.step4-score-mini .score-mini-value {
    display: flex;
    align-items: baseline;
    justify-content: center;

    gap: 5px;
}

.step4-score-mini .score-mini-value strong {
    color: #fff;

    font-size: 24px;
    font-weight: 900;

    line-height: 1;
}

.step4-score-mini .score-mini-value small {
    color: rgba(255, 255, 255, .68);

    font-size: 10px;
    font-weight: 500;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

    .step4-header {
        gap: 12px;

        padding: 14px;
    }

    .step4-title h3 {
        font-size: 15px;
    }

    .step4-title p {
        font-size: 10px;
    }

    .step4-score-mini {
        min-width: 105px;

        padding: 10px 12px;

        border-radius: 12px;
    }

    .step4-score-mini .score-mini-value strong {
        font-size: 21px;
    }

}

/* =========================================================
    Step Completion Alert
    ========================================================= */

.scholarship-step-completed-alert {
    position: fixed;

    top: 24px;
    left: 50%;

    transform: translateX(-50%);

    width: min(
        calc(100% - 30px),
        520px
    );

    z-index: 99999;

    animation:
        scholarshipAlertEnter
        .35s
        ease-out;
}


.step-completed-alert-card {
    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 14px;

    padding: 18px;

    overflow: hidden;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #14213d 0%,
            #1d3158 100%
        );

    border:
        1px solid
        rgba(255, 255, 255, .12);

    box-shadow:
        0 22px 60px
        rgba(8, 18, 38, .32);

    color: #fff;
}


/*
|--------------------------------------------------------------------------
| خط موفقیت
|--------------------------------------------------------------------------
*/

.step-completed-alert-card::before {
    content: "";

    position: absolute;

    right: 0;
    top: 0;
    bottom: 0;

    width: 4px;

    background:
        #4bc58a;
}


/*
|--------------------------------------------------------------------------
| Icon
|--------------------------------------------------------------------------
*/

.step-completed-alert-icon {
    width: 45px;
    height: 45px;

    flex: 0 0 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    background:
        rgba(75, 197, 138, .15);

    border:
        1px solid
        rgba(75, 197, 138, .25);

    color: #65d69e;

    font-size: 25px;
}


/*
|--------------------------------------------------------------------------
| Content
|--------------------------------------------------------------------------
*/

.step-completed-alert-content {
    flex: 1;

    min-width: 0;
}


.step-completed-alert-eyebrow {
    display: block;

    margin-bottom: 3px;

    color:
        #6fdda7;

    font-size: 10px;
    font-weight: 800;
}


.step-completed-alert-content h4 {
    margin:
        0 0 5px;

    color: #fff;

    font-size: 19px;
    font-weight: 900;
}


.step-completed-alert-content > p {
    margin: 0;

    color:
        rgba(255, 255, 255, .72);

    font-size: 11px;
    line-height: 1.9;
}


.step-completed-alert-content > p strong {
    color: #fff;
}


/*
|--------------------------------------------------------------------------
| Score
|--------------------------------------------------------------------------
*/

.step-completed-alert-score {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    margin-top: 13px;
    padding: 10px 12px;

    border-radius: 12px;

    background:
        rgba(255, 255, 255, .07);

    border:
        1px solid
        rgba(255, 255, 255, .08);
}


.step-completed-alert-score > span {
    color:
        rgba(255, 255, 255, .68);

    font-size: 10px;
}


.step-completed-alert-score > div {
    display: flex;
    align-items: baseline;

    gap: 5px;
}


.step-completed-alert-score strong {
    color: #fff;

    font-size: 25px;
    font-weight: 900;

    line-height: 1;
}


.step-completed-alert-score small {
    color:
        rgba(255, 255, 255, .62);

    font-size: 10px;
}


/*
|--------------------------------------------------------------------------
| Note
|--------------------------------------------------------------------------
*/

.step-completed-alert-note {
    margin-top: 8px;

    color:
        rgba(255, 255, 255, .53);

    font-size: 9px;
}


/*
|--------------------------------------------------------------------------
| Close
|--------------------------------------------------------------------------
*/

.step-completed-alert-close {
    width: 28px;
    height: 28px;

    flex: 0 0 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;

    border-radius: 8px;

    background:
        rgba(255, 255, 255, .08);

    color:
        rgba(255, 255, 255, .72);

    font-size: 20px;
    line-height: 1;

    cursor: pointer;

    transition:
        .2s ease;
}


.step-completed-alert-close:hover {
    background:
        rgba(255, 255, 255, .15);

    color: #fff;
}


/*
|--------------------------------------------------------------------------
| Animation
|--------------------------------------------------------------------------
*/

@keyframes scholarshipAlertEnter {

    from {
        opacity: 0;

        transform:
            translate(-50%, -20px)
            scale(.97);
    }

    to {
        opacity: 1;

        transform:
            translate(-50%, 0)
            scale(1);
    }

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 576px) {

    .scholarship-step-completed-alert {
        top: 12px;

        width:
            calc(100% - 20px);
    }


    .step-completed-alert-card {
        gap: 10px;

        padding: 14px;

        border-radius: 15px;
    }


    .step-completed-alert-icon {
        width: 38px;
        height: 38px;

        flex-basis: 38px;

        border-radius: 11px;

        font-size: 21px;
    }


    .step-completed-alert-content h4 {
        font-size: 16px;
    }


    .step-completed-alert-score strong {
        font-size: 21px;
    }

}


/*lock step expire*/
.scholarship-expired-alert {
    display: flex;
    align-items: center;

    gap: 14px;

    margin: 18px 0;
    padding: 16px 18px;

    border-radius: 16px;

    background: linear-gradient(
        135deg,
        #2a2030 0%,
        #362536 100%
    );

    border: 1px solid rgba(220, 90, 110, .25);

    color: #fff;
}

.scholarship-expired-icon {
    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;

    background: rgba(255, 255, 255, .08);

    font-size: 19px;
}

.scholarship-expired-alert strong {
    display: block;

    margin-bottom: 4px;

    font-size: 14px;
    font-weight: 900;
}

.scholarship-expired-alert p {
    margin: 0;

    color: rgba(255, 255, 255, .68);

    font-size: 11px;
}


.scholarship-expired-lock-card {
    padding: 40px 20px;

    border-radius: 18px;

    background: rgba(255, 255, 255, .025);

    border: 1px solid rgba(255, 255, 255, .08);

    text-align: center;
}

.expired-lock-icon {
    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 15px;

    border-radius: 18px;

    background: rgba(130, 145, 170, .12);

    color: #a9b3c8;

    font-size: 25px;
}

.scholarship-expired-lock-card h4 {
    margin-bottom: 8px;

    font-size: 17px;
    font-weight: 900;
}

.scholarship-expired-lock-card p {
    margin: 0 auto 8px;

    max-width: 600px;

    opacity: .65;

    font-size: 11px;
    line-height: 1.9;
}

.scholarship-expired-lock-card small {
    opacity: .5;
}
/*Admin-Work*/

.admin-work-page {
    --aw-bg: #111827;
    --aw-panel: #172033;
    --aw-panel-2: #1d2940;
    --aw-border: rgba(255,255,255,.075);
    --aw-text: #eef3fb;
    --aw-muted: #8d9bb0;
    --aw-primary: #6285b8;
    --aw-success: #4fa77d;
    --aw-warning: #c69a55;
    --aw-danger: #bd6767;
    --aw-info: #628eae;

    color: var(--aw-text);
    font-family: inherit;
}

.admin-work-page *,
.admin-work-page button,
.admin-work-page input,
.admin-work-page select {
    font-family: inherit;
}

.admin-work-shell {
    padding: 6px 0 35px;
}

/* Header */
.admin-work-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 18px;
}

.admin-work-head-text span {
    display: block;
    color: var(--aw-muted);
    font-size: 11px;
    margin-bottom: 5px;
}

.admin-work-head-text h3 {
    color: var(--aw-text);
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    line-height: 1.6;
}

.admin-work-head-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: rgba(98,133,184,.12);
    border: 1px solid rgba(98,133,184,.22);
    color: #8faed7;
    font-size: 16px;
}

/* Summary */
.admin-work-summary {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}

.admin-work-summary-item {
    min-height: 76px;
    border-radius: 14px;
    background: linear-gradient(
        145deg,
        rgba(29,41,64,.92),
        rgba(20,29,46,.92)
    );
    border: 1px solid var(--aw-border);
    padding: 13px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.admin-work-summary-label {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.admin-work-summary-label strong {
    color: var(--aw-text);
    font-size: 12px;
    font-weight: 600;
}

.admin-work-summary-label span {
    color: var(--aw-muted);
    font-size: 10px;
}

.admin-work-summary-number {
    font-size: 21px;
    font-weight: 800;
    line-height: 1;
}

.admin-work-summary-item.pending .admin-work-summary-number {
    color: #d5ab69;
}

.admin-work-summary-item.progress .admin-work-summary-number {
    color: #78a4c7;
}

.admin-work-summary-item.waiting .admin-work-summary-number {
    color: #9ca9bc;
}

/* Filter */
.admin-work-filter {
    background: rgba(23,32,51,.86);
    border: 1px solid var(--aw-border);
    border-radius: 15px;
    padding: 14px;
    margin-bottom: 14px;
}

.admin-work-filter label {
    display: block;
    color: #b7c2d3;
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 6px;
}

.admin-work-filter .form-control,
.admin-work-filter .form-select {
    min-height: 39px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.09);
    background-color: rgba(10,17,29,.55);
    color: #e8eef7;
    font-size: 11px;
    box-shadow: none;
}

.admin-work-filter .form-control::placeholder {
    color: #69778b;
}

.admin-work-filter .form-control:focus,
.admin-work-filter .form-select:focus {
    border-color: rgba(98,133,184,.48);
    box-shadow: 0 0 0 3px rgba(98,133,184,.08);
}

.admin-work-mark-read {
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.025);
    color: #aebacd;
    border-radius: 9px;
    padding: 7px 11px;
    font-size: 10px;
    transition: .15s ease;
}

.admin-work-mark-read:hover {
    background: rgba(255,255,255,.06);
    color: #fff;
}

/* List panel */
.admin-work-list-panel {
    border: 1px solid var(--aw-border);
    background: rgba(23,32,51,.86);
    border-radius: 16px;
    overflow: hidden;
}

.admin-work-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

.admin-work-table thead th {
    color: #8391a6;
    font-size: 10px;
    font-weight: 600;
    padding: 11px 14px;
    background: rgba(255,255,255,.018);
    border-bottom: 1px solid var(--aw-border);
    white-space: nowrap;
}

.admin-work-table tbody td {
    color: #d9e1ed;
    font-size: 11px;
    padding: 13px 14px;
    border-bottom: 1px solid rgba(255,255,255,.045);
    vertical-align: middle;
}

.admin-work-table tbody tr:last-child td {
    border-bottom: 0;
}

.admin-work-table tbody tr:hover {
    background: rgba(255,255,255,.018);
}

.admin-work-title {
    display: block;
    color: #f1f5fb;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.7;
}

.admin-work-type {
    display: block;
    margin-top: 2px;
    color: #76859a;
    font-size: 9px;
}

.admin-work-message {
    color: #9aa8bb;
    font-size: 10px;
    line-height: 1.8;
    margin-top: 5px;
    max-width: 390px;
}

/* Status */
.admin-work-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 20px;
    padding: 5px 9px;
    font-size: 9px;
    font-weight: 600;
    white-space: nowrap;
}

.admin-work-status.warning {
    color: #ddb977;
    background: rgba(198,154,85,.1);
    border: 1px solid rgba(198,154,85,.18);
}

.admin-work-status.info {
    color: #82aecf;
    background: rgba(98,142,174,.1);
    border: 1px solid rgba(98,142,174,.18);
}

.admin-work-status.secondary {
    color: #a1adbd;
    background: rgba(145,157,175,.08);
    border: 1px solid rgba(145,157,175,.13);
}

.admin-work-status.success {
    color: #6cc296;
    background: rgba(79,167,125,.09);
    border: 1px solid rgba(79,167,125,.16);
}

.admin-work-status.danger {
    color: #d48282;
    background: rgba(189,103,103,.09);
    border: 1px solid rgba(189,103,103,.16);
}

.admin-work-action-btn {
    border: 1px solid rgba(98,133,184,.24);
    background: rgba(98,133,184,.1);
    color: #a7c0df;
    border-radius: 9px;
    font-size: 10px;
    padding: 6px 10px;
    white-space: nowrap;
    transition: .15s ease;
}

.admin-work-action-btn:hover {
    color: #fff;
    border-color: rgba(98,133,184,.42);
    background: rgba(98,133,184,.18);
}

.admin-work-empty {
    padding: 55px 20px;
    text-align: center;
    color: var(--aw-muted);
}

.admin-work-empty i {
    font-size: 25px;
    display: block;
    margin-bottom: 10px;
    opacity: .45;
}

.admin-work-empty strong {
    display: block;
    color: #b8c2d0;
    font-size: 12px;
    font-weight: 600;
}

.admin-work-empty span {
    display: block;
    margin-top: 4px;
    font-size: 10px;
}

.admin-work-pagination {
    padding: 12px 14px;
    border-top: 1px solid var(--aw-border);
}

/* Mobile */
.admin-work-mobile-list {
    display: none;
}

.admin-work-mobile-item {
    padding: 14px;
    border-bottom: 1px solid rgba(255,255,255,.05);
}

.admin-work-mobile-item:last-child {
    border-bottom: 0;
}

.admin-work-mobile-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.admin-work-mobile-meta {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 9px;
    color: #7f8da1;
    font-size: 9px;
}

.admin-work-mobile-action {
    margin-top: 11px;
}

@media (max-width: 767px) {
    .admin-work-summary {
        grid-template-columns: 1fr;
    }

    .admin-work-desktop {
        display: none;
    }

    .admin-work-mobile-list {
        display: block;
    }

    .admin-work-head-text h3 {
        font-size: 16px;
    }
}

/*admin bell*/

.admin-notify-root,
.admin-notify-root * {
    font-family: inherit;
}

.admin-notify-root {
    position: fixed;
    top: 18px;
    left: 18px;
    z-index: 1095;
}

.admin-notify-trigger {
    position: relative;

    width: 42px;
    height: 42px;

    padding: 0;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;

    background: rgba(23,32,51,.96);

    color: #a8b6ca;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 8px 24px rgba(0,0,0,.16);

    cursor: pointer;

    transition:
        background .15s ease,
        color .15s ease,
        border-color .15s ease,
        transform .15s ease;
}

.admin-notify-trigger i {
    display: block;

    margin: 0;
    padding: 0;

    font-size: 17px;
    line-height: 1;

    width: auto;
    height: auto;
}

.admin-notify-trigger:hover {
    color: #ffffff;
    background: #1d2940;
    border-color: rgba(255,255,255,.13);
}

.admin-notify-trigger:active {
    transform: scale(.96);
}
.admin-notify-count {
    position: absolute;
    top: -5px;
    right: -5px;
    height: 18px;
    min-width: 18px;
    padding: 0 4px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b75b5b;
    border: 2px solid #111827;
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
}

.admin-notify-panel {
    position: absolute;
    top: 48px;
    left: 0;
    width: min(350px, calc(100vw - 24px));
    background: rgba(20,29,46,.985);
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 18px 50px rgba(0,0,0,.3);
}

.admin-notify-head {
    min-height: 48px;
    padding: 10px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.admin-notify-title {
    display: flex;
    align-items: center;
    gap: 7px;
}

.admin-notify-title i {
    color: #819fc4;
    font-size: 12px;
}

.admin-notify-title strong {
    color: #edf2fa;
    font-size: 11px;
    font-weight: 650;
}

.admin-notify-read-all {
    border: 0;
    background: transparent;
    padding: 4px;
    color: #78889e;
    font-size: 9px;
}

.admin-notify-read-all:hover {
    color: #b7c5d8;
}

.admin-notify-list {
    max-height: 360px;
    overflow-y: auto;
}

.admin-notify-item {
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.045);
    background: transparent;
    text-align: right;
    padding: 11px 13px;
    display: flex;
    gap: 10px;
    transition: .15s ease;
}

.admin-notify-item:hover {
    background: rgba(255,255,255,.025);
}

.admin-notify-item.unread {
    background: rgba(87,122,165,.055);
}

.admin-notify-dot {
    width: 7px;
    height: 7px;
    margin-top: 6px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: transparent;
}

.admin-notify-item.unread .admin-notify-dot {
    background: #718fb6;
    box-shadow: 0 0 0 3px rgba(113,143,182,.08);
}

.admin-notify-content {
    min-width: 0;
    flex: 1;
}

.admin-notify-content strong {
    display: block;
    color: #e7edf6;
    font-size: 10.5px;
    line-height: 1.7;
    font-weight: 600;
}

.admin-notify-content span {
    display: block;
    margin-top: 3px;
    color: #8492a5;
    font-size: 9.5px;
    line-height: 1.8;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.admin-notify-empty {
    padding: 30px 15px;
    text-align: center;
    color: #7e8da1;
}

.admin-notify-empty i {
    display: block;
    margin-bottom: 7px;
    font-size: 19px;
    color: #5b9a7a;
}

.admin-notify-empty strong {
    display: block;
    color: #adb9ca;
    font-size: 10px;
    font-weight: 600;
}

.admin-notify-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 42px;
    padding: 8px 12px;
    border-top: 1px solid rgba(255,255,255,.06);
    color: #8da8ca;
    background: rgba(255,255,255,.018);
    text-decoration: none;
    font-size: 9.5px;
    transition: .15s ease;
}

.admin-notify-footer:hover {
    color: #fff;
    background: rgba(255,255,255,.035);
}

@media(max-width: 575px) {
    .admin-notify-root {
        top: 12px;
        left: 12px;
    }

    .admin-notify-panel {
        width: calc(100vw - 24px);
    }
}
.admin-notify-count {
    position: absolute;

    top: -5px;
    right: -5px;

    min-width: 18px;
    height: 18px;

    padding: 0 5px;

    border-radius: 20px;

    background: #b75b5b;

    border: 2px solid #111827;

    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 8px;
    font-weight: 700;
    line-height: 1;
}

/*{{-- =============================================================*/
/*Additional styles for state/read indicators*/
/*============================================================== --}}*/


.admin-work-filter-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
}

.admin-work-mark-read,
.admin-work-single-read-btn {
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.045);
    color: #b9c5d7;
    border-radius: 8px;
    min-height: 34px;
    padding: 6px 11px;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: .2s ease;
}

.admin-work-mark-read:hover,
.admin-work-single-read-btn:hover {
    background: rgba(255,255,255,.08);
    color: #edf3fb;
}

.admin-work-mark-read:disabled,
.admin-work-single-read-btn:disabled {
    opacity: .55;
    cursor: wait;
}


/*
|--------------------------------------------------------------------------
| Unread row
|--------------------------------------------------------------------------
*/

.admin-work-row-unread td {
    background: rgba(98,133,184,.035);
}

.admin-work-request-heading {
    display: flex;
    align-items: center;
    gap: 7px;
}

.admin-work-new-dot {
    width: 7px;
    height: 7px;
    min-width: 7px;
    border-radius: 50%;
    background: #6285b8;
    box-shadow: 0 0 0 3px rgba(98,133,184,.12);
}


/*
|--------------------------------------------------------------------------
| Status stack
|--------------------------------------------------------------------------
*/

.admin-work-status-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.admin-work-state,
.admin-work-read-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    white-space: nowrap;
    border-radius: 20px;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 600;
}


/*
|--------------------------------------------------------------------------
| Workflow states
|--------------------------------------------------------------------------
*/

.admin-work-state-pending {
    color: #d4ad70;
    background: rgba(198,154,85,.10);
    border: 1px solid rgba(198,154,85,.16);
}

.admin-work-state-progress {
    color: #8dafdc;
    background: rgba(98,133,184,.10);
    border: 1px solid rgba(98,133,184,.16);
}

.admin-work-state-waiting {
    color: #d8b77b;
    background: rgba(198,154,85,.10);
    border: 1px solid rgba(198,154,85,.16);
}

.admin-work-state-done {
    color: #7ec19e;
    background: rgba(79,167,125,.10);
    border: 1px solid rgba(79,167,125,.16);
}

.admin-work-state-cancelled {
    color: #d78a8a;
    background: rgba(189,103,103,.10);
    border: 1px solid rgba(189,103,103,.16);
}


/*
|--------------------------------------------------------------------------
| Read states
|--------------------------------------------------------------------------
*/

.admin-work-read-cell {
    min-width: 115px;
}

.admin-work-read-badge.is-read {
    color: #8493a9;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.06);
}

.admin-work-read-badge.is-unread {
    color: #89a9d4;
    background: rgba(98,133,184,.10);
    border: 1px solid rgba(98,133,184,.16);
}

.admin-work-read-badge.is-unread .bi-circle-fill {
    font-size: 5px;
}


/*
|--------------------------------------------------------------------------
| Done row
|--------------------------------------------------------------------------
*/

.admin-work-row-done {
    opacity: .78;
}

.admin-work-row-done:hover {
    opacity: 1;
}

.admin-work-action-btn.is-view {
    background: rgba(255,255,255,.045);
    border-color: rgba(255,255,255,.07);
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

.admin-work-mobile-states {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
}

.admin-work-mobile-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 13px;
}

.admin-work-mobile-actions .admin-work-action-btn {
    flex: 1;
}

.admin-work-mobile-unread {
    position: relative;
}

.admin-work-mobile-unread:before {
    content: "";
    position: absolute;
    right: 0;
    top: 14px;
    bottom: 14px;
    width: 2px;
    border-radius: 4px;
    background: #6285b8;
}

.admin-work-mobile-done {
    opacity: .82;
}

.admin-work-date {
    white-space: nowrap;
}


@media (max-width: 767px) {

    .admin-work-filter-actions {
        justify-content: stretch;
    }

    .admin-work-mark-read {
        width: 100%;
    }

    .admin-work-mobile-actions {
        flex-direction: column;
    }

    .admin-work-mobile-actions button {
        width: 100%;
    }

}
/* assesment style */

.admin-assessment-page {
    padding: 28px 0 50px;
}

.assessment-shell {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.assessment-header {
    padding: 22px 24px;
    border-radius: 16px;
    background: #151a22;
    border: 1px solid rgba(255,255,255,.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.assessment-eyebrow {
    color: #7f91aa;
    font-size: 11px;
}

.assessment-header h3 {
    color: #f2f5f8;
    font-size: 22px;
    margin: 5px 0;
}

.assessment-header p {
    margin: 0;
    color: #8996a9;
    font-size: 12px;
}

.assessment-create-btn,
.assessment-primary-btn {
    border: 0;
    border-radius: 9px;
    background: #42689b;
    color: #fff;
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 12px;
}

.assessment-summary {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 12px;
}

.assessment-summary-card {
    padding: 17px;
    border-radius: 13px;
    border: 1px solid rgba(255,255,255,.06);
    background: #151a22;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.assessment-summary-card span {
    color: #8c98aa;
    font-size: 11px;
}

.assessment-summary-card strong {
    color: #fff;
    font-size: 20px;
}

.assessment-form-card,
.assessment-filter-card,
.assessment-list-card {
    background: #151a22;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 16px;
}

.assessment-form-card {
    padding: 22px;
}

.assessment-form-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.assessment-form-head span {
    color: #76869c;
    font-size: 10px;
}

.assessment-form-head h4 {
    color: #eef2f7;
    font-size: 16px;
    margin: 4px 0 0;
}

.assessment-close-btn {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.03);
    color: #9aa6b8;
}

.assessment-label,
.assessment-filter-card label {
    display: block;
    color: #a6b0bf;
    font-size: 11px;
    margin-bottom: 7px;
}

.assessment-label span {
    color: #ca7777;
}

.assessment-input,
.assessment-filter-card .form-control,
.assessment-filter-card .form-select {
    background-color: #10151c !important;
    border-color: rgba(255,255,255,.07) !important;
    color: #e7ebf1 !important;
    font-size: 12px;
}

.assessment-input:focus,
.assessment-filter-card .form-control:focus,
.assessment-filter-card .form-select:focus {
    box-shadow: none;
    border-color: rgba(93,128,177,.55) !important;
}

.assessment-textarea {
    resize: vertical;
}

.assessment-input-group {
    display: flex;
}

.assessment-input-group input {
    border-radius: 0 8px 8px 0 !important;
}

.assessment-input-group span {
    min-width: 55px;
    background: #0d1218;
    border: 1px solid rgba(255,255,255,.07);
    border-right: 0;
    border-radius: 8px 0 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #778498;
    font-size: 10px;
}

.assessment-static-value {
    height: 38px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    background: #10151c;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 8px;
    color: #8693a5;
    font-size: 12px;
}

.assessment-switch-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
}

.assessment-switch-box {
    padding: 13px;
    border-radius: 10px;
    background: #10151c;
    border: 1px solid rgba(255,255,255,.06);
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.assessment-switch-box input {
    display: none;
}

.assessment-switch {
    width: 35px;
    height: 19px;
    min-width: 35px;
    border-radius: 20px;
    background: #333c49;
    position: relative;
}

.assessment-switch:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    top: 3px;
    right: 3px;
    background: #aab2bd;
    border-radius: 50%;
    transition: .2s;
}

.assessment-switch-box input:checked + .assessment-switch {
    background: #3e6d59;
}

.assessment-switch-box input:checked + .assessment-switch:after {
    transform: translateX(-16px);
    background: #fff;
}

.assessment-switch-text {
    display: flex;
    flex-direction: column;
}

.assessment-switch-text strong {
    color: #dce2e9;
    font-size: 11px;
}

.assessment-switch-text small {
    color: #727f92;
    font-size: 9px;
    margin-top: 2px;
}

.assessment-type-help {
    border-radius: 10px;
    padding: 13px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.assessment-type-help.scored {
    background: rgba(76,113,162,.08);
    border: 1px solid rgba(76,113,162,.14);
}

.assessment-type-help.trait {
    background: rgba(128,99,170,.08);
    border: 1px solid rgba(128,99,170,.14);
}

.assessment-type-help strong,
.assessment-type-help span {
    display: block;
}

.assessment-type-help strong {
    color: #cdd5df;
    font-size: 11px;
}

.assessment-type-help span {
    color: #7e8b9c;
    font-size: 10px;
    margin-top: 3px;
    line-height: 1.8;
}

.assessment-form-actions {
    margin-top: 20px;
    border-top: 1px solid rgba(255,255,255,.05);
    padding-top: 17px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.assessment-secondary-btn {
    border: 1px solid rgba(255,255,255,.07);
    background: transparent;
    color: #939eae;
    border-radius: 8px;
    padding: 9px 15px;
    font-size: 11px;
}

.assessment-filter-card {
    padding: 17px;
}

.assessment-search {
    position: relative;
}

.assessment-search i {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #68778c;
}

.assessment-search input {
    padding-right: 35px;
}

.assessment-list-card {
    overflow: hidden;
}

.assessment-table {
    width: 100%;
    border-collapse: collapse;
}

.assessment-table th {
    padding: 13px 15px;
    background: #11161d;
    color: #718096;
    font-size: 10px;
    font-weight: 500;
}

.assessment-table td {
    padding: 15px;
    border-top: 1px solid rgba(255,255,255,.045);
    color: #aeb8c6;
    font-size: 11px;
    vertical-align: middle;
}

.assessment-title-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 230px;
}

.assessment-id {
    color: #5f6e82;
    font-size: 9px;
}

.assessment-title-cell strong {
    color: #e4e9ef;
    font-size: 12px;
}

.assessment-title-cell small {
    color: #707d8f;
    max-width: 360px;
}

.assessment-type-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 20px;
    padding: 5px 9px;
    white-space: nowrap;
    font-size: 9px;
}

.assessment-type-badge.scored {
    color: #8cadd9;
    background: rgba(76,113,162,.10);
}

.assessment-type-badge.trait {
    color: #af93d6;
    background: rgba(128,99,170,.10);
}

.assessment-stat-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.assessment-stat-list span {
    background: #10151c;
    border-radius: 7px;
    padding: 5px 7px;
    color: #748196;
    font-size: 9px;
}

.assessment-stat-list strong {
    color: #c1cad5;
}

.assessment-attempt-count {
    color: #d5dce5;
}

.assessment-attempt-count small {
    color: #667489;
}

.assessment-status-btn {
    border: 0;
    border-radius: 20px;
    padding: 5px 9px;
    font-size: 9px;
}

.assessment-status-btn.active {
    color: #78bc98;
    background: rgba(72,156,114,.10);
}

.assessment-status-btn.inactive {
    color: #8994a4;
    background: rgba(255,255,255,.04);
}

.assessment-actions {
    display: flex;
    gap: 6px;
}

.assessment-builder-btn,
.assessment-edit-btn,
.assessment-delete-btn {
    border-radius: 7px;
    min-height: 31px;
    padding: 6px 9px;
    border: 1px solid rgba(255,255,255,.06);
    font-size: 10px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.assessment-builder-btn {
    color: #a9bfe0;
    background: rgba(76,113,162,.08);
}

.assessment-edit-btn {
    color: #a7b1c0;
    background: rgba(255,255,255,.025);
}

.assessment-delete-btn {
    color: #ca8585;
    background: rgba(177,75,75,.05);
}

.assessment-alert {
    padding: 12px 14px;
    border-radius: 10px;
    display: flex;
    gap: 8px;
    font-size: 11px;
}

.assessment-alert.success {
    color: #83c4a2;
    border: 1px solid rgba(74,157,114,.15);
    background: rgba(74,157,114,.07);
}

.assessment-alert.danger {
    color: #d88c8c;
    border: 1px solid rgba(182,82,82,.15);
    background: rgba(182,82,82,.07);
}

.assessment-empty {
    padding: 55px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: #667488;
}

.assessment-empty i {
    font-size: 30px;
}

.assessment-empty strong {
    color: #a5afbd;
}

.assessment-empty button {
    margin-top: 10px;
    border: 0;
    border-radius: 7px;
    background: rgba(76,113,162,.12);
    color: #a9c1e0;
    padding: 7px 11px;
}

.assessment-pagination {
    padding: 15px;
    border-top: 1px solid rgba(255,255,255,.05);
}

.assessment-mobile {
    display: none;
}

.assessment-error {
    color: #cd7777;
    font-size: 9px;
    margin-top: 4px;
}


@media (max-width: 991px) {

    .assessment-summary {
        grid-template-columns: repeat(2,1fr);
    }

    .assessment-switch-grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 767px) {

    .admin-assessment-page {
        padding-top: 15px;
    }

    .assessment-header {
        align-items: stretch;
        flex-direction: column;
    }

    .assessment-create-btn {
        width: 100%;
    }

    .assessment-summary {
        grid-template-columns: 1fr 1fr;
    }

    .assessment-desktop {
        display: none;
    }

    .assessment-mobile {
        display: flex;
        flex-direction: column;
    }

    .assessment-mobile-card {
        padding: 16px;
        border-bottom: 1px solid rgba(255,255,255,.05);
    }

    .assessment-mobile-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
    }

    .assessment-mobile-head > div {
        display: flex;
        flex-direction: column;
    }

    .assessment-mobile-head > div span {
        color: #647286;
        font-size: 9px;
    }

    .assessment-mobile-head > div strong {
        color: #e4e9ef;
        font-size: 12px;
    }

    .assessment-mobile-description {
        color: #768397;
        font-size: 10px;
        line-height: 1.8;
        margin: 11px 0;
    }

    .assessment-mobile-stats {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 6px;
    }

    .assessment-mobile-stats div {
        border-radius: 8px;
        background: #10151c;
        padding: 8px 5px;
        text-align: center;
        display: flex;
        flex-direction: column;
    }

    .assessment-mobile-stats strong {
        color: #c6cfdb;
        font-size: 12px;
    }

    .assessment-mobile-stats span {
        color: #657387;
        font-size: 8px;
    }

    .assessment-mobile-status {
        margin-top: 10px;
    }

    .assessment-mobile-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
        margin-top: 12px;
    }

    .assessment-mobile-actions .assessment-edit-btn {
        grid-column: 1 / -1;
    }

    .assessment-mobile-actions a,
    .assessment-mobile-actions button {
        width: 100%;
    }

    .assessment-form-card {
        padding: 16px;
    }

    .assessment-form-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

}
.assessment-builder-btn,
.assessment-assignment-btn,
.assessment-edit-btn,
.assessment-delete-btn {
    border-radius: 7px;
    min-height: 31px;
    padding: 6px 9px;
    border: 1px solid rgba(255,255,255,.06);
    font-size: 10px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.assessment-builder-btn {
    color: #a9bfe0;
    background: rgba(76,113,162,.08);
}

.assessment-assignment-btn {
    color: #9fc9b5;
    background: rgba(65,142,106,.08);
    border-color: rgba(65,142,106,.12);
}

.assessment-assignment-btn:hover {
    color: #c4e2d3;
    background: rgba(65,142,106,.13);
}

.assessment-edit-btn {
    color: #a7b1c0;
    background: rgba(255,255,255,.025);
}

.assessment-delete-btn {
    color: #ca8585;
    background: rgba(177,75,75,.05);
}
/*Dashboard restyle quick access*/

<style>

     /* =========================================================
        Dashboard Base
     ========================================================== */


    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;

    padding: 17px 18px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

.admin-command-dashboard .acd-header-text {
    min-width: 0;
}

.admin-command-dashboard .acd-eyebrow {
    display: block;

    color: #38bdf8;

    font-size: 11px;
    font-weight: 900;

    margin-bottom: 5px;
}

.admin-command-dashboard .acd-header h2 {
    margin: 0;

    color: #ffffff;

    font-size: 19px;
    font-weight: 950;
}

.admin-command-dashboard .acd-header p {
    margin: 6px 0 0;

    color: #94a3b8;

    font-size: 12px;
    line-height: 1.8;
}

.admin-command-dashboard .acd-date {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    background: rgba(56, 189, 248, 0.08);

    border: 1px solid rgba(56, 189, 248, 0.20);

    color: #bae6fd;

    border-radius: 12px;

    padding: 8px 11px;

    font-size: 11px;
    font-weight: 800;

    white-space: nowrap;
}


/* =========================================================
   Next Interview
========================================================== */

.admin-command-dashboard .acd-next {
    background: rgba(56, 189, 248, 0.07);

    border: 1px solid rgba(56, 189, 248, 0.20);

    border-radius: 15px;

    padding: 11px 12px;

    display: grid;

    grid-template-columns: auto 1fr auto;

    align-items: center;

    gap: 11px;
}

.admin-command-dashboard .acd-next.live {
    background: rgba(34, 197, 94, 0.08);

    border-color: rgba(34, 197, 94, 0.22);
}

.admin-command-dashboard .acd-next-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: rgba(56, 189, 248, 0.12);

    color: #7dd3fc;

    font-size: 17px;
}

.admin-command-dashboard .acd-next.live .acd-next-icon {
    background: rgba(34, 197, 94, 0.12);

    color: #86efac;
}

.admin-command-dashboard .acd-next-info {
    display: flex;
    flex-direction: column;

    min-width: 0;
}

.admin-command-dashboard .acd-next-info span {
    color: #94a3b8;

    font-size: 10px;
}

.admin-command-dashboard .acd-next-info strong {
    color: #ffffff;

    font-size: 13px;
    font-weight: 900;

    margin-top: 2px;
}

.admin-command-dashboard .acd-next-info small {
    color: #94a3b8;

    font-size: 10px;

    margin-top: 2px;
}

.admin-command-dashboard .acd-next-actions,
.admin-command-dashboard .acd-row-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}


/* =========================================================
   Stats
========================================================== */

.admin-command-dashboard .acd-stats {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 9px;
}

.admin-command-dashboard .acd-stat {
    min-height: 75px;

    background: #171b21;

    border: 1px solid rgba(255, 255, 255, 0.08);

    border-radius: 15px;

    padding: 11px 12px;

    display: flex;
    align-items: center;

    gap: 10px;
}

.admin-command-dashboard .acd-stat-icon {
    width: 37px;
    height: 37px;
    min-width: 37px;

    border-radius: 11px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 16px;
}

.admin-command-dashboard .acd-stat-icon.blue {
    background: rgba(56, 189, 248, 0.12);
    color: #7dd3fc;
}

.admin-command-dashboard .acd-stat-icon.purple {
    background: rgba(99, 102, 241, 0.12);
    color: #c4b5fd;
}

.admin-command-dashboard .acd-stat-icon.orange {
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
}

.admin-command-dashboard .acd-stat-icon.red {
    background: rgba(239, 68, 68, 0.12);
    color: #fecaca;
}

.admin-command-dashboard .acd-stat > div {
    display: flex;
    flex-direction: column;

    min-width: 0;
}

.admin-command-dashboard .acd-stat small {
    color: #94a3b8;

    font-size: 10px;
}

.admin-command-dashboard .acd-stat strong {
    color: #ffffff;

    font-size: 20px;
    font-weight: 950;

    line-height: 1.3;
}


/* =========================================================
   Main Sections
========================================================== */



.admin-command-dashboard .acd-section-head {
    padding: 12px 14px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-command-dashboard .acd-section-head > div {
    display: flex;
    flex-direction: column;
}

.admin-command-dashboard .acd-section-head span {
    color: #38bdf8;

    font-size: 10px;
    font-weight: 900;

    margin-bottom: 3px;
}

.admin-command-dashboard .acd-section-head strong {
    color: #ffffff;

    font-size: 14px;
    font-weight: 900;
}

.admin-command-dashboard .acd-section-head > small {
    color: #94a3b8;

    font-size: 10px;
}


/* =========================================================
   Quick Access
========================================================== */

.admin-command-dashboard .acd-quick-grid {
    padding: 10px;

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 9px;
}

.admin-command-dashboard .acd-quick-item {
    min-height: 65px;

    display: grid;

    grid-template-columns: auto 1fr auto;

    align-items: center;

    gap: 9px;

    padding: 9px 10px;

    background: rgba(255, 255, 255, 0.035);

    border: 1px solid rgba(255, 255, 255, 0.08);

    border-radius: 13px;

    text-decoration: none;

    transition: 0.18s ease;
}

.admin-command-dashboard .acd-quick-item:hover {
    background: rgba(56, 189, 248, 0.07);

    border-color: rgba(56, 189, 248, 0.20);

    transform: translateY(-1px);
}

.admin-command-dashboard .acd-quick-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;

    border-radius: 10px;

    background: rgba(56, 189, 248, 0.10);

    color: #7dd3fc;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 15px;
}

.admin-command-dashboard .acd-quick-item > div {
    display: flex;
    flex-direction: column;

    min-width: 0;
}

.admin-command-dashboard .acd-quick-item strong {
    color: #ffffff;

    font-size: 12px;
    font-weight: 900;
}

.admin-command-dashboard .acd-quick-item small {
    color: #94a3b8;

    font-size: 10px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-command-dashboard .acd-quick-arrow {
    color: #64748b;

    font-size: 11px;
}


/* =========================================================
   Accordion
========================================================== */

.admin-command-dashboard .acd-accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-active-color: #ffffff;
}

.admin-command-dashboard .acd-accordion-item {
    background: transparent !important;

    border: 0 !important;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.08) !important;

    border-radius: 0 !important;
}

.admin-command-dashboard .acd-accordion-item:last-child {
    border-bottom: 0 !important;
}

.admin-command-dashboard .acd-accordion-button {
    min-height: 63px;

    padding: 10px 13px;

    background: transparent !important;

    box-shadow: none !important;

    color: #ffffff !important;
}

.admin-command-dashboard
.acd-accordion-button:not(.collapsed) {
    background: rgba(255, 255, 255, 0.025) !important;
}

.admin-command-dashboard .acd-accordion-button:hover {
    background: rgba(255, 255, 255, 0.035) !important;
}

.admin-command-dashboard .acd-accordion-button::after {
    width: 13px;
    height: 13px;

    margin-right: 10px;
    margin-left: 0;

    background-size: 13px;

    filter:
        brightness(0)
        saturate(100%)
        invert(76%)
        sepia(12%)
        saturate(545%)
        hue-rotate(176deg)
        brightness(83%);
}

.admin-command-dashboard .acd-accordion-title-icon {
    width: 35px;
    height: 35px;
    min-width: 35px;

    margin-left: 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    font-size: 15px;
}

.admin-command-dashboard
.acd-accordion-title-icon.warning {
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
}

.admin-command-dashboard
.acd-accordion-title-icon.blue {
    background: rgba(56, 189, 248, 0.12);
    color: #7dd3fc;
}

.admin-command-dashboard
.acd-accordion-title-icon.green {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.admin-command-dashboard
.acd-accordion-title-icon.red {
    background: rgba(239, 68, 68, 0.12);
    color: #fecaca;
}

.admin-command-dashboard .acd-accordion-title {
    flex: 1;

    min-width: 0;

    display: flex;
    flex-direction: column;

    text-align: right;
}

.admin-command-dashboard .acd-accordion-title strong {
    color: #ffffff;

    font-size: 12px;
    font-weight: 900;
}

.admin-command-dashboard .acd-accordion-title small {
    color: #94a3b8;

    font-size: 10px;

    margin-top: 2px;
}

.admin-command-dashboard .acd-accordion-count {
    min-width: 30px;
    height: 25px;

    padding: 0 7px;

    border-radius: 999px;

    background: rgba(148, 163, 184, 0.10);

    color: #cbd5e1;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 10px;
    font-weight: 900;
}

.admin-command-dashboard
.acd-accordion-count.warning {
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
}

.admin-command-dashboard
.acd-accordion-count.danger {
    background: rgba(239, 68, 68, 0.12);
    color: #fecaca;
}

.admin-command-dashboard .acd-accordion-body {
    padding: 10px 12px 12px;

    background: #111418;

    border-top: 1px solid rgba(255, 255, 255, 0.06);
}


/* =========================================================
   Interview Score List
========================================================== */

.admin-command-dashboard .acd-score-list {
    display: grid;

    gap: 7px;
}

.admin-command-dashboard .acd-score-row {
    display: grid;

    grid-template-columns:
            minmax(150px, 1.4fr)
            75px
            95px
            minmax(130px, 1fr)
            auto;

    align-items: center;

    gap: 8px;

    padding: 9px;

    background: #171b21;

    border: 1px solid rgba(255, 255, 255, 0.08);

    border-radius: 13px;
}

.admin-command-dashboard .acd-score-person {
    display: flex;
    flex-direction: column;

    min-width: 0;
}

.admin-command-dashboard .acd-score-person strong {
    color: #ffffff;

    font-size: 12px;
    font-weight: 900;
}

.admin-command-dashboard .acd-score-person small {
    color: #94a3b8;

    font-size: 9px;

    margin-top: 2px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-command-dashboard .acd-score-base {
    display: flex;
    flex-direction: column;
}

.admin-command-dashboard .acd-score-base span {
    color: #94a3b8;

    font-size: 9px;
}

.admin-command-dashboard .acd-score-base strong {
    color: #ffffff;

    font-size: 14px;
    font-weight: 900;
}

.admin-command-dashboard .acd-score-input {
    height: 36px;

    display: flex;
    align-items: center;

    background: rgba(255, 255, 255, 0.04);

    border: 1px solid rgba(255, 255, 255, 0.10);

    border-radius: 11px;

    overflow: hidden;
}

.admin-command-dashboard .acd-score-input:focus-within {
    border-color: rgba(56, 189, 248, 0.35);

    background: rgba(56, 189, 248, 0.05);
}

.admin-command-dashboard .acd-score-input input {
    width: 55px;
    height: 100%;

    background: transparent;

    border: 0;
    outline: 0;

    color: #ffffff;

    padding: 0 8px;

    font-size: 12px;
    font-weight: 900;
}

.admin-command-dashboard .acd-score-input span {
    color: #94a3b8;

    font-size: 9px;

    white-space: nowrap;
}

.admin-command-dashboard .acd-note-input {
    width: 100%;
    height: 36px;

    background: rgba(255, 255, 255, 0.04);

    border: 1px solid rgba(255, 255, 255, 0.10);

    border-radius: 11px;

    color: #ffffff;

    padding: 0 10px;

    outline: 0;

    font-size: 11px;
}

.admin-command-dashboard .acd-note-input::placeholder {
    color: #64748b;
}

.admin-command-dashboard .acd-note-input:focus {
    border-color: rgba(56, 189, 248, 0.35);
}

.admin-command-dashboard .acd-score-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.admin-command-dashboard .acd-save-score {
    min-height: 36px;

    background: #198754;

    border: 0;

    border-radius: 11px;

    color: #ffffff;

    padding: 0 12px;

    font-size: 11px;
    font-weight: 900;

    white-space: nowrap;
}

.admin-command-dashboard .acd-save-score:hover {
    background: #157347;
}

.admin-command-dashboard .acd-save-score:disabled {
    opacity: 0.6;
}

.admin-command-dashboard .acd-folder-btn,
.admin-command-dashboard .acd-icon-btn {
    width: 36px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: rgba(56, 189, 248, 0.10);

    border: 1px solid rgba(56, 189, 248, 0.20);

    border-radius: 11px;

    color: #bae6fd;

    text-decoration: none;
}

.admin-command-dashboard .acd-folder-btn:hover,
.admin-command-dashboard .acd-icon-btn:hover {
    background: rgba(56, 189, 248, 0.16);

    color: #ffffff;
}

.admin-command-dashboard .acd-field-error {
    color: #fca5a5;

    font-size: 9px;

    margin-top: 3px;
}


/* =========================================================
   Generic Buttons
========================================================== */

.admin-command-dashboard .acd-primary-small {
    min-height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    background: #0d6efd;

    color: #ffffff;

    border-radius: 11px;

    padding: 0 11px;

    font-size: 10px;
    font-weight: 900;

    text-decoration: none;
}

.admin-command-dashboard .acd-primary-small:hover {
    background: #0b5ed7;

    color: #ffffff;
}


/* =========================================================
   Today Interview Rows
========================================================== */

.admin-command-dashboard .acd-simple-list,
.admin-command-dashboard .acd-application-list,
.admin-command-dashboard .acd-work-list {
    display: grid;
    gap: 7px;
}

.admin-command-dashboard .acd-simple-row {
    min-height: 55px;

    display: grid;

    grid-template-columns: 75px 1fr auto;

    align-items: center;

    gap: 9px;

    padding: 8px 9px;

    background: #171b21;

    border: 1px solid rgba(255, 255, 255, 0.07);

    border-radius: 12px;
}

.admin-command-dashboard .acd-time-box,
.admin-command-dashboard .acd-simple-info,
.admin-command-dashboard .acd-application-person,
.admin-command-dashboard .acd-application-meta {
    display: flex;
    flex-direction: column;
}

.admin-command-dashboard .acd-time-box strong {
    color: #ffffff;

    font-size: 12px;
    font-weight: 900;
}

.admin-command-dashboard .acd-time-box span {
    width: fit-content;

    margin-top: 3px;

    font-size: 9px;

    color: #7dd3fc;
}

.admin-command-dashboard .acd-time-box span.live {
    color: #86efac;
}

.admin-command-dashboard .acd-time-box span.past {
    color: #fca5a5;
}

.admin-command-dashboard .acd-simple-info strong {
    color: #ffffff;

    font-size: 12px;
    font-weight: 900;
}

.admin-command-dashboard .acd-simple-info small {
    color: #94a3b8;

    font-size: 10px;

    margin-top: 2px;
}


/* =========================================================
   Applications
========================================================== */

.admin-command-dashboard .acd-application-row {
    min-height: 55px;

    display: grid;

    grid-template-columns:
            1.1fr
            1.4fr
            60px
            auto
            auto;

    align-items: center;

    gap: 9px;

    padding: 8px 9px;

    background: #171b21;

    border: 1px solid rgba(255, 255, 255, 0.07);

    border-radius: 12px;
}

.admin-command-dashboard .acd-application-person strong {
    color: #ffffff;

    font-size: 12px;
    font-weight: 900;
}

.admin-command-dashboard .acd-application-person small {
    color: #94a3b8;

    font-size: 9px;
}

.admin-command-dashboard .acd-application-meta span {
    color: #e2e8f0;

    font-size: 11px;
    font-weight: 800;
}

.admin-command-dashboard .acd-application-meta small {
    color: #94a3b8;

    font-size: 9px;

    margin-top: 2px;
}

.admin-command-dashboard .acd-application-score {
    color: #ffffff;

    font-size: 14px;
    font-weight: 950;
}

.admin-command-dashboard .acd-status {
    display: inline-flex;

    width: fit-content;

    border-radius: 999px;

    padding: 5px 8px;

    font-size: 9px;
    font-weight: 900;

    background: rgba(148, 163, 184, 0.10);

    color: #cbd5e1;

    white-space: nowrap;
}

.admin-command-dashboard .acd-status.status-draft {
    background: rgba(148, 163, 184, 0.10);
    color: #cbd5e1;
}

.admin-command-dashboard .acd-status.status-submitted {
    background: rgba(56, 189, 248, 0.12);
    color: #bae6fd;
}

.admin-command-dashboard .acd-status.status-under_review {
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
}

.admin-command-dashboard .acd-status.status-accepted {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.admin-command-dashboard .acd-status.status-rejected {
    background: rgba(239, 68, 68, 0.12);
    color: #fecaca;
}

.admin-command-dashboard .acd-open-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;

    color: #7dd3fc;

    font-size: 10px;
    font-weight: 900;

    text-decoration: none;

    white-space: nowrap;
}


/* =========================================================
   Work Items
========================================================== */

.admin-command-dashboard .acd-work-stats {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 8px;

    margin-bottom: 9px;
}

.admin-command-dashboard .acd-work-stats > div {
    min-height: 49px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    padding: 8px 10px;

    background: rgba(255, 255, 255, 0.04);

    border: 1px solid rgba(255, 255, 255, 0.07);

    border-radius: 11px;
}

.admin-command-dashboard .acd-work-stats span {
    color: #94a3b8;

    font-size: 10px;
}

.admin-command-dashboard .acd-work-stats strong {
    color: #ffffff;

    font-size: 15px;
    font-weight: 950;
}

.admin-command-dashboard .acd-work-row {
    min-height: 53px;

    padding: 8px 9px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    background: #171b21;

    border: 1px solid rgba(255, 255, 255, 0.07);

    border-radius: 12px;
}

.admin-command-dashboard .acd-work-row > div {
    display: flex;
    flex-direction: column;

    min-width: 0;
}

.admin-command-dashboard .acd-work-row strong {
    color: #ffffff;

    font-size: 11px;
    font-weight: 900;
}

.admin-command-dashboard .acd-work-row small {
    color: #94a3b8;

    font-size: 9px;

    margin-top: 2px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-command-dashboard .acd-work-action {
    height: 33px;

    padding: 0 11px;

    border: 1px solid rgba(56, 189, 248, 0.24);

    border-radius: 10px;

    background: rgba(56, 189, 248, 0.10);

    color: #bae6fd;

    font-size: 10px;
    font-weight: 900;

    white-space: nowrap;
}

.admin-command-dashboard .acd-work-action:hover {
    background: rgba(56, 189, 248, 0.16);
}

.admin-command-dashboard .acd-all-link {
    margin-top: 9px;

    text-align: left;
}

.admin-command-dashboard .acd-all-link a {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: #7dd3fc;

    text-decoration: none;

    font-size: 10px;
    font-weight: 900;
}

.admin-command-dashboard .acd-all-link span {
    background: rgba(239, 68, 68, 0.12);

    color: #fecaca;

    border-radius: 999px;

    padding: 3px 6px;

    font-size: 9px;
}


/* =========================================================
   Messages
========================================================== */

.admin-command-dashboard .acd-success {
    margin-bottom: 9px;

    background: rgba(34, 197, 94, 0.10);

    border: 1px solid rgba(34, 197, 94, 0.24);

    color: #bbf7d0;

    border-radius: 12px;

    padding: 9px 11px;

    font-size: 11px;
}

.admin-command-dashboard .acd-danger {
    margin-bottom: 9px;

    background: rgba(239, 68, 68, 0.10);

    border: 1px solid rgba(239, 68, 68, 0.24);

    color: #fecaca;

    border-radius: 12px;

    padding: 9px 11px;

    font-size: 11px;
}

.admin-command-dashboard .acd-empty {
    min-height: 80px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    color: #94a3b8;
}

.admin-command-dashboard .acd-empty > i {
    color: #86efac;

    font-size: 22px;
}

.admin-command-dashboard .acd-empty > div {
    display: flex;
    flex-direction: column;
}

.admin-command-dashboard .acd-empty strong {
    color: #ffffff;

    font-size: 11px;
    font-weight: 900;
}

.admin-command-dashboard .acd-empty span {
    color: #94a3b8;

    font-size: 10px;

    margin-top: 2px;
}


/* =========================================================
   Tablet
========================================================== */

@media (max-width: 991px) {

    .admin-command-dashboard .acd-stats {
        grid-template-columns:
                repeat(2, minmax(0, 1fr));
    }

    .admin-command-dashboard .acd-quick-grid {
        grid-template-columns: 1fr;
    }

    .admin-command-dashboard .acd-score-row {
        grid-template-columns:
                1fr
                75px
                95px
                auto;
    }

    .admin-command-dashboard .acd-score-row .acd-note-input {
        grid-column: 1 / -1;
    }

}


/* =========================================================
   Mobile
========================================================== */

@media (max-width: 768px) {

    .admin-command-dashboard .acd-shell {
        gap: 9px;
    }

    .admin-command-dashboard .acd-header {
        padding: 13px;

        flex-direction: column;

        align-items: flex-start;
    }

    .admin-command-dashboard .acd-header h2 {
        font-size: 16px;
    }

    .admin-command-dashboard .acd-next {
        grid-template-columns: auto 1fr;
    }

    .admin-command-dashboard .acd-next-actions {
        grid-column: 1 / -1;

        width: 100%;

        justify-content: flex-end;
    }

    .admin-command-dashboard .acd-stats {
        gap: 7px;
    }

    .admin-command-dashboard .acd-stat {
        min-height: 65px;

        padding: 9px;
    }

    .admin-command-dashboard .acd-stat-icon {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .admin-command-dashboard .acd-stat strong {
        font-size: 16px;
    }

    .admin-command-dashboard .acd-section-head > small {
        display: none;
    }

    .admin-command-dashboard .acd-score-row {
        grid-template-columns: 1fr 90px;

        padding: 10px;
    }

    .admin-command-dashboard .acd-score-person {
        grid-column: 1 / -1;
    }

    .admin-command-dashboard .acd-score-base {
        display: none;
    }

    .admin-command-dashboard .acd-note-input {
        grid-column: 1 / -1 !important;
    }

    .admin-command-dashboard .acd-score-actions {
        grid-column: 1 / -1;

        justify-content: flex-end;
    }

    .admin-command-dashboard .acd-simple-row {
        grid-template-columns: 65px 1fr;
    }

    .admin-command-dashboard .acd-row-actions {
        grid-column: 1 / -1;

        justify-content: flex-end;
    }

    .admin-command-dashboard .acd-application-row {
        grid-template-columns: 1fr auto;

        padding: 10px;
    }

    .admin-command-dashboard .acd-application-meta {
        grid-column: 1 / -1;
    }

    .admin-command-dashboard .acd-application-score {
        display: none;
    }

    .admin-command-dashboard .acd-work-stats {
        grid-template-columns: 1fr;
    }

}

.admin-barter-course-selector {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.admin-barter-course-option {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 11px 12px;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;

    background: rgba(255, 255, 255, 0.035);

    cursor: pointer;

    transition: 0.2s ease;
}

.admin-barter-course-option:hover {
    border-color: rgba(56, 189, 248, 0.25);
    background: rgba(56, 189, 248, 0.08);
}

.admin-barter-course-option input {
    width: 17px;
    height: 17px;

    flex: 0 0 auto;
}

.admin-barter-course-option > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.admin-barter-course-option strong {
    color: #f8fafc;
    font-size: 12px;
    font-weight: 900;
}

.admin-barter-course-option small {
    color: #94a3b8;
    font-size: 10px;
}

@media (max-width: 768px) {
    .admin-barter-course-selector {
        grid-template-columns: 1fr;
    }
}
/* =========================================================
   Interview Management Table
========================================================= */


.dashboard-interview-table-wrapper {
    overflow-x: auto;
}


.dashboard-interview-table {

    width: 100%;

    border-collapse: separate;

    border-spacing: 0 7px;

}


.dashboard-interview-table th {

    padding: 8px 10px;

    color: #94a3b8;

    font-size: 10px;

    font-weight: 900;

    text-align: right;

}


.dashboard-interview-table td {

    padding: 10px;

    background:
        rgba(255,255,255,0.04);

    border-top:
        1px solid rgba(255,255,255,0.08);

    border-bottom:
        1px solid rgba(255,255,255,0.08);

}


.dashboard-interview-table td:first-child {

    border-radius: 0 12px 12px 0;

}


.dashboard-interview-table td:last-child {

    border-radius: 12px 0 0 12px;

}


.dashboard-interview-table strong {

    display:block;

    color:#fff;

    font-size:12px;

    font-weight:900;

}


.dashboard-interview-table small {

    display:block;

    margin-top:3px;

    color:#94a3b8;

    font-size:10px;

}



.dashboard-table-badge {

    display:inline-flex;

    padding:4px 8px;

    border-radius:999px;

    background:
        rgba(148,163,184,.12);

    color:#cbd5e1;

    font-size:10px;

    font-weight:800;

}


.dashboard-table-badge.scholarship {

    background:
        rgba(56,189,248,.12);

    color:#7dd3fc;

}


.dashboard-table-badge.barter {

    background:
        rgba(251,191,36,.12);

    color:#fde68a;

}


.dashboard-table-badge.group {

    background:
        rgba(168,85,247,.12);

    color:#d8b4fe;

}



.dashboard-table-status {

    font-size:10px;

    font-weight:800;

}


.dashboard-table-status.waiting {

    color:#7dd3fc;

}


.dashboard-table-status.missed {

    color:#fecaca;

}


.dashboard-table-status.completed {

    color:#86efac;

}


.dashboard-table-status.scored {

    color:#fde68a;

}



.dashboard-table-actions {

    display:flex;

    gap:6px;

    align-items:center;

}



.dashboard-table-action {

    height:32px;

    padding:0 10px;

    border-radius:10px;

    display:inline-flex;

    align-items:center;

    gap:5px;

    border:0;

    text-decoration:none;

    font-size:10px;

    font-weight:900;

}


.dashboard-table-action.success {

    background:#198754;

    color:#fff;

}


.dashboard-table-action.warning {

    background:
        rgba(251,191,36,.15);

    color:#fde68a;

}


.dashboard-table-action.info {

    background:
        rgba(56,189,248,.12);

    color:#7dd3fc;

}

.dashboard-interview-filters{

    display:grid;

    grid-template-columns:
    2fr
    1fr
    1fr
    1fr;

    gap:10px;

}


.dashboard-interview-filters input,
.dashboard-interview-filters select{

    height:40px;

    background:
        rgba(255,255,255,.04);

    border:
        1px solid rgba(255,255,255,.12);

    color:#fff;

    border-radius:12px;

    font-size:12px;

}


@media(max-width:768px){

    .dashboard-interview-filters{

        grid-template-columns:1fr;

    }

}


/* =========================================================
   Interview Management Table
========================================================== */

.dashboard-interview-table-wrapper {
    overflow-x: auto;
}

.dashboard-interview-filters {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 12px;
    margin-bottom: 14px;
}

.dashboard-filter-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dashboard-filter-item label {
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 800;
}

.dashboard-interview-filters input,
.dashboard-interview-filters select {
    height: 42px;
    width: 100%;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 12px;
    color: #ffffff;
    padding: 0 12px;
    outline: none;
    font-size: 11px;
}

.dashboard-interview-filters input::placeholder {
    color: #94a3b8;
}

.dashboard-interview-filters input:focus,
.dashboard-interview-filters select:focus {
    border-color: rgba(56, 189, 248, 0.35);
}

.dashboard-interview-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    min-width: 980px;
}

.dashboard-interview-table thead th {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 800;
    padding: 0 10px 8px;
    text-align: right;
    white-space: nowrap;
}

.dashboard-interview-table tbody tr {
    background: rgba(255,255,255,0.04);
}

.dashboard-interview-table tbody td {
    padding: 14px 10px;
    vertical-align: middle;
    border-top: 1px solid rgba(255,255,255,0.08);
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.dashboard-interview-table tbody td:first-child {
    border-right: 1px solid rgba(255,255,255,0.08);
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}

.dashboard-interview-table tbody td:last-child {
    border-left: 1px solid rgba(255,255,255,0.08);
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

.dashboard-table-main {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dashboard-table-main strong {
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
}

.dashboard-table-main small {
    color: #94a3b8;
    font-size: 10px;
}

.dashboard-table-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    background: rgba(148, 163, 184, 0.12);
    color: #cbd5e1;
}

.dashboard-table-badge.scholarship {
    background: rgba(59, 130, 246, 0.14);
    color: #93c5fd;
}

.dashboard-table-badge.barter {
    background: rgba(245, 158, 11, 0.14);
    color: #fcd34d;
}

.dashboard-table-badge.group {
    background: rgba(139, 92, 246, 0.14);
    color: #c4b5fd;
}

.dashboard-table-badge.neutral {
    background: rgba(148, 163, 184, 0.12);
    color: #cbd5e1;
}

.dashboard-badge-count {
    opacity: .9;
}

.dashboard-table-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}

.dashboard-table-status.waiting {
    background: rgba(56, 189, 248, 0.12);
    color: #7dd3fc;
}

.dashboard-table-status.missed {
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
}

.dashboard-table-status.completed {
    background: rgba(34, 197, 94, 0.12);
    color: #86efac;
}

.dashboard-table-status.pending-score {
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
}

.dashboard-table-status.scored {
    background: rgba(99, 102, 241, 0.12);
    color: #c4b5fd;
}

.dashboard-table-actions-column {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 290px;
}

.dashboard-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dashboard-action-btn {
    min-height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    transition: 0.18s ease;
    white-space: nowrap;
}

.dashboard-action-btn:disabled {
    opacity: .6;
    cursor: not-allowed;
}

.dashboard-action-btn.action-confirm {
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.24);
    color: #bbf7d0;
}

.dashboard-action-btn.action-confirm:hover {
    background: rgba(34, 197, 94, 0.22);
}

.dashboard-action-btn.action-miss {
    background: rgba(239, 68, 68, 0.14);
    border-color: rgba(239, 68, 68, 0.24);
    color: #fecaca;
}

.dashboard-action-btn.action-miss:hover {
    background: rgba(239, 68, 68, 0.22);
}

.dashboard-action-btn.action-score {
    background: rgba(251, 191, 36, 0.14);
    border-color: rgba(251, 191, 36, 0.24);
    color: #fde68a;
}

.dashboard-action-btn.action-score:hover {
    background: rgba(251, 191, 36, 0.22);
}

.dashboard-action-btn.action-file {
    background: rgba(56, 189, 248, 0.12);
    border-color: rgba(56, 189, 248, 0.22);
    color: #bae6fd;
    width: fit-content;
}

.dashboard-action-btn.action-file:hover {
    background: rgba(56, 189, 248, 0.18);
    color: #ffffff;
}

.dashboard-score-inline-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dashboard-score-inline-fields {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 8px;
}

.dashboard-score-inline-fields input {
    height: 38px;
    width: 100%;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 10px;
    color: #ffffff;
    padding: 0 10px;
    outline: none;
    font-size: 11px;
}

.dashboard-score-inline-fields input::placeholder {
    color: #94a3b8;
}

.dashboard-score-inline-fields input:focus {
    border-color: rgba(56, 189, 248, 0.35);
}

@media (max-width: 992px) {
    .dashboard-interview-filters {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-table-actions-column {
        min-width: 240px;
    }

    .dashboard-score-inline-fields {
        grid-template-columns: 1fr;
    }
}
.dashboard-action-btn.action-score {

    height: 32px;

    padding: 0 12px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 5px;

    border-radius: 9px;

    font-size: 11px;

    font-weight: 800;

    white-space: nowrap;

}


.dashboard-action-btn.action-score i {

    font-size: 10px;

}
.dashboard-score-inline-box {

    display: flex;

    align-items: center;

    gap: 8px;

}


.dashboard-score-inline-fields {

    display: flex;

    gap: 6px;

}


.dashboard-score-inline-fields input {

    height: 32px;

    font-size: 11px;

    padding: 0 8px;

    border-radius: 8px;

}


.dashboard-score-inline-fields input[type="number"] {

    width: 90px;

}


.dashboard-score-inline-fields input[type="text"] {

    width: 160px;

}


/* =========================================================
   Referral Modal - additions on top of shared PublicModal styles
   ========================================================= */

#referralModal .referral-prefilled-notice {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 13px;
    padding: 9px 11px;
    font-size: 12px;
    line-height: 1.8;
    border-radius: 8px;
}

#referralModal .referral-prefilled-notice i {
    flex: 0 0 auto;
    margin-top: 2px;
    font-size: 14px;
}

#referralModal .referral-score-note {
    margin: 3px auto 0;
    text-align: center;
    font-size: 12.5px;
    line-height: 1.9;
}

#referralModal .referral-score-note p {
    margin: 0 0 2px;
}

#referralModal .referral-intro-video {
    margin-top: 11px;
}

@media (max-width: 575.98px) {
    #referralModal .referral-prefilled-notice {
        margin-bottom: 10px;
        padding: 8px 9px;
        font-size: 11px;
    }

    #referralModal .referral-score-note {
        font-size: 11.5px;
        line-height: 1.8;
    }
}

/* Course/Product management — هماهنگ با تم تیره پنل */
.course-management-page .dash-panel {
    background: #273449;
    border-color: rgba(255,255,255,.08);
    color: #e5e7eb;
}
.course-management-page .dash-panel h3,
.course-management-page .dash-panel h4,
.course-management-page .table { color: #f8fafc; }
.course-management-page .table > :not(caption) > * > * {
    background: transparent;
    color: inherit;
    border-color: rgba(255,255,255,.08);
}
.course-management-page .form-label { color: #dbeafe; font-weight: 800; }
.course-management-page .form-control,
.course-management-page .form-select,
.course-management-page .input-group-text {
    background-color: rgba(15,23,42,.5) !important;
    border-color: rgba(255,255,255,.10) !important;
    color: #f8fafc !important;
    box-shadow: none !important;
}
.course-management-page .form-control::placeholder { color: #64748b; }
.course-management-page .form-control:focus,
.course-management-page .form-select:focus {
    border-color: rgba(96,165,250,.65) !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
}
.course-management-page .form-select option { background: #1f2b3d; color: #f8fafc; }
.course-management-page .text-muted { color: #94a3b8 !important; }

/* =========================================================
   Scholarship target courses + student scholarship purchase paths
   ========================================================= */

.admin-scholarship-page .admin-scholarship-course-selector {
    display: grid;
    gap: 8px;
    max-height: 245px;
    overflow-y: auto;
    padding: 4px;
}

.admin-scholarship-page .admin-scholarship-course-option {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 11px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 12px;
    background: rgba(15, 23, 42, .36);
    cursor: pointer;
    transition: .18s ease;
}

.admin-scholarship-page .admin-scholarship-course-option:hover {
    border-color: rgba(96, 165, 250, .45);
    background: rgba(37, 99, 235, .10);
}

.admin-scholarship-page .admin-scholarship-course-option input {
    width: 17px;
    height: 17px;
    margin-top: 3px;
    accent-color: #2563eb;
    flex: 0 0 auto;
}

.admin-scholarship-page .admin-scholarship-course-option-body {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.admin-scholarship-page .admin-scholarship-course-option-body strong {
    color: #f8fafc;
    font-size: 12px;
    line-height: 1.8;
}

.admin-scholarship-page .admin-scholarship-course-option-body small {
    color: #94a3b8;
    font-size: 10.5px;
    line-height: 1.7;
}

.admin-scholarship-page .admin-scholarship-course-empty {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    padding: 11px;
    border: 1px dashed rgba(245, 158, 11, .32);
    border-radius: 12px;
    background: rgba(245, 158, 11, .08);
    color: #fcd34d;
    font-size: 11px;
    line-height: 1.8;
}

.admin-scholarship-page .admin-scholarship-course-empty a {
    color: #93c5fd;
    font-weight: 800;
    text-decoration: none;
}

.admin-scholarship-page .admin-scholarship-target-products {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.admin-scholarship-page .admin-scholarship-target-products span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(8, 145, 178, .12);
    border: 1px solid rgba(34, 211, 238, .16);
    color: #a5f3fc;
    font-size: 10px;
    font-weight: 800;
}

.admin-scholarship-page .admin-scholarship-summary-panel {
    background: #273449;
    border-color: rgba(255, 255, 255, .08);
}

.admin-scholarship-page .admin-scholarship-summary-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.admin-scholarship-page .admin-scholarship-summary-head p {
    color: #94a3b8;
    font-size: 11px;
    line-height: 1.8;
}

.admin-scholarship-page .admin-scholarship-summary-grid {
    display: grid;
    grid-template-columns: minmax(150px, .35fr) minmax(0, 1fr);
    gap: 10px;
    margin-top: 14px;
}

.admin-scholarship-page .admin-scholarship-summary-grid > div {
    padding: 11px 12px;
    border-radius: 12px;
    background: rgba(15, 23, 42, .34);
    border: 1px solid rgba(255, 255, 255, .07);
}

.admin-scholarship-page .admin-scholarship-summary-grid > div > span {
    display: block;
    margin-bottom: 6px;
    color: #94a3b8;
    font-size: 10.5px;
    font-weight: 800;
}

.admin-scholarship-page .admin-scholarship-summary-grid strong {
    color: #f8fafc;
}

.admin-scholarship-page .admin-scholarship-summary-courses > div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.admin-scholarship-page .admin-scholarship-summary-courses strong {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(8, 145, 178, .12);
    border: 1px solid rgba(34, 211, 238, .16);
    color: #a5f3fc;
    font-size: 10.5px;
}

.student-courses-page .course-scholarship-flag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 9px 5px;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(8, 145, 178, .14);
    border: 1px solid rgba(34, 211, 238, .18);
    color: #67e8f9;
    font-size: 10.5px;
    font-weight: 900;
}

.student-courses-page .course-card-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.student-courses-page .course-scholarship-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 11px;
    border-radius: 9px;
    background: rgba(8, 145, 178, .16);
    border: 1px solid rgba(34, 211, 238, .24);
    color: #a5f3fc !important;
    text-decoration: none;
    font-size: 10.5px;
    font-weight: 900;
    transition: .18s ease;
}

.student-courses-page .course-scholarship-btn:hover {
    background: rgba(8, 145, 178, .28);
    color: #ecfeff !important;
}

.student-course-detail-page .course-scholarship-hero-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: #0891b2;
    color: #ffffff;
    font-size: 10.5px;
    font-weight: 950;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
}

.student-course-detail-page .course-purchase-paths {
    display: grid;
    gap: 10px;
}

.student-course-detail-page .course-scholarship-choice {
    padding: 11px;
    border: 1px solid rgba(34, 211, 238, .16);
    border-radius: 13px;
    background: rgba(8, 145, 178, .09);
}

.student-course-detail-page .course-scholarship-choice-head {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 9px;
}

.student-course-detail-page .course-scholarship-choice-head > i {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 9px;
    background: rgba(8, 145, 178, .20);
    color: #67e8f9;
}

.student-course-detail-page .course-scholarship-choice-head strong,
.student-course-detail-page .course-scholarship-choice-head span {
    display: block;
}

.student-course-detail-page .course-scholarship-choice-head strong {
    color: #ecfeff;
    font-size: 11.5px;
    margin-bottom: 3px;
}

.student-course-detail-page .course-scholarship-choice-head span {
    color: #94a3b8;
    font-size: 10.5px;
    line-height: 1.8;
}

.student-course-detail-page .course-scholarship-links {
    display: grid;
    gap: 7px;
}

.student-course-detail-page .course-scholarship-main-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 10px;
    background: rgba(8, 145, 178, .18);
    border: 1px solid rgba(34, 211, 238, .20);
    color: #ecfeff !important;
    text-decoration: none;
    transition: .18s ease;
}

.student-course-detail-page .course-scholarship-main-btn:hover {
    background: rgba(8, 145, 178, .30);
    transform: translateY(-1px);
}

.student-course-detail-page .course-scholarship-main-btn span,
.student-course-detail-page .course-scholarship-main-btn strong,
.student-course-detail-page .course-scholarship-main-btn small {
    display: block;
}

.student-course-detail-page .course-scholarship-main-btn strong {
    color: #ffffff;
    font-size: 11px;
}

.student-course-detail-page .course-scholarship-main-btn small {
    margin-top: 2px;
    color: #a5f3fc;
    font-size: 9.5px;
}

@media (max-width: 767.98px) {
    .admin-scholarship-page .admin-scholarship-summary-head,
    .student-courses-page .course-footer-with-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-scholarship-page .admin-scholarship-summary-grid {
        grid-template-columns: 1fr;
    }

    .student-courses-page .course-card-actions {
        justify-content: stretch;
    }

    .student-courses-page .course-card-actions > a {
        flex: 1 1 auto;
    }
}

/* اتصال دوره به بورسیه‌های فعال - فرم مدیریت محصول */
.course-management-page .admin-scholarship-link-box {
    margin-top: 6px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 14px;
    background: rgba(15, 23, 42, .36);
}

.course-management-page .admin-scholarship-link-box > label {
    margin: 0;
    padding-inline: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    cursor: pointer;
}

.course-management-page .admin-scholarship-link-box > label:last-of-type {
    border-bottom: 0;
}

.course-management-page .admin-scholarship-link-box .form-check-input {
    width: 17px;
    height: 17px;
    accent-color: #2563eb;
    flex: 0 0 auto;
}

.course-management-page .admin-scholarship-link-box strong {
    color: #f8fafc;
}
.scholarship-navigation-bar {
    display: flex;
    justify-content: flex-start;
}


.scholarship-back-dashboard {

    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 10px 18px;

    border-radius: 12px;

    background: #ffffff;

    color: #0d6efd;

    border: 1px solid rgba(13,110,253,.2);

    text-decoration: none;

    font-size: 14px;

    transition: .2s ease;

}


.scholarship-back-dashboard:hover {

    background:#0d6efd;

    color:white;

}


@media(max-width:768px){

    .scholarship-navigation-bar {

        justify-content:center;

    }


    .scholarship-back-dashboard {

        width:100%;

        justify-content:center;

    }

}