/* Muslim Helper — style.css
   Merged from: 0.css, home-redesign.css, buttons.css, skeleton.css */

@import url(https://design.midade.com/2024/africa-gate/assets/less/modules/audioplayer.css);
/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme="light"] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0.15),
    hsla(0, 0%, 100%, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(109.8, 168, 253.8);
  --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: hsla(0, 0%, 100%, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}
*,
:after,
:before {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .h1,
  h1 {
    font-size: 2.5rem;
  }
}
.h2,
h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  .h2,
  h2 {
    font-size: 2rem;
  }
}
.h3,
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  .h3,
  h3 {
    font-size: 1.75rem;
  }
}
.h4,
h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  .h4,
  h4 {
    font-size: 1.5rem;
  }
}
.h5,
h5 {
  font-size: 1.25rem;
}
.h6,
h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
.small,
small {
  font-size: 0.875em;
}
.mark,
mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border: 0 solid;
  border-color: inherit;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not(
    [type="week"]
  ):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-inline,
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer:before {
  content: "— ";
}
.img-fluid,
.img-thumbnail {
  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);
}
.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-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem;
  color: var(
    --bs-table-color-state,
    var(--bs-table-color-type, var(--bs-table-color))
  );
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px
    var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-left-width: 0;
  border-bottom-width: var(--bs-border-width);
  border-right-width: 0;
  border-top-width: var(--bs-border-width);
}
.table-bordered > :not(caption) > * > * {
  border-left-width: var(--bs-border-width);
  border-bottom-width: 0;
  border-right-width: var(--bs-border-width);
  border-top-width: 0;
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped-columns > :not(caption) > tr > :nth-child(2n),
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 226, 254.6);
  --bs-table-border-color: rgb(165.28, 180.8, 203.68);
  --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
  --bs-table-hover-color: #000;
}
.table-primary,
.table-secondary {
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(225.6, 227.4, 229);
  --bs-table-border-color: rgb(180.48, 181.92, 183.2);
  --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
  --bs-table-hover-color: #000;
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: rgb(209, 231, 220.8);
  --bs-table-border-color: rgb(167.2, 184.8, 176.64);
  --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
  --bs-table-hover-color: #000;
}
.table-info,
.table-success {
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 244.4, 252);
  --bs-table-border-color: rgb(165.28, 195.52, 201.6);
  --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
  --bs-table-hover-color: #000;
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: rgb(255, 242.6, 205.4);
  --bs-table-border-color: rgb(204, 194.08, 164.32);
  --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
  --bs-table-hover-color: #000;
}
.table-danger,
.table-warning {
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: rgb(248, 214.6, 217.8);
  --bs-table-border-color: rgb(198.4, 171.68, 174.24);
  --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
  --bs-table-hover-color: #000;
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: rgb(198.4, 199.2, 200);
  --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 224.1, 225);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
  --bs-table-hover-color: #000;
}
.table-dark,
.table-light {
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: rgb(77.4, 80.6, 83.8);
  --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
  --bs-table-hover-color: #fff;
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type="file"] {
  overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border: 0 solid;
  border-color: inherit;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border-width: medium;
  border-left: 0 solid transparent;
  border-bottom: var(--bs-border-width) solid transparent;
  border-right: 0 solid transparent;
  border-top: var(--bs-border-width) solid transparent;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img),
    var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme="dark"] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  print-color-adjust: exact;
}
.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}
.form-check-input[type="radio"] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%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 10l3 3 6-6'/%3E%3C/svg%3E");
}
.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E");
}
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: 0;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386B6FE'/%3E%3C/svg%3E");
}
.form-switch .form-check-input:checked {
  background-position: 100%;
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%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-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
  pointer-events: none;
  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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + var(--bs-border-width) * 2);
  min-height: calc(3.5rem + var(--bs-border-width) * 2);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control-plaintext:-webkit-autofill,
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label:after,
.form-floating > textarea:not(:placeholder-shown) ~ label:after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label:after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-left-width: 0;
  border-bottom-width: var(--bs-border-width);
  border-right-width: 0;
  border-top-width: var(--bs-border-width);
}
.form-floating > .form-control:disabled ~ label,
.form-floating > :disabled ~ label {
  color: #6c757d;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-floating,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-floating:focus-within,
.input-group > .form-select:focus {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation
  > .form-floating:nth-last-child(n + 3)
  > .form-control,
.input-group.has-validation
  > .form-floating:nth-last-child(n + 3)
  > .form-select,
.input-group.has-validation
  > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(
    .form-floating
  ),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)
  > .form-floating:not(:last-child)
  > .form-control,
.input-group:not(.has-validation)
  > .form-floating:not(:last-child)
  > .form-select,
.input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(
    .form-floating
  ) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73L.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.1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
}
.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: var(--bs-form-valid-border-color);
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73L.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.1'/%3E%3C/svg%3E");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.form-control-color.is-valid,
.was-validated .form-control-color:valid {
  width: calc(3.75rem + 1.5em);
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: var(--bs-form-valid-border-color);
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: var(--bs-form-valid-color);
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.input-group > .form-control:not(:focus).is-valid,
.input-group > .form-floating:not(:focus-within).is-valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-control:not(:focus):valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
  width: calc(3.75rem + 1.5em);
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.input-group > .form-control:not(:focus).is-invalid,
.input-group > .form-floating:not(:focus-within).is-invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-control:not(:focus):invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15),
    0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
}
.btn-check:focus-visible + .btn,
.btn:focus-visible {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible,
.btn-check:checked:focus-visible + .btn,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
  --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(10.4, 88, 202.4);
  --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
  --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(86.4, 93.6, 100);
  --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
  --bs-btn-hover-border-color: rgb(20, 108, 67.2);
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(20, 108, 67.2);
  --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(61.4, 212.6, 243);
  --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
  --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(255, 205.4, 56.6);
  --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
  --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(176, 42.4, 55.2);
  --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
  --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-group-lg > .btn,
.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-group-sm > .btn,
.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(
    var(--bs-border-radius) - var(--bs-border-width)
  );
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropend .dropdown-toggle:after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  display: none;
}
.dropstart .dropdown-toggle:before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropstart .dropdown-toggle:before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y)
    var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > .btn-group:not(:first-child),
.btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split:before {
  margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:nth-child(n + 3),
.btn-group-vertical > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:focus,
.nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg)
    var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color)
    var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid
    var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-brand  img{
  max-height: 40px;
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme="dark"] {
  --bs-navbar-color: hsla(0, 0%, 100%, 0.55);
  --bs-navbar-hover-color: hsla(0, 0%, 100%, 0.75);
  --bs-navbar-disabled-color: hsla(0, 0%, 100%, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, 0.1);
}
.navbar-dark,
.navbar[data-bs-theme="dark"],
[data-bs-theme="dark"] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-inner-border-radius: calc(
    var(--bs-border-radius) - var(--bs-border-width)
  );
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(var(--bs-card-title-spacer-y) * -0.5);
  color: var(--bs-card-subtitle-color);
}
.card-subtitle,
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius)
    var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius)
    var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(var(--bs-card-cap-padding-x) * -0.5);
  margin-bottom: calc(var(--bs-card-cap-padding-y) * -1);
  margin-left: calc(var(--bs-card-cap-padding-x) * -0.5);
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(var(--bs-card-cap-padding-x) * -0.5);
  margin-left: calc(var(--bs-card-cap-padding-x) * -0.5);
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-header,
  .card-group > .card:not(:last-child) > .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-footer,
  .card-group > .card:not(:last-child) > .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-header,
  .card-group > .card:not(:first-child) > .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-footer,
  .card-group > .card:not(:first-child) > .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: 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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052C65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0
    var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed):after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button:after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button:after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush
  > .accordion-item
  > .accordion-header
  .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme="dark"] .accordion-button:after {
  --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236DA8FD'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708'/%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236DA8FD'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708'/%3E%3C/svg%3E");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item:before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid
    var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.active > .page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.disabled > .page-link,
.page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item:before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y)
    var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid
    var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(var(--bs-list-group-border-width) * -1);
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):focus,
.list-group-item-action:not(.active):hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(var(--bs-list-group-border-width) * -1);
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-left-width: 0;
  border-bottom-width: var(--bs-list-group-border-width);
  border-right-width: 0;
  border-top-width: 0;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414'/%3E%3C/svg%3E");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em;
  background: transparent var(--bs-btn-close-bg) 50%/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close,
.btn-close:hover {
  color: var(--bs-btn-close-color);
}
.btn-close:hover {
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
[data-bs-theme="dark"] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid
    var(--bs-toast-header-border-color);
  border-top-left-radius: calc(
    var(--bs-toast-border-radius) - var(--bs-toast-border-width)
  );
  border-top-right-radius: calc(
    var(--bs-toast-border-radius) - var(--bs-toast-border-width)
  );
}
.toast-header .btn-close {
  margin-right: calc(var(--bs-toast-padding-x) * -0.5);
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(
    var(--bs-border-radius-lg) - var(--bs-border-width)
  );
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translateY(-50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid
    var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5)
    calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(var(--bs-modal-header-padding-y) * -0.5);
  margin-right: calc(var(--bs-modal-header-padding-x) * -0.5);
  margin-bottom: calc(var(--bs-modal-header-padding-y) * -0.5);
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid
    var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-footer,
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-footer,
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-footer,
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-footer,
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-footer,
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow:before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: calc(var(--bs-tooltip-arrow-height) * -1);
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
  top: -1px;
  border-left-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
  border-bottom-width: 0;
  border-right-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
  border-top-width: var(--bs-tooltip-arrow-height);
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left: calc(var(--bs-tooltip-arrow-height) * -1);
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
  right: -1px;
  border-left-width: 0;
  border-bottom-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
  border-right-width: var(--bs-tooltip-arrow-height);
  border-top-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: calc(var(--bs-tooltip-arrow-height) * -1);
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
  bottom: -1px;
  border-left-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
  border-bottom-width: var(--bs-tooltip-arrow-height);
  border-right-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
  border-top-width: 0;
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right: calc(var(--bs-tooltip-arrow-height) * -1);
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
  left: -1px;
  border-left-width: var(--bs-tooltip-arrow-height);
  border-bottom-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
  border-right-width: 0;
  border-top-width: calc(var(--bs-tooltip-arrow-width) * 0.5);
  border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(
    var(--bs-border-radius-lg) - var(--bs-border-width)
  );
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow:after,
.popover .popover-arrow:before {
  position: absolute;
  display: block;
  content: "";
  border: 0 solid transparent;
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow,
.bs-popover-top > .popover-arrow {
  bottom: calc(
    var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)
  );
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before,
.bs-popover-top > .popover-arrow:after,
.bs-popover-top > .popover-arrow:before {
  border-left-width: calc(var(--bs-popover-arrow-width) * 0.5);
  border-bottom-width: 0;
  border-right-width: calc(var(--bs-popover-arrow-width) * 0.5);
  border-top-width: var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before,
.bs-popover-top > .popover-arrow:before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after,
.bs-popover-top > .popover-arrow:after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow,
.bs-popover-end > .popover-arrow {
  left: calc(
    var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)
  );
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before,
.bs-popover-end > .popover-arrow:after,
.bs-popover-end > .popover-arrow:before {
  border-left-width: 0;
  border-bottom-width: calc(var(--bs-popover-arrow-width) * 0.5);
  border-right-width: var(--bs-popover-arrow-height);
  border-top-width: calc(var(--bs-popover-arrow-width) * 0.5);
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before,
.bs-popover-end > .popover-arrow:before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after,
.bs-popover-end > .popover-arrow:after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow,
.bs-popover-bottom > .popover-arrow {
  top: calc(
    var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)
  );
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before,
.bs-popover-bottom > .popover-arrow:after,
.bs-popover-bottom > .popover-arrow:before {
  border-left-width: calc(var(--bs-popover-arrow-width) * 0.5);
  border-bottom-width: var(--bs-popover-arrow-height);
  border-right-width: calc(var(--bs-popover-arrow-width) * 0.5);
  border-top-width: 0;
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before,
.bs-popover-bottom > .popover-arrow:before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after,
.bs-popover-bottom > .popover-arrow:after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header:before,
.bs-popover-bottom .popover-header:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(var(--bs-popover-arrow-width) * -0.5);
  content: "";
  border-bottom: var(--bs-popover-border-width) solid
    var(--bs-popover-header-bg);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow,
.bs-popover-start > .popover-arrow {
  right: calc(
    var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)
  );
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before,
.bs-popover-start > .popover-arrow:after,
.bs-popover-start > .popover-arrow:before {
  border-left-width: var(--bs-popover-arrow-height);
  border-bottom-width: calc(var(--bs-popover-arrow-width) * 0.5);
  border-right-width: 0;
  border-top-width: calc(var(--bs-popover-arrow-width) * 0.5);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before,
.bs-popover-start > .popover-arrow:before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after,
.bs-popover-start > .popover-arrow:after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid
    var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner:after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%);
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none;
  }
}
.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-next,
  .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%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 010 .708L5.707 8l5.647 5.646a.5.5 0 01-.708.708l-6-6a.5.5 0 010-.708l6-6a.5.5 0 01.708 0'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%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 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L10.293 8 4.646 2.354a.5.5 0 010-.708'/%3E%3C/svg%3E");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}
.carousel-dark {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
:root,
[data-bs-theme="light"] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
}
[data-bs-theme="dark"] {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
.spinner-border,
.spinner-grow {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite
    var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(1turn);
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom,
  .offcanvas-sm.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
  }
  .offcanvas-sm.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.show:not(.hiding),
  .offcanvas-sm.showing {
    transform: none;
  }
  .offcanvas-sm.hiding,
  .offcanvas-sm.show,
  .offcanvas-sm.showing {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom,
  .offcanvas-md.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
  }
  .offcanvas-md.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.show:not(.hiding),
  .offcanvas-md.showing {
    transform: none;
  }
  .offcanvas-md.hiding,
  .offcanvas-md.show,
  .offcanvas-md.showing {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom,
  .offcanvas-lg.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
  }
  .offcanvas-lg.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.show:not(.hiding),
  .offcanvas-lg.showing {
    transform: none;
  }
  .offcanvas-lg.hiding,
  .offcanvas-lg.show,
  .offcanvas-lg.showing {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom,
  .offcanvas-xl.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
  }
  .offcanvas-xl.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.show:not(.hiding),
  .offcanvas-xl.showing {
    transform: none;
  }
  .offcanvas-xl.hiding,
  .offcanvas-xl.show,
  .offcanvas-xl.showing {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom,
  .offcanvas-xxl.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
  }
  .offcanvas-xxl.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.show:not(.hiding),
  .offcanvas-xxl.showing {
    transform: none;
  }
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show,
  .offcanvas-xxl.showing {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  border-bottom: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom,
.offcanvas.offcanvas-top {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
}
.offcanvas.offcanvas-bottom {
  border-top: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none;
}
.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5)
    calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(var(--bs-offcanvas-padding-y) * -0.5);
  margin-right: calc(var(--bs-offcanvas-padding-x) * -0.5);
  margin-bottom: calc(var(--bs-offcanvas-padding-y) * -0.5);
  margin-left: auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn:before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(
    130deg,
    #000 55%,
    rgba(0, 0, 0, 0.8) 75%,
    #000 95%
  );
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  to {
    mask-position: -200% 0;
  }
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(
    var(--bs-success-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(
    var(--bs-info-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(
    var(--bs-warning-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(
    var(--bs-danger-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(
    var(--bs-light-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(
    var(--bs-dark-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-primary:focus,
.link-primary:hover {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    10,
    88,
    202,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    var(--bs-secondary-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-secondary:focus,
.link-secondary:hover {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    86,
    94,
    100,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    var(--bs-success-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-success:focus,
.link-success:hover {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    20,
    108,
    67,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    var(--bs-info-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-info:focus,
.link-info:hover {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    61,
    213,
    243,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    var(--bs-warning-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-warning:focus,
.link-warning:hover {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    255,
    205,
    57,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    var(--bs-danger-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-danger:focus,
.link-danger:hover {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    176,
    42,
    55,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    var(--bs-light-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-light:focus,
.link-light:hover {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    249,
    250,
    251,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    var(--bs-dark-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-dark:focus,
.link-dark:hover {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(
    26,
    30,
    33,
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-body-emphasis {
  color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-opacity, 1)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-body-emphasis:focus,
.link-body-emphasis:hover {
  color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-opacity, 0.75)
  ) !important;
  text-decoration-color: RGBA(
    var(--bs-emphasis-color-rgb),
    var(--bs-link-underline-opacity, 0.75)
  ) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0)
    var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width)
    var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(
    var(--bs-link-color-rgb),
    var(--bs-link-opacity, 0.5)
  );
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:focus-visible > .bi,
.icon-link-hover:hover > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio:before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  top: 0;
}
.fixed-bottom,
.fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  bottom: 0;
}
.sticky-top {
  top: 0;
}
.sticky-bottom,
.sticky-top {
  position: sticky;
  z-index: 1020;
}
.sticky-bottom {
  bottom: 0;
}
@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 {
  flex-direction: row;
  align-items: center;
}
.hstack,
.vstack {
  display: flex;
  align-self: stretch;
}
.vstack {
  flex: 1 1 auto;
  flex-direction: column;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}
.stretched-link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(
    var(--bs-success-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(
    var(--bs-danger-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(
    var(--bs-light-rgb),
    var(--bs-focus-ring-opacity)
  );
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-success-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-border-opacity)
  ) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: hsla(0, 0%, 100%, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10,
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25,
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50,
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75,
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100,
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1,
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2,
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3,
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    var(--bs-success-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    var(--bs-info-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    var(--bs-danger-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    var(--bs-light-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    var(--bs-dark-rgb),
    var(--bs-link-underline-opacity)
  ) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(
    var(--bs-link-color-rgb),
    var(--bs-link-underline-opacity, 1)
  ) !important;
}
.link-underline-opacity-0,
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10,
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25,
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50,
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75,
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100,
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-success-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-body-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-tertiary-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  user-select: all !important;
}
.user-select-auto {
  user-select: auto !important;
}
.user-select-none {
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-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: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
body.rtl-mode {
  direction: rtl;
  text-align: right;
}
body.rtl-mode,
body.rtl-mode .h1,
body.rtl-mode .h2,
body.rtl-mode .h3,
body.rtl-mode .h4,
body.rtl-mode .h5,
body.rtl-mode .h6,
body.rtl-mode h1,
body.rtl-mode h2,
body.rtl-mode h3,
body.rtl-mode h4,
body.rtl-mode h5,
body.rtl-mode h6 {
  font-family: IBM Plex Sans Arabic;
}
body.rtl-mode .ms-auto {
  margin-right: auto;
  margin-left: 0 !important;
}
body.rtl-mode .form-check {
  padding-right: 1.5em;
  padding-left: 0;
}
body.rtl-mode .form-check .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
body.rtl-mode .form-switch .form-check-input {
  background-position: 100%;
  margin-left: 8px;
}
body.rtl-mode .form-switch .form-check-input:checked {
  background-position: 0;
}
body.rtl-mode .accordion-button:after {
  margin-right: auto;
  margin-left: 0;
}
body.rtl-mode .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
  padding-right: 0.5rem;
}
body.rtl-mode .breadcrumb-item + .breadcrumb-item:before {
  float: right;
  margin-left: 0.5rem;
  margin-right: 0;
}
body.rtl-mode .dropdown-menu {
  right: 0 !important;
  left: auto;
}
body.rtl-mode .offcanvas.offcanvas-start {
  right: 0;
  left: auto;
  transform: translateX(100%);
}
body.rtl-mode .offcanvas.offcanvas-start.offcanvas.show:not(.hiding),
body.rtl-mode .offcanvas.offcanvas-start.offcanvas.showing {
  transform: none;
}
body.rtl-mode .start-100 {
  right: 100% !important;
  left: auto !important;
}
body.rtl-mode .form-select {
  background-position: 0;
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
} /*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}
.fa,
.fa-brands,
.fa-regular,
.fa-solid,
.fab,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fa-brands:before,
.fa-regular:before,
.fa-solid:before,
.fa:before,
.fab:before,
.far:before,
.fas:before {
  content: var(--fa);
}
.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
  font-family: Font Awesome\6 Free;
}
.fa-brands,
.fab {
  font-family: Font Awesome\6 Brands;
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}
.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}
.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}
.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}
.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}
.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}
.fa-border {
  border-radius: var(--fa-border-radius, 0.1em);
  border: var(--fa-border-width, 0.08em) var(--fa-border-style, solid)
    var(--fa-border-color, #eee);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}
.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}
.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}
.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.28, 0.84, 0.42, 1)
  );
}
.fa-fade {
  animation-name: fa-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
}
.fa-beat-fade,
.fa-fade {
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
}
.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(
    --fa-animation-timing,
    cubic-bezier(0.4, 0, 0.6, 1)
  );
}
.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-shake {
  animation-name: fa-shake;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-shake,
.fa-spin {
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
}
.fa-spin {
  animation-name: fa-spin;
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-reverse {
  --fa-animation-direction: reverse;
}
.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}
@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-beat-fade,
  .fa-bounce,
  .fa-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%,
  90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1) translateY(0);
  }
  10% {
    transform: scale(
        var(--fa-bounce-start-scale-x, 1.1),
        var(--fa-bounce-start-scale-y, 0.9)
      )
      translateY(0);
  }
  30% {
    transform: scale(
        var(--fa-bounce-jump-scale-x, 0.9),
        var(--fa-bounce-jump-scale-y, 1.1)
      )
      translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(
        var(--fa-bounce-land-scale-x, 1.05),
        var(--fa-bounce-land-scale-y, 0.95)
      )
      translateY(0);
  }
  57% {
    transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1) translateY(0);
  }
  to {
    transform: scale(1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%,
  to {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(
      var(--fa-flip-x, 0),
      var(--fa-flip-y, 1),
      var(--fa-flip-z, 0),
      var(--fa-flip-angle, -180deg)
    );
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%,
  24% {
    transform: rotate(-18deg);
  }
  12%,
  28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%,
  to {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}
.fa-rotate-180 {
  transform: rotate(180deg);
}
.fa-rotate-270 {
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  transform: scaleX(-1);
}
.fa-flip-vertical {
  transform: scaleY(-1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1);
}
.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: var(--fa-inverse, #fff);
}
.fa-0 {
  --fa: "\30 ";
}
.fa-1 {
  --fa: "\31 ";
}
.fa-2 {
  --fa: "\32 ";
}
.fa-3 {
  --fa: "\33 ";
}
.fa-4 {
  --fa: "\34 ";
}
.fa-5 {
  --fa: "\35 ";
}
.fa-6 {
  --fa: "\36 ";
}
.fa-7 {
  --fa: "\37 ";
}
.fa-8 {
  --fa: "\38 ";
}
.fa-9 {
  --fa: "\39 ";
}
.fa-fill-drip {
  --fa: "";
}
.fa-arrows-to-circle {
  --fa: "";
}
.fa-chevron-circle-right,
.fa-circle-chevron-right {
  --fa: "";
}
.fa-at {
  --fa: "\@";
}
.fa-trash-alt,
.fa-trash-can {
  --fa: "";
}
.fa-text-height {
  --fa: "";
}
.fa-user-times,
.fa-user-xmark {
  --fa: "";
}
.fa-stethoscope {
  --fa: "";
}
.fa-comment-alt,
.fa-message {
  --fa: "";
}
.fa-info {
  --fa: "";
}
.fa-compress-alt,
.fa-down-left-and-up-right-to-center {
  --fa: "";
}
.fa-explosion {
  --fa: "";
}
.fa-file-alt,
.fa-file-lines,
.fa-file-text {
  --fa: "";
}
.fa-wave-square {
  --fa: "";
}
.fa-ring {
  --fa: "";
}
.fa-building-un {
  --fa: "";
}
.fa-dice-three {
  --fa: "";
}
.fa-calendar-alt,
.fa-calendar-days {
  --fa: "";
}
.fa-anchor-circle-check {
  --fa: "";
}
.fa-building-circle-arrow-right {
  --fa: "";
}
.fa-volleyball,
.fa-volleyball-ball {
  --fa: "";
}
.fa-arrows-up-to-line {
  --fa: "";
}
.fa-sort-desc,
.fa-sort-down {
  --fa: "";
}
.fa-circle-minus,
.fa-minus-circle {
  --fa: "";
}
.fa-door-open {
  --fa: "";
}
.fa-right-from-bracket,
.fa-sign-out-alt {
  --fa: "";
}
.fa-atom {
  --fa: "";
}
.fa-soap {
  --fa: "";
}
.fa-heart-music-camera-bolt,
.fa-icons {
  --fa: "";
}
.fa-microphone-alt-slash,
.fa-microphone-lines-slash {
  --fa: "";
}
.fa-bridge-circle-check {
  --fa: "";
}
.fa-pump-medical {
  --fa: "";
}
.fa-fingerprint {
  --fa: "";
}
.fa-hand-point-right {
  --fa: "";
}
.fa-magnifying-glass-location,
.fa-search-location {
  --fa: "";
}
.fa-forward-step,
.fa-step-forward {
  --fa: "";
}
.fa-face-smile-beam,
.fa-smile-beam {
  --fa: "";
}
.fa-flag-checkered {
  --fa: "";
}
.fa-football,
.fa-football-ball {
  --fa: "";
}
.fa-school-circle-exclamation {
  --fa: "";
}
.fa-crop {
  --fa: "";
}
.fa-angle-double-down,
.fa-angles-down {
  --fa: "";
}
.fa-users-rectangle {
  --fa: "";
}
.fa-people-roof {
  --fa: "";
}
.fa-people-line {
  --fa: "";
}
.fa-beer,
.fa-beer-mug-empty {
  --fa: "";
}
.fa-diagram-predecessor {
  --fa: "";
}
.fa-arrow-up-long,
.fa-long-arrow-up {
  --fa: "";
}
.fa-burn,
.fa-fire-flame-simple {
  --fa: "";
}
.fa-male,
.fa-person {
  --fa: "";
}
.fa-laptop {
  --fa: "";
}
.fa-file-csv {
  --fa: "";
}
.fa-menorah {
  --fa: "";
}
.fa-truck-plane {
  --fa: "";
}
.fa-record-vinyl {
  --fa: "";
}
.fa-face-grin-stars,
.fa-grin-stars {
  --fa: "";
}
.fa-bong {
  --fa: "";
}
.fa-pastafarianism,
.fa-spaghetti-monster-flying {
  --fa: "";
}
.fa-arrow-down-up-across-line {
  --fa: "";
}
.fa-spoon,
.fa-utensil-spoon {
  --fa: "";
}
.fa-jar-wheat {
  --fa: "";
}
.fa-envelopes-bulk,
.fa-mail-bulk {
  --fa: "";
}
.fa-file-circle-exclamation {
  --fa: "";
}
.fa-circle-h,
.fa-hospital-symbol {
  --fa: "";
}
.fa-pager {
  --fa: "";
}
.fa-address-book,
.fa-contact-book {
  --fa: "";
}
.fa-strikethrough {
  --fa: "";
}
.fa-k {
  --fa: "K";
}
.fa-landmark-flag {
  --fa: "";
}
.fa-pencil,
.fa-pencil-alt {
  --fa: "";
}
.fa-backward {
  --fa: "";
}
.fa-caret-right {
  --fa: "";
}
.fa-comments {
  --fa: "";
}
.fa-file-clipboard,
.fa-paste {
  --fa: "";
}
.fa-code-pull-request {
  --fa: "";
}
.fa-clipboard-list {
  --fa: "";
}
.fa-truck-loading,
.fa-truck-ramp-box {
  --fa: "";
}
.fa-user-check {
  --fa: "";
}
.fa-vial-virus {
  --fa: "";
}
.fa-sheet-plastic {
  --fa: "";
}
.fa-blog {
  --fa: "";
}
.fa-user-ninja {
  --fa: "";
}
.fa-person-arrow-up-from-line {
  --fa: "";
}
.fa-scroll-torah,
.fa-torah {
  --fa: "";
}
.fa-broom-ball,
.fa-quidditch,
.fa-quidditch-broom-ball {
  --fa: "";
}
.fa-toggle-off {
  --fa: "";
}
.fa-archive,
.fa-box-archive {
  --fa: "";
}
.fa-person-drowning {
  --fa: "";
}
.fa-arrow-down-9-1,
.fa-sort-numeric-desc,
.fa-sort-numeric-down-alt {
  --fa: "";
}
.fa-face-grin-tongue-squint,
.fa-grin-tongue-squint {
  --fa: "";
}
.fa-spray-can {
  --fa: "";
}
.fa-truck-monster {
  --fa: "";
}
.fa-w {
  --fa: "W";
}
.fa-earth-africa,
.fa-globe-africa {
  --fa: "";
}
.fa-rainbow {
  --fa: "";
}
.fa-circle-notch {
  --fa: "";
}
.fa-tablet-alt,
.fa-tablet-screen-button {
  --fa: "";
}
.fa-paw {
  --fa: "";
}
.fa-cloud {
  --fa: "";
}
.fa-trowel-bricks {
  --fa: "";
}
.fa-face-flushed,
.fa-flushed {
  --fa: "";
}
.fa-hospital-user {
  --fa: "";
}
.fa-tent-arrow-left-right {
  --fa: "";
}
.fa-gavel,
.fa-legal {
  --fa: "";
}
.fa-binoculars {
  --fa: "";
}
.fa-microphone-slash {
  --fa: "";
}
.fa-box-tissue {
  --fa: "";
}
.fa-motorcycle {
  --fa: "";
}
.fa-bell-concierge,
.fa-concierge-bell {
  --fa: "";
}
.fa-pen-ruler,
.fa-pencil-ruler {
  --fa: "";
}
.fa-people-arrows,
.fa-people-arrows-left-right {
  --fa: "";
}
.fa-mars-and-venus-burst {
  --fa: "";
}
.fa-caret-square-right,
.fa-square-caret-right {
  --fa: "";
}
.fa-cut,
.fa-scissors {
  --fa: "";
}
.fa-sun-plant-wilt {
  --fa: "";
}
.fa-toilets-portable {
  --fa: "";
}
.fa-hockey-puck {
  --fa: "";
}
.fa-table {
  --fa: "";
}
.fa-magnifying-glass-arrow-right {
  --fa: "";
}
.fa-digital-tachograph,
.fa-tachograph-digital {
  --fa: "";
}
.fa-users-slash {
  --fa: "";
}
.fa-clover {
  --fa: "";
}
.fa-mail-reply,
.fa-reply {
  --fa: "";
}
.fa-star-and-crescent {
  --fa: "";
}
.fa-house-fire {
  --fa: "";
}
.fa-minus-square,
.fa-square-minus {
  --fa: "";
}
.fa-helicopter {
  --fa: "";
}
.fa-compass {
  --fa: "";
}
.fa-caret-square-down,
.fa-square-caret-down {
  --fa: "";
}
.fa-file-circle-question {
  --fa: "";
}
.fa-laptop-code {
  --fa: "";
}
.fa-swatchbook {
  --fa: "";
}
.fa-prescription-bottle {
  --fa: "";
}
.fa-bars,
.fa-navicon {
  --fa: "";
}
.fa-people-group {
  --fa: "";
}
.fa-hourglass-3,
.fa-hourglass-end {
  --fa: "";
}
.fa-heart-broken,
.fa-heart-crack {
  --fa: "";
}
.fa-external-link-square-alt,
.fa-square-up-right {
  --fa: "";
}
.fa-face-kiss-beam,
.fa-kiss-beam {
  --fa: "";
}
.fa-film {
  --fa: "";
}
.fa-ruler-horizontal {
  --fa: "";
}
.fa-people-robbery {
  --fa: "";
}
.fa-lightbulb {
  --fa: "";
}
.fa-caret-left {
  --fa: "";
}
.fa-circle-exclamation,
.fa-exclamation-circle {
  --fa: "";
}
.fa-school-circle-xmark {
  --fa: "";
}
.fa-arrow-right-from-bracket,
.fa-sign-out {
  --fa: "";
}
.fa-chevron-circle-down,
.fa-circle-chevron-down {
  --fa: "";
}
.fa-unlock-alt,
.fa-unlock-keyhole {
  --fa: "";
}
.fa-cloud-showers-heavy {
  --fa: "";
}
.fa-headphones-alt,
.fa-headphones-simple {
  --fa: "";
}
.fa-sitemap {
  --fa: "";
}
.fa-circle-dollar-to-slot,
.fa-donate {
  --fa: "";
}
.fa-memory {
  --fa: "";
}
.fa-road-spikes {
  --fa: "";
}
.fa-fire-burner {
  --fa: "";
}
.fa-flag {
  --fa: "";
}
.fa-hanukiah {
  --fa: "";
}
.fa-feather {
  --fa: "";
}
.fa-volume-down,
.fa-volume-low {
  --fa: "";
}
.fa-comment-slash {
  --fa: "";
}
.fa-cloud-sun-rain {
  --fa: "";
}
.fa-compress {
  --fa: "";
}
.fa-wheat-alt,
.fa-wheat-awn {
  --fa: "";
}
.fa-ankh {
  --fa: "";
}
.fa-hands-holding-child {
  --fa: "";
}
.fa-asterisk {
  --fa: "\*";
}
.fa-check-square,
.fa-square-check {
  --fa: "";
}
.fa-peseta-sign {
  --fa: "";
}
.fa-header,
.fa-heading {
  --fa: "";
}
.fa-ghost {
  --fa: "";
}
.fa-list,
.fa-list-squares {
  --fa: "";
}
.fa-phone-square-alt,
.fa-square-phone-flip {
  --fa: "";
}
.fa-cart-plus {
  --fa: "";
}
.fa-gamepad {
  --fa: "";
}
.fa-circle-dot,
.fa-dot-circle {
  --fa: "";
}
.fa-dizzy,
.fa-face-dizzy {
  --fa: "";
}
.fa-egg {
  --fa: "";
}
.fa-house-medical-circle-xmark {
  --fa: "";
}
.fa-campground {
  --fa: "";
}
.fa-folder-plus {
  --fa: "";
}
.fa-futbol,
.fa-futbol-ball,
.fa-soccer-ball {
  --fa: "";
}
.fa-paint-brush,
.fa-paintbrush {
  --fa: "";
}
.fa-lock {
  --fa: "";
}
.fa-gas-pump {
  --fa: "";
}
.fa-hot-tub,
.fa-hot-tub-person {
  --fa: "";
}
.fa-map-location,
.fa-map-marked {
  --fa: "";
}
.fa-house-flood-water {
  --fa: "";
}
.fa-tree {
  --fa: "";
}
.fa-bridge-lock {
  --fa: "";
}
.fa-sack-dollar {
  --fa: "";
}
.fa-edit,
.fa-pen-to-square {
  --fa: "";
}
.fa-car-side {
  --fa: "";
}
.fa-share-alt,
.fa-share-nodes {
  --fa: "";
}
.fa-heart-circle-minus {
  --fa: "";
}
.fa-hourglass-2,
.fa-hourglass-half {
  --fa: "";
}
.fa-microscope {
  --fa: "";
}
.fa-sink {
  --fa: "";
}
.fa-bag-shopping,
.fa-shopping-bag {
  --fa: "";
}
.fa-arrow-down-z-a,
.fa-sort-alpha-desc,
.fa-sort-alpha-down-alt {
  --fa: "";
}
.fa-mitten {
  --fa: "";
}
.fa-person-rays {
  --fa: "";
}
.fa-users {
  --fa: "";
}
.fa-eye-slash {
  --fa: "";
}
.fa-flask-vial {
  --fa: "";
}
.fa-hand,
.fa-hand-paper {
  --fa: "";
}
.fa-om {
  --fa: "";
}
.fa-worm {
  --fa: "";
}
.fa-house-circle-xmark {
  --fa: "";
}
.fa-plug {
  --fa: "";
}
.fa-chevron-up {
  --fa: "";
}
.fa-hand-spock {
  --fa: "";
}
.fa-stopwatch {
  --fa: "";
}
.fa-face-kiss,
.fa-kiss {
  --fa: "";
}
.fa-bridge-circle-xmark {
  --fa: "";
}
.fa-face-grin-tongue,
.fa-grin-tongue {
  --fa: "";
}
.fa-chess-bishop {
  --fa: "";
}
.fa-face-grin-wink,
.fa-grin-wink {
  --fa: "";
}
.fa-deaf,
.fa-deafness,
.fa-ear-deaf,
.fa-hard-of-hearing {
  --fa: "";
}
.fa-road-circle-check {
  --fa: "";
}
.fa-dice-five {
  --fa: "";
}
.fa-rss-square,
.fa-square-rss {
  --fa: "";
}
.fa-land-mine-on {
  --fa: "";
}
.fa-i-cursor {
  --fa: "";
}
.fa-stamp {
  --fa: "";
}
.fa-stairs {
  --fa: "";
}
.fa-i {
  --fa: "I";
}
.fa-hryvnia,
.fa-hryvnia-sign {
  --fa: "";
}
.fa-pills {
  --fa: "";
}
.fa-face-grin-wide,
.fa-grin-alt {
  --fa: "";
}
.fa-tooth {
  --fa: "";
}
.fa-v {
  --fa: "V";
}
.fa-bangladeshi-taka-sign {
  --fa: "";
}
.fa-bicycle {
  --fa: "";
}
.fa-rod-asclepius,
.fa-rod-snake,
.fa-staff-aesculapius,
.fa-staff-snake {
  --fa: "";
}
.fa-head-side-cough-slash {
  --fa: "";
}
.fa-ambulance,
.fa-truck-medical {
  --fa: "";
}
.fa-wheat-awn-circle-exclamation {
  --fa: "";
}
.fa-snowman {
  --fa: "";
}
.fa-mortar-pestle {
  --fa: "";
}
.fa-road-barrier {
  --fa: "";
}
.fa-school {
  --fa: "";
}
.fa-igloo {
  --fa: "";
}
.fa-joint {
  --fa: "";
}
.fa-angle-right {
  --fa: "";
}
.fa-horse {
  --fa: "";
}
.fa-q {
  --fa: "Q";
}
.fa-g {
  --fa: "G";
}
.fa-notes-medical {
  --fa: "";
}
.fa-temperature-2,
.fa-temperature-half,
.fa-thermometer-2,
.fa-thermometer-half {
  --fa: "";
}
.fa-dong-sign {
  --fa: "";
}
.fa-capsules {
  --fa: "";
}
.fa-poo-bolt,
.fa-poo-storm {
  --fa: "";
}
.fa-face-frown-open,
.fa-frown-open {
  --fa: "";
}
.fa-hand-point-up {
  --fa: "";
}
.fa-money-bill {
  --fa: "";
}
.fa-bookmark {
  --fa: "";
}
.fa-align-justify {
  --fa: "";
}
.fa-umbrella-beach {
  --fa: "";
}
.fa-helmet-un {
  --fa: "";
}
.fa-bullseye {
  --fa: "";
}
.fa-bacon {
  --fa: "";
}
.fa-hand-point-down {
  --fa: "";
}
.fa-arrow-up-from-bracket {
  --fa: "";
}
.fa-folder,
.fa-folder-blank {
  --fa: "";
}
.fa-file-medical-alt,
.fa-file-waveform {
  --fa: "";
}
.fa-radiation {
  --fa: "";
}
.fa-chart-simple {
  --fa: "";
}
.fa-mars-stroke {
  --fa: "";
}
.fa-vial {
  --fa: "";
}
.fa-dashboard,
.fa-gauge,
.fa-gauge-med,
.fa-tachometer-alt-average {
  --fa: "";
}
.fa-magic-wand-sparkles,
.fa-wand-magic-sparkles {
  --fa: "";
}
.fa-e {
  --fa: "E";
}
.fa-pen-alt,
.fa-pen-clip {
  --fa: "";
}
.fa-bridge-circle-exclamation {
  --fa: "";
}
.fa-user {
  --fa: "";
}
.fa-school-circle-check {
  --fa: "";
}
.fa-dumpster {
  --fa: "";
}
.fa-shuttle-van,
.fa-van-shuttle {
  --fa: "";
}
.fa-building-user {
  --fa: "";
}
.fa-caret-square-left,
.fa-square-caret-left {
  --fa: "";
}
.fa-highlighter {
  --fa: "";
}
.fa-key {
  --fa: "";
}
.fa-bullhorn {
  --fa: "";
}
.fa-globe {
  --fa: "";
}
.fa-synagogue {
  --fa: "";
}
.fa-person-half-dress {
  --fa: "";
}
.fa-road-bridge {
  --fa: "";
}
.fa-location-arrow {
  --fa: "";
}
.fa-c {
  --fa: "C";
}
.fa-tablet-button {
  --fa: "";
}
.fa-building-lock {
  --fa: "";
}
.fa-pizza-slice {
  --fa: "";
}
.fa-money-bill-wave {
  --fa: "";
}
.fa-area-chart,
.fa-chart-area {
  --fa: "";
}
.fa-house-flag {
  --fa: "";
}
.fa-person-circle-minus {
  --fa: "";
}
.fa-ban,
.fa-cancel {
  --fa: "";
}
.fa-camera-rotate {
  --fa: "";
}
.fa-air-freshener,
.fa-spray-can-sparkles {
  --fa: "";
}
.fa-star {
  --fa: "";
}
.fa-repeat {
  --fa: "";
}
.fa-cross {
  --fa: "";
}
.fa-box {
  --fa: "";
}
.fa-venus-mars {
  --fa: "";
}
.fa-arrow-pointer,
.fa-mouse-pointer {
  --fa: "";
}
.fa-expand-arrows-alt,
.fa-maximize {
  --fa: "";
}
.fa-charging-station {
  --fa: "";
}
.fa-shapes,
.fa-triangle-circle-square {
  --fa: "";
}
.fa-random,
.fa-shuffle {
  --fa: "";
}
.fa-person-running,
.fa-running {
  --fa: "";
}
.fa-mobile-retro {
  --fa: "";
}
.fa-grip-lines-vertical {
  --fa: "";
}
.fa-spider {
  --fa: "";
}
.fa-hands-bound {
  --fa: "";
}
.fa-file-invoice-dollar {
  --fa: "";
}
.fa-plane-circle-exclamation {
  --fa: "";
}
.fa-x-ray {
  --fa: "";
}
.fa-spell-check {
  --fa: "";
}
.fa-slash {
  --fa: "";
}
.fa-computer-mouse,
.fa-mouse {
  --fa: "";
}
.fa-arrow-right-to-bracket,
.fa-sign-in {
  --fa: "";
}
.fa-shop-slash,
.fa-store-alt-slash {
  --fa: "";
}
.fa-server {
  --fa: "";
}
.fa-virus-covid-slash {
  --fa: "";
}
.fa-shop-lock {
  --fa: "";
}
.fa-hourglass-1,
.fa-hourglass-start {
  --fa: "";
}
.fa-blender-phone {
  --fa: "";
}
.fa-building-wheat {
  --fa: "";
}
.fa-person-breastfeeding {
  --fa: "";
}
.fa-right-to-bracket,
.fa-sign-in-alt {
  --fa: "";
}
.fa-venus {
  --fa: "";
}
.fa-passport {
  --fa: "";
}
.fa-thumb-tack-slash,
.fa-thumbtack-slash {
  --fa: "";
}
.fa-heart-pulse,
.fa-heartbeat {
  --fa: "";
}
.fa-people-carry,
.fa-people-carry-box {
  --fa: "";
}
.fa-temperature-high {
  --fa: "";
}
.fa-microchip {
  --fa: "";
}
.fa-crown {
  --fa: "";
}
.fa-weight-hanging {
  --fa: "";
}
.fa-xmarks-lines {
  --fa: "";
}
.fa-file-prescription {
  --fa: "";
}
.fa-weight,
.fa-weight-scale {
  --fa: "";
}
.fa-user-friends,
.fa-user-group {
  --fa: "";
}
.fa-arrow-up-a-z,
.fa-sort-alpha-up {
  --fa: "";
}
.fa-chess-knight {
  --fa: "";
}
.fa-face-laugh-squint,
.fa-laugh-squint {
  --fa: "";
}
.fa-wheelchair {
  --fa: "";
}
.fa-arrow-circle-up,
.fa-circle-arrow-up {
  --fa: "";
}
.fa-toggle-on {
  --fa: "";
}
.fa-person-walking,
.fa-walking {
  --fa: "";
}
.fa-l {
  --fa: "L";
}
.fa-fire {
  --fa: "";
}
.fa-bed-pulse,
.fa-procedures {
  --fa: "";
}
.fa-shuttle-space,
.fa-space-shuttle {
  --fa: "";
}
.fa-face-laugh,
.fa-laugh {
  --fa: "";
}
.fa-folder-open {
  --fa: "";
}
.fa-heart-circle-plus {
  --fa: "";
}
.fa-code-fork {
  --fa: "";
}
.fa-city {
  --fa: "";
}
.fa-microphone-alt,
.fa-microphone-lines {
  --fa: "";
}
.fa-pepper-hot {
  --fa: "";
}
.fa-unlock {
  --fa: "";
}
.fa-colon-sign {
  --fa: "";
}
.fa-headset {
  --fa: "";
}
.fa-store-slash {
  --fa: "";
}
.fa-road-circle-xmark {
  --fa: "";
}
.fa-user-minus {
  --fa: "";
}
.fa-mars-stroke-up,
.fa-mars-stroke-v {
  --fa: "";
}
.fa-champagne-glasses,
.fa-glass-cheers {
  --fa: "";
}
.fa-clipboard {
  --fa: "";
}
.fa-house-circle-exclamation {
  --fa: "";
}
.fa-file-arrow-up,
.fa-file-upload {
  --fa: "";
}
.fa-wifi,
.fa-wifi-3,
.fa-wifi-strong {
  --fa: "";
}
.fa-bath,
.fa-bathtub {
  --fa: "";
}
.fa-underline {
  --fa: "";
}
.fa-user-edit,
.fa-user-pen {
  --fa: "";
}
.fa-signature {
  --fa: "";
}
.fa-stroopwafel {
  --fa: "";
}
.fa-bold {
  --fa: "";
}
.fa-anchor-lock {
  --fa: "";
}
.fa-building-ngo {
  --fa: "";
}
.fa-manat-sign {
  --fa: "";
}
.fa-not-equal {
  --fa: "";
}
.fa-border-style,
.fa-border-top-left {
  --fa: "";
}
.fa-map-location-dot,
.fa-map-marked-alt {
  --fa: "";
}
.fa-jedi {
  --fa: "";
}
.fa-poll,
.fa-square-poll-vertical {
  --fa: "";
}
.fa-mug-hot {
  --fa: "";
}
.fa-battery-car,
.fa-car-battery {
  --fa: "";
}
.fa-gift {
  --fa: "";
}
.fa-dice-two {
  --fa: "";
}
.fa-chess-queen {
  --fa: "";
}
.fa-glasses {
  --fa: "";
}
.fa-chess-board {
  --fa: "";
}
.fa-building-circle-check {
  --fa: "";
}
.fa-person-chalkboard {
  --fa: "";
}
.fa-mars-stroke-h,
.fa-mars-stroke-right {
  --fa: "";
}
.fa-hand-back-fist,
.fa-hand-rock {
  --fa: "";
}
.fa-caret-square-up,
.fa-square-caret-up {
  --fa: "";
}
.fa-cloud-showers-water {
  --fa: "";
}
.fa-bar-chart,
.fa-chart-bar {
  --fa: "";
}
.fa-hands-bubbles,
.fa-hands-wash {
  --fa: "";
}
.fa-less-than-equal {
  --fa: "";
}
.fa-train {
  --fa: "";
}
.fa-eye-low-vision,
.fa-low-vision {
  --fa: "";
}
.fa-crow {
  --fa: "";
}
.fa-sailboat {
  --fa: "";
}
.fa-window-restore {
  --fa: "";
}
.fa-plus-square,
.fa-square-plus {
  --fa: "";
}
.fa-torii-gate {
  --fa: "";
}
.fa-frog {
  --fa: "";
}
.fa-bucket {
  --fa: "";
}
.fa-image {
  --fa: "";
}
.fa-microphone {
  --fa: "";
}
.fa-cow {
  --fa: "";
}
.fa-caret-up {
  --fa: "";
}
.fa-screwdriver {
  --fa: "";
}
.fa-folder-closed {
  --fa: "";
}
.fa-house-tsunami {
  --fa: "";
}
.fa-square-nfi {
  --fa: "";
}
.fa-arrow-up-from-ground-water {
  --fa: "";
}
.fa-glass-martini-alt,
.fa-martini-glass {
  --fa: "";
}
.fa-square-binary {
  --fa: "";
}
.fa-rotate-back,
.fa-rotate-backward,
.fa-rotate-left,
.fa-undo-alt {
  --fa: "";
}
.fa-columns,
.fa-table-columns {
  --fa: "";
}
.fa-lemon {
  --fa: "";
}
.fa-head-side-mask {
  --fa: "";
}
.fa-handshake {
  --fa: "";
}
.fa-gem {
  --fa: "";
}
.fa-dolly,
.fa-dolly-box {
  --fa: "";
}
.fa-smoking {
  --fa: "";
}
.fa-compress-arrows-alt,
.fa-minimize {
  --fa: "";
}
.fa-monument {
  --fa: "";
}
.fa-snowplow {
  --fa: "";
}
.fa-angle-double-right,
.fa-angles-right {
  --fa: "";
}
.fa-cannabis {
  --fa: "";
}
.fa-circle-play,
.fa-play-circle {
  --fa: "";
}
.fa-tablets {
  --fa: "";
}
.fa-ethernet {
  --fa: "";
}
.fa-eur,
.fa-euro,
.fa-euro-sign {
  --fa: "";
}
.fa-chair {
  --fa: "";
}
.fa-check-circle,
.fa-circle-check {
  --fa: "";
}
.fa-circle-stop,
.fa-stop-circle {
  --fa: "";
}
.fa-compass-drafting,
.fa-drafting-compass {
  --fa: "";
}
.fa-plate-wheat {
  --fa: "";
}
.fa-icicles {
  --fa: "";
}
.fa-person-shelter {
  --fa: "";
}
.fa-neuter {
  --fa: "";
}
.fa-id-badge {
  --fa: "";
}
.fa-marker {
  --fa: "";
}
.fa-face-laugh-beam,
.fa-laugh-beam {
  --fa: "";
}
.fa-helicopter-symbol {
  --fa: "";
}
.fa-universal-access {
  --fa: "";
}
.fa-chevron-circle-up,
.fa-circle-chevron-up {
  --fa: "";
}
.fa-lari-sign {
  --fa: "";
}
.fa-volcano {
  --fa: "";
}
.fa-person-walking-dashed-line-arrow-right {
  --fa: "";
}
.fa-gbp,
.fa-pound-sign,
.fa-sterling-sign {
  --fa: "";
}
.fa-viruses {
  --fa: "";
}
.fa-square-person-confined {
  --fa: "";
}
.fa-user-tie {
  --fa: "";
}
.fa-arrow-down-long,
.fa-long-arrow-down {
  --fa: "";
}
.fa-tent-arrow-down-to-line {
  --fa: "";
}
.fa-certificate {
  --fa: "";
}
.fa-mail-reply-all,
.fa-reply-all {
  --fa: "";
}
.fa-suitcase {
  --fa: "";
}
.fa-person-skating,
.fa-skating {
  --fa: "";
}
.fa-filter-circle-dollar,
.fa-funnel-dollar {
  --fa: "";
}
.fa-camera-retro {
  --fa: "";
}
.fa-arrow-circle-down,
.fa-circle-arrow-down {
  --fa: "";
}
.fa-arrow-right-to-file,
.fa-file-import {
  --fa: "";
}
.fa-external-link-square,
.fa-square-arrow-up-right {
  --fa: "";
}
.fa-box-open {
  --fa: "";
}
.fa-scroll {
  --fa: "";
}
.fa-spa {
  --fa: "";
}
.fa-location-pin-lock {
  --fa: "";
}
.fa-pause {
  --fa: "";
}
.fa-hill-avalanche {
  --fa: "";
}
.fa-temperature-0,
.fa-temperature-empty,
.fa-thermometer-0,
.fa-thermometer-empty {
  --fa: "";
}
.fa-bomb {
  --fa: "";
}
.fa-registered {
  --fa: "";
}
.fa-address-card,
.fa-contact-card,
.fa-vcard {
  --fa: "";
}
.fa-balance-scale-right,
.fa-scale-unbalanced-flip {
  --fa: "";
}
.fa-subscript {
  --fa: "";
}
.fa-diamond-turn-right,
.fa-directions {
  --fa: "";
}
.fa-burst {
  --fa: "";
}
.fa-house-laptop,
.fa-laptop-house {
  --fa: "";
}
.fa-face-tired,
.fa-tired {
  --fa: "";
}
.fa-money-bills {
  --fa: "";
}
.fa-smog {
  --fa: "";
}
.fa-crutch {
  --fa: "";
}
.fa-cloud-arrow-up,
.fa-cloud-upload,
.fa-cloud-upload-alt {
  --fa: "";
}
.fa-palette {
  --fa: "";
}
.fa-arrows-turn-right {
  --fa: "";
}
.fa-vest {
  --fa: "";
}
.fa-ferry {
  --fa: "";
}
.fa-arrows-down-to-people {
  --fa: "";
}
.fa-seedling,
.fa-sprout {
  --fa: "";
}
.fa-arrows-alt-h,
.fa-left-right {
  --fa: "";
}
.fa-boxes-packing {
  --fa: "";
}
.fa-arrow-circle-left,
.fa-circle-arrow-left {
  --fa: "";
}
.fa-group-arrows-rotate {
  --fa: "";
}
.fa-bowl-food {
  --fa: "";
}
.fa-candy-cane {
  --fa: "";
}
.fa-arrow-down-wide-short,
.fa-sort-amount-asc,
.fa-sort-amount-down {
  --fa: "";
}
.fa-cloud-bolt,
.fa-thunderstorm {
  --fa: "";
}
.fa-remove-format,
.fa-text-slash {
  --fa: "";
}
.fa-face-smile-wink,
.fa-smile-wink {
  --fa: "";
}
.fa-file-word {
  --fa: "";
}
.fa-file-powerpoint {
  --fa: "";
}
.fa-arrows-h,
.fa-arrows-left-right {
  --fa: "";
}
.fa-house-lock {
  --fa: "";
}
.fa-cloud-arrow-down,
.fa-cloud-download,
.fa-cloud-download-alt {
  --fa: "";
}
.fa-children {
  --fa: "";
}
.fa-blackboard,
.fa-chalkboard {
  --fa: "";
}
.fa-user-alt-slash,
.fa-user-large-slash {
  --fa: "";
}
.fa-envelope-open {
  --fa: "";
}
.fa-handshake-alt-slash,
.fa-handshake-simple-slash {
  --fa: "";
}
.fa-mattress-pillow {
  --fa: "";
}
.fa-guarani-sign {
  --fa: "";
}
.fa-arrows-rotate,
.fa-refresh,
.fa-sync {
  --fa: "";
}
.fa-fire-extinguisher {
  --fa: "";
}
.fa-cruzeiro-sign {
  --fa: "";
}
.fa-greater-than-equal {
  --fa: "";
}
.fa-shield-alt,
.fa-shield-halved {
  --fa: "";
}
.fa-atlas,
.fa-book-atlas {
  --fa: "";
}
.fa-virus {
  --fa: "";
}
.fa-envelope-circle-check {
  --fa: "";
}
.fa-layer-group {
  --fa: "";
}
.fa-arrows-to-dot {
  --fa: "";
}
.fa-archway {
  --fa: "";
}
.fa-heart-circle-check {
  --fa: "";
}
.fa-house-chimney-crack,
.fa-house-damage {
  --fa: "";
}
.fa-file-archive,
.fa-file-zipper {
  --fa: "";
}
.fa-square {
  --fa: "";
}
.fa-glass-martini,
.fa-martini-glass-empty {
  --fa: "";
}
.fa-couch {
  --fa: "";
}
.fa-cedi-sign {
  --fa: "";
}
.fa-italic {
  --fa: "";
}
.fa-table-cells-column-lock {
  --fa: "";
}
.fa-church {
  --fa: "";
}
.fa-comments-dollar {
  --fa: "";
}
.fa-democrat {
  --fa: "";
}
.fa-z {
  --fa: "Z";
}
.fa-person-skiing,
.fa-skiing {
  --fa: "";
}
.fa-road-lock {
  --fa: "";
}
.fa-a {
  --fa: "A";
}
.fa-temperature-arrow-down,
.fa-temperature-down {
  --fa: "";
}
.fa-feather-alt,
.fa-feather-pointed {
  --fa: "";
}
.fa-p {
  --fa: "P";
}
.fa-snowflake {
  --fa: "";
}
.fa-newspaper {
  --fa: "";
}
.fa-ad,
.fa-rectangle-ad {
  --fa: "";
}
.fa-arrow-circle-right,
.fa-circle-arrow-right {
  --fa: "";
}
.fa-filter-circle-xmark {
  --fa: "";
}
.fa-locust {
  --fa: "";
}
.fa-sort,
.fa-unsorted {
  --fa: "";
}
.fa-list-1-2,
.fa-list-numeric,
.fa-list-ol {
  --fa: "";
}
.fa-person-dress-burst {
  --fa: "";
}
.fa-money-check-alt,
.fa-money-check-dollar {
  --fa: "";
}
.fa-vector-square {
  --fa: "";
}
.fa-bread-slice {
  --fa: "";
}
.fa-language {
  --fa: "";
}
.fa-face-kiss-wink-heart,
.fa-kiss-wink-heart {
  --fa: "";
}
.fa-filter {
  --fa: "";
}
.fa-question {
  --fa: "\?";
}
.fa-file-signature {
  --fa: "";
}
.fa-arrows-alt,
.fa-up-down-left-right {
  --fa: "";
}
.fa-house-chimney-user {
  --fa: "";
}
.fa-hand-holding-heart {
  --fa: "";
}
.fa-puzzle-piece {
  --fa: "";
}
.fa-money-check {
  --fa: "";
}
.fa-star-half-alt,
.fa-star-half-stroke {
  --fa: "";
}
.fa-code {
  --fa: "";
}
.fa-glass-whiskey,
.fa-whiskey-glass {
  --fa: "";
}
.fa-building-circle-exclamation {
  --fa: "";
}
.fa-magnifying-glass-chart {
  --fa: "";
}
.fa-arrow-up-right-from-square,
.fa-external-link {
  --fa: "";
}
.fa-cubes-stacked {
  --fa: "";
}
.fa-krw,
.fa-won,
.fa-won-sign {
  --fa: "";
}
.fa-virus-covid {
  --fa: "";
}
.fa-austral-sign {
  --fa: "";
}
.fa-f {
  --fa: "F";
}
.fa-leaf {
  --fa: "";
}
.fa-road {
  --fa: "";
}
.fa-cab,
.fa-taxi {
  --fa: "";
}
.fa-person-circle-plus {
  --fa: "";
}
.fa-chart-pie,
.fa-pie-chart {
  --fa: "";
}
.fa-bolt-lightning {
  --fa: "";
}
.fa-sack-xmark {
  --fa: "";
}
.fa-file-excel {
  --fa: "";
}
.fa-file-contract {
  --fa: "";
}
.fa-fish-fins {
  --fa: "";
}
.fa-building-flag {
  --fa: "";
}
.fa-face-grin-beam,
.fa-grin-beam {
  --fa: "";
}
.fa-object-ungroup {
  --fa: "";
}
.fa-poop {
  --fa: "";
}
.fa-location-pin,
.fa-map-marker {
  --fa: "";
}
.fa-kaaba {
  --fa: "";
}
.fa-toilet-paper {
  --fa: "";
}
.fa-hard-hat,
.fa-hat-hard,
.fa-helmet-safety {
  --fa: "";
}
.fa-eject {
  --fa: "";
}
.fa-arrow-alt-circle-right,
.fa-circle-right {
  --fa: "";
}
.fa-plane-circle-check {
  --fa: "";
}
.fa-face-rolling-eyes,
.fa-meh-rolling-eyes {
  --fa: "";
}
.fa-object-group {
  --fa: "";
}
.fa-chart-line,
.fa-line-chart {
  --fa: "";
}
.fa-mask-ventilator {
  --fa: "";
}
.fa-arrow-right {
  --fa: "";
}
.fa-map-signs,
.fa-signs-post {
  --fa: "";
}
.fa-cash-register {
  --fa: "";
}
.fa-person-circle-question {
  --fa: "";
}
.fa-h {
  --fa: "H";
}
.fa-tarp {
  --fa: "";
}
.fa-screwdriver-wrench,
.fa-tools {
  --fa: "";
}
.fa-arrows-to-eye {
  --fa: "";
}
.fa-plug-circle-bolt {
  --fa: "";
}
.fa-heart {
  --fa: "";
}
.fa-mars-and-venus {
  --fa: "";
}
.fa-home-user,
.fa-house-user {
  --fa: "";
}
.fa-dumpster-fire {
  --fa: "";
}
.fa-house-crack {
  --fa: "";
}
.fa-cocktail,
.fa-martini-glass-citrus {
  --fa: "";
}
.fa-face-surprise,
.fa-surprise {
  --fa: "";
}
.fa-bottle-water {
  --fa: "";
}
.fa-circle-pause,
.fa-pause-circle {
  --fa: "";
}
.fa-toilet-paper-slash {
  --fa: "";
}
.fa-apple-alt,
.fa-apple-whole {
  --fa: "";
}
.fa-kitchen-set {
  --fa: "";
}
.fa-r {
  --fa: "R";
}
.fa-temperature-1,
.fa-temperature-quarter,
.fa-thermometer-1,
.fa-thermometer-quarter {
  --fa: "";
}
.fa-cube {
  --fa: "";
}
.fa-bitcoin-sign {
  --fa: "";
}
.fa-shield-dog {
  --fa: "";
}
.fa-solar-panel {
  --fa: "";
}
.fa-lock-open {
  --fa: "";
}
.fa-elevator {
  --fa: "";
}
.fa-money-bill-transfer {
  --fa: "";
}
.fa-money-bill-trend-up {
  --fa: "";
}
.fa-house-flood-water-circle-arrow-right {
  --fa: "";
}
.fa-poll-h,
.fa-square-poll-horizontal {
  --fa: "";
}
.fa-circle {
  --fa: "";
}
.fa-backward-fast,
.fa-fast-backward {
  --fa: "";
}
.fa-recycle {
  --fa: "";
}
.fa-user-astronaut {
  --fa: "";
}
.fa-plane-slash {
  --fa: "";
}
.fa-trademark {
  --fa: "";
}
.fa-basketball,
.fa-basketball-ball {
  --fa: "";
}
.fa-satellite-dish {
  --fa: "";
}
.fa-arrow-alt-circle-up,
.fa-circle-up {
  --fa: "";
}
.fa-mobile-alt,
.fa-mobile-screen-button {
  --fa: "";
}
.fa-volume-high,
.fa-volume-up {
  --fa: "";
}
.fa-users-rays {
  --fa: "";
}
.fa-wallet {
  --fa: "";
}
.fa-clipboard-check {
  --fa: "";
}
.fa-file-audio {
  --fa: "";
}
.fa-burger,
.fa-hamburger {
  --fa: "";
}
.fa-wrench {
  --fa: "";
}
.fa-bugs {
  --fa: "";
}
.fa-rupee,
.fa-rupee-sign {
  --fa: "";
}
.fa-file-image {
  --fa: "";
}
.fa-circle-question,
.fa-question-circle {
  --fa: "";
}
.fa-plane-departure {
  --fa: "";
}
.fa-handshake-slash {
  --fa: "";
}
.fa-book-bookmark {
  --fa: "";
}
.fa-code-branch {
  --fa: "";
}
.fa-hat-cowboy {
  --fa: "";
}
.fa-bridge {
  --fa: "";
}
.fa-phone-alt,
.fa-phone-flip {
  --fa: "";
}
.fa-truck-front {
  --fa: "";
}
.fa-cat {
  --fa: "";
}
.fa-anchor-circle-exclamation {
  --fa: "";
}
.fa-truck-field {
  --fa: "";
}
.fa-route {
  --fa: "";
}
.fa-clipboard-question {
  --fa: "";
}
.fa-panorama {
  --fa: "";
}
.fa-comment-medical {
  --fa: "";
}
.fa-teeth-open {
  --fa: "";
}
.fa-file-circle-minus {
  --fa: "";
}
.fa-tags {
  --fa: "";
}
.fa-wine-glass {
  --fa: "";
}
.fa-fast-forward,
.fa-forward-fast {
  --fa: "";
}
.fa-face-meh-blank,
.fa-meh-blank {
  --fa: "";
}
.fa-parking,
.fa-square-parking {
  --fa: "";
}
.fa-house-signal {
  --fa: "";
}
.fa-bars-progress,
.fa-tasks-alt {
  --fa: "";
}
.fa-faucet-drip {
  --fa: "";
}
.fa-cart-flatbed,
.fa-dolly-flatbed {
  --fa: "";
}
.fa-ban-smoking,
.fa-smoking-ban {
  --fa: "";
}
.fa-terminal {
  --fa: "";
}
.fa-mobile-button {
  --fa: "";
}
.fa-house-medical-flag {
  --fa: "";
}
.fa-basket-shopping,
.fa-shopping-basket {
  --fa: "";
}
.fa-tape {
  --fa: "";
}
.fa-bus-alt,
.fa-bus-simple {
  --fa: "";
}
.fa-eye {
  --fa: "";
}
.fa-face-sad-cry,
.fa-sad-cry {
  --fa: "";
}
.fa-audio-description {
  --fa: "";
}
.fa-person-military-to-person {
  --fa: "";
}
.fa-file-shield {
  --fa: "";
}
.fa-user-slash {
  --fa: "";
}
.fa-pen {
  --fa: "";
}
.fa-tower-observation {
  --fa: "";
}
.fa-file-code {
  --fa: "";
}
.fa-signal,
.fa-signal-5,
.fa-signal-perfect {
  --fa: "";
}
.fa-bus {
  --fa: "";
}
.fa-heart-circle-xmark {
  --fa: "";
}
.fa-home-lg,
.fa-house-chimney {
  --fa: "";
}
.fa-window-maximize {
  --fa: "";
}
.fa-face-frown,
.fa-frown {
  --fa: "";
}
.fa-prescription {
  --fa: "";
}
.fa-shop,
.fa-store-alt {
  --fa: "";
}
.fa-floppy-disk,
.fa-save {
  --fa: "";
}
.fa-vihara {
  --fa: "";
}
.fa-balance-scale-left,
.fa-scale-unbalanced {
  --fa: "";
}
.fa-sort-asc,
.fa-sort-up {
  --fa: "";
}
.fa-comment-dots,
.fa-commenting {
  --fa: "";
}
.fa-plant-wilt {
  --fa: "";
}
.fa-diamond {
  --fa: "";
}
.fa-face-grin-squint,
.fa-grin-squint {
  --fa: "";
}
.fa-hand-holding-dollar,
.fa-hand-holding-usd {
  --fa: "";
}
.fa-chart-diagram {
  --fa: "";
}
.fa-bacterium {
  --fa: "";
}
.fa-hand-pointer {
  --fa: "";
}
.fa-drum-steelpan {
  --fa: "";
}
.fa-hand-scissors {
  --fa: "";
}
.fa-hands-praying,
.fa-praying-hands {
  --fa: "";
}
.fa-arrow-right-rotate,
.fa-arrow-rotate-forward,
.fa-arrow-rotate-right,
.fa-redo {
  --fa: "";
}
.fa-biohazard {
  --fa: "";
}
.fa-location,
.fa-location-crosshairs {
  --fa: "";
}
.fa-mars-double {
  --fa: "";
}
.fa-child-dress {
  --fa: "";
}
.fa-users-between-lines {
  --fa: "";
}
.fa-lungs-virus {
  --fa: "";
}
.fa-face-grin-tears,
.fa-grin-tears {
  --fa: "";
}
.fa-phone {
  --fa: "";
}
.fa-calendar-times,
.fa-calendar-xmark {
  --fa: "";
}
.fa-child-reaching {
  --fa: "";
}
.fa-head-side-virus {
  --fa: "";
}
.fa-user-cog,
.fa-user-gear {
  --fa: "";
}
.fa-arrow-up-1-9,
.fa-sort-numeric-up {
  --fa: "";
}
.fa-door-closed {
  --fa: "";
}
.fa-shield-virus {
  --fa: "";
}
.fa-dice-six {
  --fa: "";
}
.fa-mosquito-net {
  --fa: "";
}
.fa-file-fragment {
  --fa: "";
}
.fa-bridge-water {
  --fa: "";
}
.fa-person-booth {
  --fa: "";
}
.fa-text-width {
  --fa: "";
}
.fa-hat-wizard {
  --fa: "";
}
.fa-pen-fancy {
  --fa: "";
}
.fa-digging,
.fa-person-digging {
  --fa: "";
}
.fa-trash {
  --fa: "";
}
.fa-gauge-simple,
.fa-gauge-simple-med,
.fa-tachometer-average {
  --fa: "";
}
.fa-book-medical {
  --fa: "";
}
.fa-poo {
  --fa: "";
}
.fa-quote-right,
.fa-quote-right-alt {
  --fa: "";
}
.fa-shirt,
.fa-t-shirt,
.fa-tshirt {
  --fa: "";
}
.fa-cubes {
  --fa: "";
}
.fa-divide {
  --fa: "";
}
.fa-tenge,
.fa-tenge-sign {
  --fa: "";
}
.fa-headphones {
  --fa: "";
}
.fa-hands-holding {
  --fa: "";
}
.fa-hands-clapping {
  --fa: "";
}
.fa-republican {
  --fa: "";
}
.fa-arrow-left {
  --fa: "";
}
.fa-person-circle-xmark {
  --fa: "";
}
.fa-ruler {
  --fa: "";
}
.fa-align-left {
  --fa: "";
}
.fa-dice-d6 {
  --fa: "";
}
.fa-restroom {
  --fa: "";
}
.fa-j {
  --fa: "J";
}
.fa-users-viewfinder {
  --fa: "";
}
.fa-file-video {
  --fa: "";
}
.fa-external-link-alt,
.fa-up-right-from-square {
  --fa: "";
}
.fa-table-cells,
.fa-th {
  --fa: "";
}
.fa-file-pdf {
  --fa: "";
}
.fa-bible,
.fa-book-bible {
  --fa: "";
}
.fa-o {
  --fa: "O";
}
.fa-medkit,
.fa-suitcase-medical {
  --fa: "";
}
.fa-user-secret {
  --fa: "";
}
.fa-otter {
  --fa: "";
}
.fa-female,
.fa-person-dress {
  --fa: "";
}
.fa-comment-dollar {
  --fa: "";
}
.fa-briefcase-clock,
.fa-business-time {
  --fa: "";
}
.fa-table-cells-large,
.fa-th-large {
  --fa: "";
}
.fa-book-tanakh,
.fa-tanakh {
  --fa: "";
}
.fa-phone-volume,
.fa-volume-control-phone {
  --fa: "";
}
.fa-hat-cowboy-side {
  --fa: "";
}
.fa-clipboard-user {
  --fa: "";
}
.fa-child {
  --fa: "";
}
.fa-lira-sign {
  --fa: "";
}
.fa-satellite {
  --fa: "";
}
.fa-plane-lock {
  --fa: "";
}
.fa-tag {
  --fa: "";
}
.fa-comment {
  --fa: "";
}
.fa-birthday-cake,
.fa-cake,
.fa-cake-candles {
  --fa: "";
}
.fa-envelope {
  --fa: "";
}
.fa-angle-double-up,
.fa-angles-up {
  --fa: "";
}
.fa-paperclip {
  --fa: "";
}
.fa-arrow-right-to-city {
  --fa: "";
}
.fa-ribbon {
  --fa: "";
}
.fa-lungs {
  --fa: "";
}
.fa-arrow-up-9-1,
.fa-sort-numeric-up-alt {
  --fa: "";
}
.fa-litecoin-sign {
  --fa: "";
}
.fa-border-none {
  --fa: "";
}
.fa-circle-nodes {
  --fa: "";
}
.fa-parachute-box {
  --fa: "";
}
.fa-indent {
  --fa: "";
}
.fa-truck-field-un {
  --fa: "";
}
.fa-hourglass,
.fa-hourglass-empty {
  --fa: "";
}
.fa-mountain {
  --fa: "";
}
.fa-user-doctor,
.fa-user-md {
  --fa: "";
}
.fa-circle-info,
.fa-info-circle {
  --fa: "";
}
.fa-cloud-meatball {
  --fa: "";
}
.fa-camera,
.fa-camera-alt {
  --fa: "";
}
.fa-square-virus {
  --fa: "";
}
.fa-meteor {
  --fa: "";
}
.fa-car-on {
  --fa: "";
}
.fa-sleigh {
  --fa: "";
}
.fa-arrow-down-1-9,
.fa-sort-numeric-asc,
.fa-sort-numeric-down {
  --fa: "";
}
.fa-hand-holding-droplet,
.fa-hand-holding-water {
  --fa: "";
}
.fa-water {
  --fa: "";
}
.fa-calendar-check {
  --fa: "";
}
.fa-braille {
  --fa: "";
}
.fa-prescription-bottle-alt,
.fa-prescription-bottle-medical {
  --fa: "";
}
.fa-landmark {
  --fa: "";
}
.fa-truck {
  --fa: "";
}
.fa-crosshairs {
  --fa: "";
}
.fa-person-cane {
  --fa: "";
}
.fa-tent {
  --fa: "";
}
.fa-vest-patches {
  --fa: "";
}
.fa-check-double {
  --fa: "";
}
.fa-arrow-down-a-z,
.fa-sort-alpha-asc,
.fa-sort-alpha-down {
  --fa: "";
}
.fa-money-bill-wheat {
  --fa: "";
}
.fa-cookie {
  --fa: "";
}
.fa-arrow-left-rotate,
.fa-arrow-rotate-back,
.fa-arrow-rotate-backward,
.fa-arrow-rotate-left,
.fa-undo {
  --fa: "";
}
.fa-hard-drive,
.fa-hdd {
  --fa: "";
}
.fa-face-grin-squint-tears,
.fa-grin-squint-tears {
  --fa: "";
}
.fa-dumbbell {
  --fa: "";
}
.fa-list-alt,
.fa-rectangle-list {
  --fa: "";
}
.fa-tarp-droplet {
  --fa: "";
}
.fa-house-medical-circle-check {
  --fa: "";
}
.fa-person-skiing-nordic,
.fa-skiing-nordic {
  --fa: "";
}
.fa-calendar-plus {
  --fa: "";
}
.fa-plane-arrival {
  --fa: "";
}
.fa-arrow-alt-circle-left,
.fa-circle-left {
  --fa: "";
}
.fa-subway,
.fa-train-subway {
  --fa: "";
}
.fa-chart-gantt {
  --fa: "";
}
.fa-indian-rupee,
.fa-indian-rupee-sign,
.fa-inr {
  --fa: "";
}
.fa-crop-alt,
.fa-crop-simple {
  --fa: "";
}
.fa-money-bill-1,
.fa-money-bill-alt {
  --fa: "";
}
.fa-left-long,
.fa-long-arrow-alt-left {
  --fa: "";
}
.fa-dna {
  --fa: "";
}
.fa-virus-slash {
  --fa: "";
}
.fa-minus,
.fa-subtract {
  --fa: "";
}
.fa-chess {
  --fa: "";
}
.fa-arrow-left-long,
.fa-long-arrow-left {
  --fa: "";
}
.fa-plug-circle-check {
  --fa: "";
}
.fa-street-view {
  --fa: "";
}
.fa-franc-sign {
  --fa: "";
}
.fa-volume-off {
  --fa: "";
}
.fa-american-sign-language-interpreting,
.fa-asl-interpreting,
.fa-hands-american-sign-language-interpreting,
.fa-hands-asl-interpreting {
  --fa: "";
}
.fa-cog,
.fa-gear {
  --fa: "";
}
.fa-droplet-slash,
.fa-tint-slash {
  --fa: "";
}
.fa-mosque {
  --fa: "";
}
.fa-mosquito {
  --fa: "";
}
.fa-star-of-david {
  --fa: "";
}
.fa-person-military-rifle {
  --fa: "";
}
.fa-cart-shopping,
.fa-shopping-cart {
  --fa: "";
}
.fa-vials {
  --fa: "";
}
.fa-plug-circle-plus {
  --fa: "";
}
.fa-place-of-worship {
  --fa: "";
}
.fa-grip-vertical {
  --fa: "";
}
.fa-hexagon-nodes {
  --fa: "";
}
.fa-arrow-turn-up,
.fa-level-up {
  --fa: "";
}
.fa-u {
  --fa: "U";
}
.fa-square-root-alt,
.fa-square-root-variable {
  --fa: "";
}
.fa-clock,
.fa-clock-four {
  --fa: "";
}
.fa-backward-step,
.fa-step-backward {
  --fa: "";
}
.fa-pallet {
  --fa: "";
}
.fa-faucet {
  --fa: "";
}
.fa-baseball-bat-ball {
  --fa: "";
}
.fa-s {
  --fa: "S";
}
.fa-timeline {
  --fa: "";
}
.fa-keyboard {
  --fa: "";
}
.fa-caret-down {
  --fa: "";
}
.fa-clinic-medical,
.fa-house-chimney-medical {
  --fa: "";
}
.fa-temperature-3,
.fa-temperature-three-quarters,
.fa-thermometer-3,
.fa-thermometer-three-quarters {
  --fa: "";
}
.fa-mobile-android-alt,
.fa-mobile-screen {
  --fa: "";
}
.fa-plane-up {
  --fa: "";
}
.fa-piggy-bank {
  --fa: "";
}
.fa-battery-3,
.fa-battery-half {
  --fa: "";
}
.fa-mountain-city {
  --fa: "";
}
.fa-coins {
  --fa: "";
}
.fa-khanda {
  --fa: "";
}
.fa-sliders,
.fa-sliders-h {
  --fa: "";
}
.fa-folder-tree {
  --fa: "";
}
.fa-network-wired {
  --fa: "";
}
.fa-map-pin {
  --fa: "";
}
.fa-hamsa {
  --fa: "";
}
.fa-cent-sign {
  --fa: "";
}
.fa-flask {
  --fa: "";
}
.fa-person-pregnant {
  --fa: "";
}
.fa-wand-sparkles {
  --fa: "";
}
.fa-ellipsis-v,
.fa-ellipsis-vertical {
  --fa: "";
}
.fa-ticket {
  --fa: "";
}
.fa-power-off {
  --fa: "";
}
.fa-long-arrow-alt-right,
.fa-right-long {
  --fa: "";
}
.fa-flag-usa {
  --fa: "";
}
.fa-laptop-file {
  --fa: "";
}
.fa-teletype,
.fa-tty {
  --fa: "";
}
.fa-diagram-next {
  --fa: "";
}
.fa-person-rifle {
  --fa: "";
}
.fa-house-medical-circle-exclamation {
  --fa: "";
}
.fa-closed-captioning {
  --fa: "";
}
.fa-hiking,
.fa-person-hiking {
  --fa: "";
}
.fa-venus-double {
  --fa: "";
}
.fa-images {
  --fa: "";
}
.fa-calculator {
  --fa: "";
}
.fa-people-pulling {
  --fa: "";
}
.fa-n {
  --fa: "N";
}
.fa-cable-car,
.fa-tram {
  --fa: "";
}
.fa-cloud-rain {
  --fa: "";
}
.fa-building-circle-xmark {
  --fa: "";
}
.fa-ship {
  --fa: "";
}
.fa-arrows-down-to-line {
  --fa: "";
}
.fa-download {
  --fa: "";
}
.fa-face-grin,
.fa-grin {
  --fa: "";
}
.fa-backspace,
.fa-delete-left {
  --fa: "";
}
.fa-eye-dropper,
.fa-eye-dropper-empty,
.fa-eyedropper {
  --fa: "";
}
.fa-file-circle-check {
  --fa: "";
}
.fa-forward {
  --fa: "";
}
.fa-mobile,
.fa-mobile-android,
.fa-mobile-phone {
  --fa: "";
}
.fa-face-meh,
.fa-meh {
  --fa: "";
}
.fa-align-center {
  --fa: "";
}
.fa-book-dead,
.fa-book-skull {
  --fa: "";
}
.fa-drivers-license,
.fa-id-card {
  --fa: "";
}
.fa-dedent,
.fa-outdent {
  --fa: "";
}
.fa-heart-circle-exclamation {
  --fa: "";
}
.fa-home,
.fa-home-alt,
.fa-home-lg-alt,
.fa-house {
  --fa: "";
}
.fa-calendar-week {
  --fa: "";
}
.fa-laptop-medical {
  --fa: "";
}
.fa-b {
  --fa: "B";
}
.fa-file-medical {
  --fa: "";
}
.fa-dice-one {
  --fa: "";
}
.fa-kiwi-bird {
  --fa: "";
}
.fa-arrow-right-arrow-left,
.fa-exchange {
  --fa: "";
}
.fa-redo-alt,
.fa-rotate-forward,
.fa-rotate-right {
  --fa: "";
}
.fa-cutlery,
.fa-utensils {
  --fa: "";
}
.fa-arrow-up-wide-short,
.fa-sort-amount-up {
  --fa: "";
}
.fa-mill-sign {
  --fa: "";
}
.fa-bowl-rice {
  --fa: "";
}
.fa-skull {
  --fa: "";
}
.fa-broadcast-tower,
.fa-tower-broadcast {
  --fa: "";
}
.fa-truck-pickup {
  --fa: "";
}
.fa-long-arrow-alt-up,
.fa-up-long {
  --fa: "";
}
.fa-stop {
  --fa: "";
}
.fa-code-merge {
  --fa: "";
}
.fa-upload {
  --fa: "";
}
.fa-hurricane {
  --fa: "";
}
.fa-mound {
  --fa: "";
}
.fa-toilet-portable {
  --fa: "";
}
.fa-compact-disc {
  --fa: "";
}
.fa-file-arrow-down,
.fa-file-download {
  --fa: "";
}
.fa-caravan {
  --fa: "";
}
.fa-shield-cat {
  --fa: "";
}
.fa-bolt,
.fa-zap {
  --fa: "";
}
.fa-glass-water {
  --fa: "";
}
.fa-oil-well {
  --fa: "";
}
.fa-vault {
  --fa: "";
}
.fa-mars {
  --fa: "";
}
.fa-toilet {
  --fa: "";
}
.fa-plane-circle-xmark {
  --fa: "";
}
.fa-cny,
.fa-jpy,
.fa-rmb,
.fa-yen,
.fa-yen-sign {
  --fa: "";
}
.fa-rouble,
.fa-rub,
.fa-ruble,
.fa-ruble-sign {
  --fa: "";
}
.fa-sun {
  --fa: "";
}
.fa-guitar {
  --fa: "";
}
.fa-face-laugh-wink,
.fa-laugh-wink {
  --fa: "";
}
.fa-horse-head {
  --fa: "";
}
.fa-bore-hole {
  --fa: "";
}
.fa-industry {
  --fa: "";
}
.fa-arrow-alt-circle-down,
.fa-circle-down {
  --fa: "";
}
.fa-arrows-turn-to-dots {
  --fa: "";
}
.fa-florin-sign {
  --fa: "";
}
.fa-arrow-down-short-wide,
.fa-sort-amount-desc,
.fa-sort-amount-down-alt {
  --fa: "";
}
.fa-less-than {
  --fa: "\<";
}
.fa-angle-down {
  --fa: "";
}
.fa-car-tunnel {
  --fa: "";
}
.fa-head-side-cough {
  --fa: "";
}
.fa-grip-lines {
  --fa: "";
}
.fa-thumbs-down {
  --fa: "";
}
.fa-user-lock {
  --fa: "";
}
.fa-arrow-right-long,
.fa-long-arrow-right {
  --fa: "";
}
.fa-anchor-circle-xmark {
  --fa: "";
}
.fa-ellipsis,
.fa-ellipsis-h {
  --fa: "";
}
.fa-chess-pawn {
  --fa: "";
}
.fa-first-aid,
.fa-kit-medical {
  --fa: "";
}
.fa-person-through-window {
  --fa: "";
}
.fa-toolbox {
  --fa: "";
}
.fa-hands-holding-circle {
  --fa: "";
}
.fa-bug {
  --fa: "";
}
.fa-credit-card,
.fa-credit-card-alt {
  --fa: "";
}
.fa-automobile,
.fa-car {
  --fa: "";
}
.fa-hand-holding-hand {
  --fa: "";
}
.fa-book-open-reader,
.fa-book-reader {
  --fa: "";
}
.fa-mountain-sun {
  --fa: "";
}
.fa-arrows-left-right-to-line {
  --fa: "";
}
.fa-dice-d20 {
  --fa: "";
}
.fa-truck-droplet {
  --fa: "";
}
.fa-file-circle-xmark {
  --fa: "";
}
.fa-temperature-arrow-up,
.fa-temperature-up {
  --fa: "";
}
.fa-medal {
  --fa: "";
}
.fa-bed {
  --fa: "";
}
.fa-h-square,
.fa-square-h {
  --fa: "";
}
.fa-podcast {
  --fa: "";
}
.fa-temperature-4,
.fa-temperature-full,
.fa-thermometer-4,
.fa-thermometer-full {
  --fa: "";
}
.fa-bell {
  --fa: "";
}
.fa-superscript {
  --fa: "";
}
.fa-plug-circle-xmark {
  --fa: "";
}
.fa-star-of-life {
  --fa: "";
}
.fa-phone-slash {
  --fa: "";
}
.fa-paint-roller {
  --fa: "";
}
.fa-hands-helping,
.fa-handshake-angle {
  --fa: "";
}
.fa-location-dot,
.fa-map-marker-alt {
  --fa: "";
}
.fa-file {
  --fa: "";
}
.fa-greater-than {
  --fa: "\>";
}
.fa-person-swimming,
.fa-swimmer {
  --fa: "";
}
.fa-arrow-down {
  --fa: "";
}
.fa-droplet,
.fa-tint {
  --fa: "";
}
.fa-eraser {
  --fa: "";
}
.fa-earth,
.fa-earth-america,
.fa-earth-americas,
.fa-globe-americas {
  --fa: "";
}
.fa-person-burst {
  --fa: "";
}
.fa-dove {
  --fa: "";
}
.fa-battery-0,
.fa-battery-empty {
  --fa: "";
}
.fa-socks {
  --fa: "";
}
.fa-inbox {
  --fa: "";
}
.fa-section {
  --fa: "";
}
.fa-gauge-high,
.fa-tachometer-alt,
.fa-tachometer-alt-fast {
  --fa: "";
}
.fa-envelope-open-text {
  --fa: "";
}
.fa-hospital,
.fa-hospital-alt,
.fa-hospital-wide {
  --fa: "";
}
.fa-wine-bottle {
  --fa: "";
}
.fa-chess-rook {
  --fa: "";
}
.fa-bars-staggered,
.fa-reorder,
.fa-stream {
  --fa: "";
}
.fa-dharmachakra {
  --fa: "";
}
.fa-hotdog {
  --fa: "";
}
.fa-blind,
.fa-person-walking-with-cane {
  --fa: "";
}
.fa-drum {
  --fa: "";
}
.fa-ice-cream {
  --fa: "";
}
.fa-heart-circle-bolt {
  --fa: "";
}
.fa-fax {
  --fa: "";
}
.fa-paragraph {
  --fa: "";
}
.fa-check-to-slot,
.fa-vote-yea {
  --fa: "";
}
.fa-star-half {
  --fa: "";
}
.fa-boxes,
.fa-boxes-alt,
.fa-boxes-stacked {
  --fa: "";
}
.fa-chain,
.fa-link {
  --fa: "";
}
.fa-assistive-listening-systems,
.fa-ear-listen {
  --fa: "";
}
.fa-tree-city {
  --fa: "";
}
.fa-play {
  --fa: "";
}
.fa-font {
  --fa: "";
}
.fa-table-cells-row-lock {
  --fa: "";
}
.fa-rupiah-sign {
  --fa: "";
}
.fa-magnifying-glass,
.fa-search {
  --fa: "";
}
.fa-ping-pong-paddle-ball,
.fa-table-tennis,
.fa-table-tennis-paddle-ball {
  --fa: "";
}
.fa-diagnoses,
.fa-person-dots-from-line {
  --fa: "";
}
.fa-trash-can-arrow-up,
.fa-trash-restore-alt {
  --fa: "";
}
.fa-naira-sign {
  --fa: "";
}
.fa-cart-arrow-down {
  --fa: "";
}
.fa-walkie-talkie {
  --fa: "";
}
.fa-file-edit,
.fa-file-pen {
  --fa: "";
}
.fa-receipt {
  --fa: "";
}
.fa-pen-square,
.fa-pencil-square,
.fa-square-pen {
  --fa: "";
}
.fa-suitcase-rolling {
  --fa: "";
}
.fa-person-circle-exclamation {
  --fa: "";
}
.fa-chevron-down {
  --fa: "";
}
.fa-battery,
.fa-battery-5,
.fa-battery-full {
  --fa: "";
}
.fa-skull-crossbones {
  --fa: "";
}
.fa-code-compare {
  --fa: "";
}
.fa-list-dots,
.fa-list-ul {
  --fa: "";
}
.fa-school-lock {
  --fa: "";
}
.fa-tower-cell {
  --fa: "";
}
.fa-down-long,
.fa-long-arrow-alt-down {
  --fa: "";
}
.fa-ranking-star {
  --fa: "";
}
.fa-chess-king {
  --fa: "";
}
.fa-person-harassing {
  --fa: "";
}
.fa-brazilian-real-sign {
  --fa: "";
}
.fa-landmark-alt,
.fa-landmark-dome {
  --fa: "";
}
.fa-arrow-up {
  --fa: "";
}
.fa-television,
.fa-tv,
.fa-tv-alt {
  --fa: "";
}
.fa-shrimp {
  --fa: "";
}
.fa-list-check,
.fa-tasks {
  --fa: "";
}
.fa-jug-detergent {
  --fa: "";
}
.fa-circle-user,
.fa-user-circle {
  --fa: "";
}
.fa-user-shield {
  --fa: "";
}
.fa-wind {
  --fa: "";
}
.fa-car-burst,
.fa-car-crash {
  --fa: "";
}
.fa-y {
  --fa: "Y";
}
.fa-person-snowboarding,
.fa-snowboarding {
  --fa: "";
}
.fa-shipping-fast,
.fa-truck-fast {
  --fa: "";
}
.fa-fish {
  --fa: "";
}
.fa-user-graduate {
  --fa: "";
}
.fa-adjust,
.fa-circle-half-stroke {
  --fa: "";
}
.fa-clapperboard {
  --fa: "";
}
.fa-circle-radiation,
.fa-radiation-alt {
  --fa: "";
}
.fa-baseball,
.fa-baseball-ball {
  --fa: "";
}
.fa-jet-fighter-up {
  --fa: "";
}
.fa-diagram-project,
.fa-project-diagram {
  --fa: "";
}
.fa-copy {
  --fa: "";
}
.fa-volume-mute,
.fa-volume-times,
.fa-volume-xmark {
  --fa: "";
}
.fa-hand-sparkles {
  --fa: "";
}
.fa-grip,
.fa-grip-horizontal {
  --fa: "";
}
.fa-share-from-square,
.fa-share-square {
  --fa: "";
}
.fa-child-combatant,
.fa-child-rifle {
  --fa: "";
}
.fa-gun {
  --fa: "";
}
.fa-phone-square,
.fa-square-phone {
  --fa: "";
}
.fa-add,
.fa-plus {
  --fa: "\+";
}
.fa-expand {
  --fa: "";
}
.fa-computer {
  --fa: "";
}
.fa-close,
.fa-multiply,
.fa-remove,
.fa-times,
.fa-xmark {
  --fa: "";
}
.fa-arrows,
.fa-arrows-up-down-left-right {
  --fa: "";
}
.fa-chalkboard-teacher,
.fa-chalkboard-user {
  --fa: "";
}
.fa-peso-sign {
  --fa: "";
}
.fa-building-shield {
  --fa: "";
}
.fa-baby {
  --fa: "";
}
.fa-users-line {
  --fa: "";
}
.fa-quote-left,
.fa-quote-left-alt {
  --fa: "";
}
.fa-tractor {
  --fa: "";
}
.fa-trash-arrow-up,
.fa-trash-restore {
  --fa: "";
}
.fa-arrow-down-up-lock {
  --fa: "";
}
.fa-lines-leaning {
  --fa: "";
}
.fa-ruler-combined {
  --fa: "";
}
.fa-copyright {
  --fa: "";
}
.fa-equals {
  --fa: "\=";
}
.fa-blender {
  --fa: "";
}
.fa-teeth {
  --fa: "";
}
.fa-ils,
.fa-shekel,
.fa-shekel-sign,
.fa-sheqel,
.fa-sheqel-sign {
  --fa: "";
}
.fa-map {
  --fa: "";
}
.fa-rocket {
  --fa: "";
}
.fa-photo-film,
.fa-photo-video {
  --fa: "";
}
.fa-folder-minus {
  --fa: "";
}
.fa-hexagon-nodes-bolt {
  --fa: "";
}
.fa-store {
  --fa: "";
}
.fa-arrow-trend-up {
  --fa: "";
}
.fa-plug-circle-minus {
  --fa: "";
}
.fa-sign,
.fa-sign-hanging {
  --fa: "";
}
.fa-bezier-curve {
  --fa: "";
}
.fa-bell-slash {
  --fa: "";
}
.fa-tablet,
.fa-tablet-android {
  --fa: "";
}
.fa-school-flag {
  --fa: "";
}
.fa-fill {
  --fa: "";
}
.fa-angle-up {
  --fa: "";
}
.fa-drumstick-bite {
  --fa: "";
}
.fa-holly-berry {
  --fa: "";
}
.fa-chevron-left {
  --fa: "";
}
.fa-bacteria {
  --fa: "";
}
.fa-hand-lizard {
  --fa: "";
}
.fa-notdef {
  --fa: "";
}
.fa-disease {
  --fa: "";
}
.fa-briefcase-medical {
  --fa: "";
}
.fa-genderless {
  --fa: "";
}
.fa-chevron-right {
  --fa: "";
}
.fa-retweet {
  --fa: "";
}
.fa-car-alt,
.fa-car-rear {
  --fa: "";
}
.fa-pump-soap {
  --fa: "";
}
.fa-video-slash {
  --fa: "";
}
.fa-battery-2,
.fa-battery-quarter {
  --fa: "";
}
.fa-radio {
  --fa: "";
}
.fa-baby-carriage,
.fa-carriage-baby {
  --fa: "";
}
.fa-traffic-light {
  --fa: "";
}
.fa-thermometer {
  --fa: "";
}
.fa-vr-cardboard {
  --fa: "";
}
.fa-hand-middle-finger {
  --fa: "";
}
.fa-percent,
.fa-percentage {
  --fa: "\%";
}
.fa-truck-moving {
  --fa: "";
}
.fa-glass-water-droplet {
  --fa: "";
}
.fa-display {
  --fa: "";
}
.fa-face-smile,
.fa-smile {
  --fa: "";
}
.fa-thumb-tack,
.fa-thumbtack {
  --fa: "";
}
.fa-trophy {
  --fa: "";
}
.fa-person-praying,
.fa-pray {
  --fa: "";
}
.fa-hammer {
  --fa: "";
}
.fa-hand-peace {
  --fa: "";
}
.fa-rotate,
.fa-sync-alt {
  --fa: "";
}
.fa-spinner {
  --fa: "";
}
.fa-robot {
  --fa: "";
}
.fa-peace {
  --fa: "";
}
.fa-cogs,
.fa-gears {
  --fa: "";
}
.fa-warehouse {
  --fa: "";
}
.fa-arrow-up-right-dots {
  --fa: "";
}
.fa-splotch {
  --fa: "";
}
.fa-face-grin-hearts,
.fa-grin-hearts {
  --fa: "";
}
.fa-dice-four {
  --fa: "";
}
.fa-sim-card {
  --fa: "";
}
.fa-transgender,
.fa-transgender-alt {
  --fa: "";
}
.fa-mercury {
  --fa: "";
}
.fa-arrow-turn-down,
.fa-level-down {
  --fa: "";
}
.fa-person-falling-burst {
  --fa: "";
}
.fa-award {
  --fa: "";
}
.fa-ticket-alt,
.fa-ticket-simple {
  --fa: "";
}
.fa-building {
  --fa: "";
}
.fa-angle-double-left,
.fa-angles-left {
  --fa: "";
}
.fa-qrcode {
  --fa: "";
}
.fa-clock-rotate-left,
.fa-history {
  --fa: "";
}
.fa-face-grin-beam-sweat,
.fa-grin-beam-sweat {
  --fa: "";
}
.fa-arrow-right-from-file,
.fa-file-export {
  --fa: "";
}
.fa-shield,
.fa-shield-blank {
  --fa: "";
}
.fa-arrow-up-short-wide,
.fa-sort-amount-up-alt {
  --fa: "";
}
.fa-comment-nodes {
  --fa: "";
}
.fa-house-medical {
  --fa: "";
}
.fa-golf-ball,
.fa-golf-ball-tee {
  --fa: "";
}
.fa-chevron-circle-left,
.fa-circle-chevron-left {
  --fa: "";
}
.fa-house-chimney-window {
  --fa: "";
}
.fa-pen-nib {
  --fa: "";
}
.fa-tent-arrow-turn-left {
  --fa: "";
}
.fa-tents {
  --fa: "";
}
.fa-magic,
.fa-wand-magic {
  --fa: "";
}
.fa-dog {
  --fa: "";
}
.fa-carrot {
  --fa: "";
}
.fa-moon {
  --fa: "";
}
.fa-wine-glass-alt,
.fa-wine-glass-empty {
  --fa: "";
}
.fa-cheese {
  --fa: "";
}
.fa-yin-yang {
  --fa: "";
}
.fa-music {
  --fa: "";
}
.fa-code-commit {
  --fa: "";
}
.fa-temperature-low {
  --fa: "";
}
.fa-biking,
.fa-person-biking {
  --fa: "";
}
.fa-broom {
  --fa: "";
}
.fa-shield-heart {
  --fa: "";
}
.fa-gopuram {
  --fa: "";
}
.fa-earth-oceania,
.fa-globe-oceania {
  --fa: "";
}
.fa-square-xmark,
.fa-times-square,
.fa-xmark-square {
  --fa: "";
}
.fa-hashtag {
  --fa: "\#";
}
.fa-expand-alt,
.fa-up-right-and-down-left-from-center {
  --fa: "";
}
.fa-oil-can {
  --fa: "";
}
.fa-t {
  --fa: "T";
}
.fa-hippo {
  --fa: "";
}
.fa-chart-column {
  --fa: "";
}
.fa-infinity {
  --fa: "";
}
.fa-vial-circle-check {
  --fa: "";
}
.fa-person-arrow-down-to-line {
  --fa: "";
}
.fa-voicemail {
  --fa: "";
}
.fa-fan {
  --fa: "";
}
.fa-person-walking-luggage {
  --fa: "";
}
.fa-arrows-alt-v,
.fa-up-down {
  --fa: "";
}
.fa-cloud-moon-rain {
  --fa: "";
}
.fa-calendar {
  --fa: "";
}
.fa-trailer {
  --fa: "";
}
.fa-bahai,
.fa-haykal {
  --fa: "";
}
.fa-sd-card {
  --fa: "";
}
.fa-dragon {
  --fa: "";
}
.fa-shoe-prints {
  --fa: "";
}
.fa-circle-plus,
.fa-plus-circle {
  --fa: "";
}
.fa-face-grin-tongue-wink,
.fa-grin-tongue-wink {
  --fa: "";
}
.fa-hand-holding {
  --fa: "";
}
.fa-plug-circle-exclamation {
  --fa: "";
}
.fa-chain-broken,
.fa-chain-slash,
.fa-link-slash,
.fa-unlink {
  --fa: "";
}
.fa-clone {
  --fa: "";
}
.fa-person-walking-arrow-loop-left {
  --fa: "";
}
.fa-arrow-up-z-a,
.fa-sort-alpha-up-alt {
  --fa: "";
}
.fa-fire-alt,
.fa-fire-flame-curved {
  --fa: "";
}
.fa-tornado {
  --fa: "";
}
.fa-file-circle-plus {
  --fa: "";
}
.fa-book-quran,
.fa-quran {
  --fa: "";
}
.fa-anchor {
  --fa: "";
}
.fa-border-all {
  --fa: "";
}
.fa-angry,
.fa-face-angry {
  --fa: "";
}
.fa-cookie-bite {
  --fa: "";
}
.fa-arrow-trend-down {
  --fa: "";
}
.fa-feed,
.fa-rss {
  --fa: "";
}
.fa-draw-polygon {
  --fa: "";
}
.fa-balance-scale,
.fa-scale-balanced {
  --fa: "";
}
.fa-gauge-simple-high,
.fa-tachometer,
.fa-tachometer-fast {
  --fa: "";
}
.fa-shower {
  --fa: "";
}
.fa-desktop,
.fa-desktop-alt {
  --fa: "";
}
.fa-m {
  --fa: "M";
}
.fa-table-list,
.fa-th-list {
  --fa: "";
}
.fa-comment-sms,
.fa-sms {
  --fa: "";
}
.fa-book {
  --fa: "";
}
.fa-user-plus {
  --fa: "";
}
.fa-check {
  --fa: "";
}
.fa-battery-4,
.fa-battery-three-quarters {
  --fa: "";
}
.fa-house-circle-check {
  --fa: "";
}
.fa-angle-left {
  --fa: "";
}
.fa-diagram-successor {
  --fa: "";
}
.fa-truck-arrow-right {
  --fa: "";
}
.fa-arrows-split-up-and-left {
  --fa: "";
}
.fa-fist-raised,
.fa-hand-fist {
  --fa: "";
}
.fa-cloud-moon {
  --fa: "";
}
.fa-briefcase {
  --fa: "";
}
.fa-person-falling {
  --fa: "";
}
.fa-image-portrait,
.fa-portrait {
  --fa: "";
}
.fa-user-tag {
  --fa: "";
}
.fa-rug {
  --fa: "";
}
.fa-earth-europe,
.fa-globe-europe {
  --fa: "";
}
.fa-cart-flatbed-suitcase,
.fa-luggage-cart {
  --fa: "";
}
.fa-rectangle-times,
.fa-rectangle-xmark,
.fa-times-rectangle,
.fa-window-close {
  --fa: "";
}
.fa-baht-sign {
  --fa: "";
}
.fa-book-open {
  --fa: "";
}
.fa-book-journal-whills,
.fa-journal-whills {
  --fa: "";
}
.fa-handcuffs {
  --fa: "";
}
.fa-exclamation-triangle,
.fa-triangle-exclamation,
.fa-warning {
  --fa: "";
}
.fa-database {
  --fa: "";
}
.fa-mail-forward,
.fa-share {
  --fa: "";
}
.fa-bottle-droplet {
  --fa: "";
}
.fa-mask-face {
  --fa: "";
}
.fa-hill-rockslide {
  --fa: "";
}
.fa-exchange-alt,
.fa-right-left {
  --fa: "";
}
.fa-paper-plane {
  --fa: "";
}
.fa-road-circle-exclamation {
  --fa: "";
}
.fa-dungeon {
  --fa: "";
}
.fa-align-right {
  --fa: "";
}
.fa-money-bill-1-wave,
.fa-money-bill-wave-alt {
  --fa: "";
}
.fa-life-ring {
  --fa: "";
}
.fa-hands,
.fa-sign-language,
.fa-signing {
  --fa: "";
}
.fa-calendar-day {
  --fa: "";
}
.fa-ladder-water,
.fa-swimming-pool,
.fa-water-ladder {
  --fa: "";
}
.fa-arrows-up-down,
.fa-arrows-v {
  --fa: "";
}
.fa-face-grimace,
.fa-grimace {
  --fa: "";
}
.fa-wheelchair-alt,
.fa-wheelchair-move {
  --fa: "";
}
.fa-level-down-alt,
.fa-turn-down {
  --fa: "";
}
.fa-person-walking-arrow-right {
  --fa: "";
}
.fa-envelope-square,
.fa-square-envelope {
  --fa: "";
}
.fa-dice {
  --fa: "";
}
.fa-bowling-ball {
  --fa: "";
}
.fa-brain {
  --fa: "";
}
.fa-band-aid,
.fa-bandage {
  --fa: "";
}
.fa-calendar-minus {
  --fa: "";
}
.fa-circle-xmark,
.fa-times-circle,
.fa-xmark-circle {
  --fa: "";
}
.fa-gifts {
  --fa: "";
}
.fa-hotel {
  --fa: "";
}
.fa-earth-asia,
.fa-globe-asia {
  --fa: "";
}
.fa-id-card-alt,
.fa-id-card-clip {
  --fa: "";
}
.fa-magnifying-glass-plus,
.fa-search-plus {
  --fa: "";
}
.fa-thumbs-up {
  --fa: "";
}
.fa-user-clock {
  --fa: "";
}
.fa-allergies,
.fa-hand-dots {
  --fa: "";
}
.fa-file-invoice {
  --fa: "";
}
.fa-window-minimize {
  --fa: "";
}
.fa-coffee,
.fa-mug-saucer {
  --fa: "";
}
.fa-brush {
  --fa: "";
}
.fa-file-half-dashed {
  --fa: "";
}
.fa-mask {
  --fa: "";
}
.fa-magnifying-glass-minus,
.fa-search-minus {
  --fa: "";
}
.fa-ruler-vertical {
  --fa: "";
}
.fa-user-alt,
.fa-user-large {
  --fa: "";
}
.fa-train-tram {
  --fa: "";
}
.fa-user-nurse {
  --fa: "";
}
.fa-syringe {
  --fa: "";
}
.fa-cloud-sun {
  --fa: "";
}
.fa-stopwatch-20 {
  --fa: "";
}
.fa-square-full {
  --fa: "";
}
.fa-magnet {
  --fa: "";
}
.fa-jar {
  --fa: "";
}
.fa-note-sticky,
.fa-sticky-note {
  --fa: "";
}
.fa-bug-slash {
  --fa: "";
}
.fa-arrow-up-from-water-pump {
  --fa: "";
}
.fa-bone {
  --fa: "";
}
.fa-table-cells-row-unlock {
  --fa: "";
}
.fa-user-injured {
  --fa: "";
}
.fa-face-sad-tear,
.fa-sad-tear {
  --fa: "";
}
.fa-plane {
  --fa: "";
}
.fa-tent-arrows-down {
  --fa: "";
}
.fa-exclamation {
  --fa: "\!";
}
.fa-arrows-spin {
  --fa: "";
}
.fa-print {
  --fa: "";
}
.fa-try,
.fa-turkish-lira,
.fa-turkish-lira-sign {
  --fa: "";
}
.fa-dollar,
.fa-dollar-sign,
.fa-usd {
  --fa: "\$";
}
.fa-x {
  --fa: "X";
}
.fa-magnifying-glass-dollar,
.fa-search-dollar {
  --fa: "";
}
.fa-users-cog,
.fa-users-gear {
  --fa: "";
}
.fa-person-military-pointing {
  --fa: "";
}
.fa-bank,
.fa-building-columns,
.fa-institution,
.fa-museum,
.fa-university {
  --fa: "";
}
.fa-umbrella {
  --fa: "";
}
.fa-trowel {
  --fa: "";
}
.fa-d {
  --fa: "D";
}
.fa-stapler {
  --fa: "";
}
.fa-masks-theater,
.fa-theater-masks {
  --fa: "";
}
.fa-kip-sign {
  --fa: "";
}
.fa-hand-point-left {
  --fa: "";
}
.fa-handshake-alt,
.fa-handshake-simple {
  --fa: "";
}
.fa-fighter-jet,
.fa-jet-fighter {
  --fa: "";
}
.fa-share-alt-square,
.fa-square-share-nodes {
  --fa: "";
}
.fa-barcode {
  --fa: "";
}
.fa-plus-minus {
  --fa: "";
}
.fa-video,
.fa-video-camera {
  --fa: "";
}
.fa-graduation-cap,
.fa-mortar-board {
  --fa: "";
}
.fa-hand-holding-medical {
  --fa: "";
}
.fa-person-circle-check {
  --fa: "";
}
.fa-level-up-alt,
.fa-turn-up {
  --fa: "";
}
.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
} /*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,
:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: Font Awesome\6 Free;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/design2027/fonts/89672701a5874b80be27649e0494e354.woff2)
      format("woff2"),
    url(/design2027/fonts/fa-regular-400.ttf) format("truetype");
}
.fa-regular,
.far {
  font-weight: 400;
} /*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,
:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: Font Awesome\6 Free;
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/design2027/fonts/4a6591ab5460ae5cbff1ecbd6e52193a.woff2)
      format("woff2"),
    url(/design2027/fonts/fa-solid-900.ttf) format("truetype");
}
.fa-solid,
.fas {
  font-weight: 900;
} /*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
  font-family: Font Awesome\6 Brands;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/design2027/fonts/cbcf42b2e9228a8f5bad42717d8a88db.woff2)
      format("woff2"),
    url(/design2027/fonts/fa-brands-400.ttf) format("truetype");
}
.fa-brands,
.fab {
  font-weight: 400;
}
.fa-monero {
  --fa: "";
}
.fa-hooli {
  --fa: "";
}
.fa-yelp {
  --fa: "";
}
.fa-cc-visa {
  --fa: "";
}
.fa-lastfm {
  --fa: "";
}
.fa-shopware {
  --fa: "";
}
.fa-creative-commons-nc {
  --fa: "";
}
.fa-aws {
  --fa: "";
}
.fa-redhat {
  --fa: "";
}
.fa-yoast {
  --fa: "";
}
.fa-cloudflare {
  --fa: "";
}
.fa-ups {
  --fa: "";
}
.fa-pixiv {
  --fa: "";
}
.fa-wpexplorer {
  --fa: "";
}
.fa-dyalog {
  --fa: "";
}
.fa-bity {
  --fa: "";
}
.fa-stackpath {
  --fa: "";
}
.fa-buysellads {
  --fa: "";
}
.fa-first-order {
  --fa: "";
}
.fa-modx {
  --fa: "";
}
.fa-guilded {
  --fa: "";
}
.fa-vnv {
  --fa: "";
}
.fa-js-square,
.fa-square-js {
  --fa: "";
}
.fa-microsoft {
  --fa: "";
}
.fa-qq {
  --fa: "";
}
.fa-orcid {
  --fa: "";
}
.fa-java {
  --fa: "";
}
.fa-invision {
  --fa: "";
}
.fa-creative-commons-pd-alt {
  --fa: "";
}
.fa-centercode {
  --fa: "";
}
.fa-glide-g {
  --fa: "";
}
.fa-drupal {
  --fa: "";
}
.fa-jxl {
  --fa: "";
}
.fa-dart-lang {
  --fa: "";
}
.fa-hire-a-helper {
  --fa: "";
}
.fa-creative-commons-by {
  --fa: "";
}
.fa-unity {
  --fa: "";
}
.fa-whmcs {
  --fa: "";
}
.fa-rocketchat {
  --fa: "";
}
.fa-vk {
  --fa: "";
}
.fa-untappd {
  --fa: "";
}
.fa-mailchimp {
  --fa: "";
}
.fa-css3-alt {
  --fa: "";
}
.fa-reddit-square,
.fa-square-reddit {
  --fa: "";
}
.fa-vimeo-v {
  --fa: "";
}
.fa-contao {
  --fa: "";
}
.fa-square-font-awesome {
  --fa: "";
}
.fa-deskpro {
  --fa: "";
}
.fa-brave {
  --fa: "";
}
.fa-sistrix {
  --fa: "";
}
.fa-instagram-square,
.fa-square-instagram {
  --fa: "";
}
.fa-battle-net {
  --fa: "";
}
.fa-the-red-yeti {
  --fa: "";
}
.fa-hacker-news-square,
.fa-square-hacker-news {
  --fa: "";
}
.fa-edge {
  --fa: "";
}
.fa-threads {
  --fa: "";
}
.fa-napster {
  --fa: "";
}
.fa-snapchat-square,
.fa-square-snapchat {
  --fa: "";
}
.fa-google-plus-g {
  --fa: "";
}
.fa-artstation {
  --fa: "";
}
.fa-markdown {
  --fa: "";
}
.fa-sourcetree {
  --fa: "";
}
.fa-google-plus {
  --fa: "";
}
.fa-diaspora {
  --fa: "";
}
.fa-foursquare {
  --fa: "";
}
.fa-stack-overflow {
  --fa: "";
}
.fa-github-alt {
  --fa: "";
}
.fa-phoenix-squadron {
  --fa: "";
}
.fa-pagelines {
  --fa: "";
}
.fa-algolia {
  --fa: "";
}
.fa-red-river {
  --fa: "";
}
.fa-creative-commons-sa {
  --fa: "";
}
.fa-safari {
  --fa: "";
}
.fa-google {
  --fa: "";
}
.fa-font-awesome-alt,
.fa-square-font-awesome-stroke {
  --fa: "";
}
.fa-atlassian {
  --fa: "";
}
.fa-linkedin-in {
  --fa: "";
}
.fa-digital-ocean {
  --fa: "";
}
.fa-nimblr {
  --fa: "";
}
.fa-chromecast {
  --fa: "";
}
.fa-evernote {
  --fa: "";
}
.fa-hacker-news {
  --fa: "";
}
.fa-creative-commons-sampling {
  --fa: "";
}
.fa-adversal {
  --fa: "";
}
.fa-creative-commons {
  --fa: "";
}
.fa-watchman-monitoring {
  --fa: "";
}
.fa-fonticons {
  --fa: "";
}
.fa-weixin {
  --fa: "";
}
.fa-shirtsinbulk {
  --fa: "";
}
.fa-codepen {
  --fa: "";
}
.fa-git-alt {
  --fa: "";
}
.fa-lyft {
  --fa: "";
}
.fa-rev {
  --fa: "";
}
.fa-windows {
  --fa: "";
}
.fa-wizards-of-the-coast {
  --fa: "";
}
.fa-square-viadeo,
.fa-viadeo-square {
  --fa: "";
}
.fa-meetup {
  --fa: "";
}
.fa-centos {
  --fa: "";
}
.fa-adn {
  --fa: "";
}
.fa-cloudsmith {
  --fa: "";
}
.fa-opensuse {
  --fa: "";
}
.fa-pied-piper-alt {
  --fa: "";
}
.fa-dribbble-square,
.fa-square-dribbble {
  --fa: "";
}
.fa-codiepie {
  --fa: "";
}
.fa-node {
  --fa: "";
}
.fa-mix {
  --fa: "";
}
.fa-steam {
  --fa: "";
}
.fa-cc-apple-pay {
  --fa: "";
}
.fa-scribd {
  --fa: "";
}
.fa-debian {
  --fa: "";
}
.fa-openid {
  --fa: "";
}
.fa-instalod {
  --fa: "";
}
.fa-files-pinwheel {
  --fa: "";
}
.fa-expeditedssl {
  --fa: "";
}
.fa-sellcast {
  --fa: "";
}
.fa-square-twitter,
.fa-twitter-square {
  --fa: "";
}
.fa-r-project {
  --fa: "";
}
.fa-delicious {
  --fa: "";
}
.fa-freebsd {
  --fa: "";
}
.fa-vuejs {
  --fa: "";
}
.fa-accusoft {
  --fa: "";
}
.fa-ioxhost {
  --fa: "";
}
.fa-fonticons-fi {
  --fa: "";
}
.fa-app-store {
  --fa: "";
}
.fa-cc-mastercard {
  --fa: "";
}
.fa-itunes-note {
  --fa: "";
}
.fa-golang {
  --fa: "";
}
.fa-kickstarter,
.fa-square-kickstarter {
  --fa: "";
}
.fa-grav {
  --fa: "";
}
.fa-weibo {
  --fa: "";
}
.fa-uncharted {
  --fa: "";
}
.fa-firstdraft {
  --fa: "";
}
.fa-square-youtube,
.fa-youtube-square {
  --fa: "";
}
.fa-wikipedia-w {
  --fa: "";
}
.fa-rendact,
.fa-wpressr {
  --fa: "";
}
.fa-angellist {
  --fa: "";
}
.fa-galactic-republic {
  --fa: "";
}
.fa-nfc-directional {
  --fa: "";
}
.fa-skype {
  --fa: "";
}
.fa-joget {
  --fa: "";
}
.fa-fedora {
  --fa: "";
}
.fa-stripe-s {
  --fa: "";
}
.fa-meta {
  --fa: "";
}
.fa-laravel {
  --fa: "";
}
.fa-hotjar {
  --fa: "";
}
.fa-bluetooth-b {
  --fa: "";
}
.fa-square-letterboxd {
  --fa: "";
}
.fa-sticker-mule {
  --fa: "";
}
.fa-creative-commons-zero {
  --fa: "";
}
.fa-hips {
  --fa: "";
}
.fa-css {
  --fa: "";
}
.fa-behance {
  --fa: "";
}
.fa-reddit {
  --fa: "";
}
.fa-discord {
  --fa: "";
}
.fa-chrome {
  --fa: "";
}
.fa-app-store-ios {
  --fa: "";
}
.fa-cc-discover {
  --fa: "";
}
.fa-wpbeginner {
  --fa: "";
}
.fa-confluence {
  --fa: "";
}
.fa-shoelace {
  --fa: "";
}
.fa-mdb {
  --fa: "";
}
.fa-dochub {
  --fa: "";
}
.fa-accessible-icon {
  --fa: "";
}
.fa-ebay {
  --fa: "";
}
.fa-amazon {
  --fa: "";
}
.fa-unsplash {
  --fa: "";
}
.fa-yarn {
  --fa: "";
}
.fa-square-steam,
.fa-steam-square {
  --fa: "";
}
.fa-500px {
  --fa: "";
}
.fa-square-vimeo,
.fa-vimeo-square {
  --fa: "";
}
.fa-asymmetrik {
  --fa: "";
}
.fa-font-awesome,
.fa-font-awesome-flag,
.fa-font-awesome-logo-full {
  --fa: "";
}
.fa-gratipay {
  --fa: "";
}
.fa-apple {
  --fa: "";
}
.fa-hive {
  --fa: "";
}
.fa-gitkraken {
  --fa: "";
}
.fa-keybase {
  --fa: "";
}
.fa-apple-pay {
  --fa: "";
}
.fa-padlet {
  --fa: "";
}
.fa-amazon-pay {
  --fa: "";
}
.fa-github-square,
.fa-square-github {
  --fa: "";
}
.fa-stumbleupon {
  --fa: "";
}
.fa-fedex {
  --fa: "";
}
.fa-phoenix-framework {
  --fa: "";
}
.fa-shopify {
  --fa: "";
}
.fa-neos {
  --fa: "";
}
.fa-square-threads {
  --fa: "";
}
.fa-hackerrank {
  --fa: "";
}
.fa-researchgate {
  --fa: "";
}
.fa-swift {
  --fa: "";
}
.fa-angular {
  --fa: "";
}
.fa-speakap {
  --fa: "";
}
.fa-angrycreative {
  --fa: "";
}
.fa-y-combinator {
  --fa: "";
}
.fa-empire {
  --fa: "";
}
.fa-envira {
  --fa: "";
}
.fa-google-scholar {
  --fa: "";
}
.fa-gitlab-square,
.fa-square-gitlab {
  --fa: "";
}
.fa-studiovinari {
  --fa: "";
}
.fa-pied-piper {
  --fa: "";
}
.fa-wordpress {
  --fa: "";
}
.fa-product-hunt {
  --fa: "";
}
.fa-firefox {
  --fa: "";
}
.fa-linode {
  --fa: "";
}
.fa-goodreads {
  --fa: "";
}
.fa-odnoklassniki-square,
.fa-square-odnoklassniki {
  --fa: "";
}
.fa-jsfiddle {
  --fa: "";
}
.fa-sith {
  --fa: "";
}
.fa-themeisle {
  --fa: "";
}
.fa-page4 {
  --fa: "";
}
.fa-hashnode {
  --fa: "";
}
.fa-react {
  --fa: "";
}
.fa-cc-paypal {
  --fa: "";
}
.fa-squarespace {
  --fa: "";
}
.fa-cc-stripe {
  --fa: "";
}
.fa-creative-commons-share {
  --fa: "";
}
.fa-bitcoin {
  --fa: "";
}
.fa-keycdn {
  --fa: "";
}
.fa-opera {
  --fa: "";
}
.fa-itch-io {
  --fa: "";
}
.fa-umbraco {
  --fa: "";
}
.fa-galactic-senate {
  --fa: "";
}
.fa-ubuntu {
  --fa: "";
}
.fa-draft2digital {
  --fa: "";
}
.fa-stripe {
  --fa: "";
}
.fa-houzz {
  --fa: "";
}
.fa-gg {
  --fa: "";
}
.fa-dhl {
  --fa: "";
}
.fa-pinterest-square,
.fa-square-pinterest {
  --fa: "";
}
.fa-xing {
  --fa: "";
}
.fa-blackberry {
  --fa: "";
}
.fa-creative-commons-pd {
  --fa: "";
}
.fa-playstation {
  --fa: "";
}
.fa-quinscape {
  --fa: "";
}
.fa-less {
  --fa: "";
}
.fa-blogger-b {
  --fa: "";
}
.fa-opencart {
  --fa: "";
}
.fa-vine {
  --fa: "";
}
.fa-signal-messenger {
  --fa: "";
}
.fa-paypal {
  --fa: "";
}
.fa-gitlab {
  --fa: "";
}
.fa-typo3 {
  --fa: "";
}
.fa-reddit-alien {
  --fa: "";
}
.fa-yahoo {
  --fa: "";
}
.fa-dailymotion {
  --fa: "";
}
.fa-affiliatetheme {
  --fa: "";
}
.fa-pied-piper-pp {
  --fa: "";
}
.fa-bootstrap {
  --fa: "";
}
.fa-odnoklassniki {
  --fa: "";
}
.fa-nfc-symbol {
  --fa: "";
}
.fa-mintbit {
  --fa: "";
}
.fa-ethereum {
  --fa: "";
}
.fa-speaker-deck {
  --fa: "";
}
.fa-creative-commons-nc-eu {
  --fa: "";
}
.fa-patreon {
  --fa: "";
}
.fa-avianex {
  --fa: "";
}
.fa-ello {
  --fa: "";
}
.fa-gofore {
  --fa: "";
}
.fa-bimobject {
  --fa: "";
}
.fa-brave-reverse {
  --fa: "";
}
.fa-facebook-f {
  --fa: "";
}
.fa-google-plus-square,
.fa-square-google-plus {
  --fa: "";
}
.fa-web-awesome {
  --fa: "";
}
.fa-mandalorian {
  --fa: "";
}
.fa-first-order-alt {
  --fa: "";
}
.fa-osi {
  --fa: "";
}
.fa-google-wallet {
  --fa: "";
}
.fa-d-and-d-beyond {
  --fa: "";
}
.fa-periscope {
  --fa: "";
}
.fa-fulcrum {
  --fa: "";
}
.fa-cloudscale {
  --fa: "";
}
.fa-forumbee {
  --fa: "";
}
.fa-mizuni {
  --fa: "";
}
.fa-schlix {
  --fa: "";
}
.fa-square-xing,
.fa-xing-square {
  --fa: "";
}
.fa-bandcamp {
  --fa: "";
}
.fa-wpforms {
  --fa: "";
}
.fa-cloudversify {
  --fa: "";
}
.fa-usps {
  --fa: "";
}
.fa-megaport {
  --fa: "";
}
.fa-magento {
  --fa: "";
}
.fa-spotify {
  --fa: "";
}
.fa-optin-monster {
  --fa: "";
}
.fa-fly {
  --fa: "";
}
.fa-square-bluesky {
  --fa: "";
}
.fa-aviato {
  --fa: "";
}
.fa-itunes {
  --fa: "";
}
.fa-cuttlefish {
  --fa: "";
}
.fa-blogger {
  --fa: "";
}
.fa-flickr {
  --fa: "";
}
.fa-viber {
  --fa: "";
}
.fa-soundcloud {
  --fa: "";
}
.fa-digg {
  --fa: "";
}
.fa-tencent-weibo {
  --fa: "";
}
.fa-letterboxd {
  --fa: "";
}
.fa-symfony {
  --fa: "";
}
.fa-maxcdn {
  --fa: "";
}
.fa-etsy {
  --fa: "";
}
.fa-facebook-messenger {
  --fa: "";
}
.fa-audible {
  --fa: "";
}
.fa-think-peaks {
  --fa: "";
}
.fa-bilibili {
  --fa: "";
}
.fa-erlang {
  --fa: "";
}
.fa-x-twitter {
  --fa: "";
}
.fa-cotton-bureau {
  --fa: "";
}
.fa-dashcube {
  --fa: "";
}
.fa-42-group,
.fa-innosoft {
  --fa: "";
}
.fa-stack-exchange {
  --fa: "";
}
.fa-elementor {
  --fa: "";
}
.fa-pied-piper-square,
.fa-square-pied-piper {
  --fa: "";
}
.fa-creative-commons-nd {
  --fa: "";
}
.fa-palfed {
  --fa: "";
}
.fa-superpowers {
  --fa: "";
}
.fa-resolving {
  --fa: "";
}
.fa-xbox {
  --fa: "";
}
.fa-square-web-awesome-stroke {
  --fa: "";
}
.fa-searchengin {
  --fa: "";
}
.fa-tiktok {
  --fa: "";
}
.fa-facebook-square,
.fa-square-facebook {
  --fa: "";
}
.fa-renren {
  --fa: "";
}
.fa-linux {
  --fa: "";
}
.fa-glide {
  --fa: "";
}
.fa-linkedin {
  --fa: "";
}
.fa-hubspot {
  --fa: "";
}
.fa-deploydog {
  --fa: "";
}
.fa-twitch {
  --fa: "";
}
.fa-flutter {
  --fa: "";
}
.fa-ravelry {
  --fa: "";
}
.fa-mixer {
  --fa: "";
}
.fa-lastfm-square,
.fa-square-lastfm {
  --fa: "";
}
.fa-vimeo {
  --fa: "";
}
.fa-mendeley {
  --fa: "";
}
.fa-uniregistry {
  --fa: "";
}
.fa-figma {
  --fa: "";
}
.fa-creative-commons-remix {
  --fa: "";
}
.fa-cc-amazon-pay {
  --fa: "";
}
.fa-dropbox {
  --fa: "";
}
.fa-instagram {
  --fa: "";
}
.fa-cmplid {
  --fa: "";
}
.fa-upwork {
  --fa: "";
}
.fa-facebook {
  --fa: "";
}
.fa-gripfire {
  --fa: "";
}
.fa-jedi-order {
  --fa: "";
}
.fa-uikit {
  --fa: "";
}
.fa-fort-awesome-alt {
  --fa: "";
}
.fa-phabricator {
  --fa: "";
}
.fa-ussunnah {
  --fa: "";
}
.fa-earlybirds {
  --fa: "";
}
.fa-trade-federation {
  --fa: "";
}
.fa-autoprefixer {
  --fa: "";
}
.fa-whatsapp {
  --fa: "";
}
.fa-square-upwork {
  --fa: "";
}
.fa-slideshare {
  --fa: "";
}
.fa-google-play {
  --fa: "";
}
.fa-viadeo {
  --fa: "";
}
.fa-line {
  --fa: "";
}
.fa-google-drive {
  --fa: "";
}
.fa-servicestack {
  --fa: "";
}
.fa-simplybuilt {
  --fa: "";
}
.fa-bitbucket {
  --fa: "";
}
.fa-imdb {
  --fa: "";
}
.fa-deezer {
  --fa: "";
}
.fa-raspberry-pi {
  --fa: "";
}
.fa-jira {
  --fa: "";
}
.fa-docker {
  --fa: "";
}
.fa-screenpal {
  --fa: "";
}
.fa-bluetooth {
  --fa: "";
}
.fa-gitter {
  --fa: "";
}
.fa-d-and-d {
  --fa: "";
}
.fa-microblog {
  --fa: "";
}
.fa-cc-diners-club {
  --fa: "";
}
.fa-gg-circle {
  --fa: "";
}
.fa-pied-piper-hat {
  --fa: "";
}
.fa-kickstarter-k {
  --fa: "";
}
.fa-yandex {
  --fa: "";
}
.fa-readme {
  --fa: "";
}
.fa-html5 {
  --fa: "";
}
.fa-sellsy {
  --fa: "";
}
.fa-square-web-awesome {
  --fa: "";
}
.fa-sass {
  --fa: "";
}
.fa-wirsindhandwerk,
.fa-wsh {
  --fa: "";
}
.fa-buromobelexperte {
  --fa: "";
}
.fa-salesforce {
  --fa: "";
}
.fa-octopus-deploy {
  --fa: "";
}
.fa-medapps {
  --fa: "";
}
.fa-ns8 {
  --fa: "";
}
.fa-pinterest-p {
  --fa: "";
}
.fa-apper {
  --fa: "";
}
.fa-fort-awesome {
  --fa: "";
}
.fa-waze {
  --fa: "";
}
.fa-bluesky {
  --fa: "";
}
.fa-cc-jcb {
  --fa: "";
}
.fa-snapchat,
.fa-snapchat-ghost {
  --fa: "";
}
.fa-fantasy-flight-games {
  --fa: "";
}
.fa-rust {
  --fa: "";
}
.fa-wix {
  --fa: "";
}
.fa-behance-square,
.fa-square-behance {
  --fa: "";
}
.fa-supple {
  --fa: "";
}
.fa-webflow {
  --fa: "";
}
.fa-rebel {
  --fa: "";
}
.fa-css3 {
  --fa: "";
}
.fa-staylinked {
  --fa: "";
}
.fa-kaggle {
  --fa: "";
}
.fa-space-awesome {
  --fa: "";
}
.fa-deviantart {
  --fa: "";
}
.fa-cpanel {
  --fa: "";
}
.fa-goodreads-g {
  --fa: "";
}
.fa-git-square,
.fa-square-git {
  --fa: "";
}
.fa-square-tumblr,
.fa-tumblr-square {
  --fa: "";
}
.fa-trello {
  --fa: "";
}
.fa-creative-commons-nc-jp {
  --fa: "";
}
.fa-get-pocket {
  --fa: "";
}
.fa-perbyte {
  --fa: "";
}
.fa-grunt {
  --fa: "";
}
.fa-weebly {
  --fa: "";
}
.fa-connectdevelop {
  --fa: "";
}
.fa-leanpub {
  --fa: "";
}
.fa-black-tie {
  --fa: "";
}
.fa-themeco {
  --fa: "";
}
.fa-python {
  --fa: "";
}
.fa-android {
  --fa: "";
}
.fa-bots {
  --fa: "";
}
.fa-free-code-camp {
  --fa: "";
}
.fa-hornbill {
  --fa: "";
}
.fa-js {
  --fa: "";
}
.fa-ideal {
  --fa: "";
}
.fa-git {
  --fa: "";
}
.fa-dev {
  --fa: "";
}
.fa-sketch {
  --fa: "";
}
.fa-yandex-international {
  --fa: "";
}
.fa-cc-amex {
  --fa: "";
}
.fa-uber {
  --fa: "";
}
.fa-github {
  --fa: "";
}
.fa-php {
  --fa: "";
}
.fa-alipay {
  --fa: "";
}
.fa-youtube {
  --fa: "";
}
.fa-skyatlas {
  --fa: "";
}
.fa-firefox-browser {
  --fa: "";
}
.fa-replyd {
  --fa: "";
}
.fa-suse {
  --fa: "";
}
.fa-jenkins {
  --fa: "";
}
.fa-twitter {
  --fa: "";
}
.fa-rockrms {
  --fa: "";
}
.fa-pinterest {
  --fa: "";
}
.fa-buffer {
  --fa: "";
}
.fa-npm {
  --fa: "";
}
.fa-yammer {
  --fa: "";
}
.fa-btc {
  --fa: "";
}
.fa-dribbble {
  --fa: "";
}
.fa-stumbleupon-circle {
  --fa: "";
}
.fa-internet-explorer {
  --fa: "";
}
.fa-stubber {
  --fa: "";
}
.fa-telegram,
.fa-telegram-plane {
  --fa: "";
}
.fa-old-republic {
  --fa: "";
}
.fa-odysee {
  --fa: "";
}
.fa-square-whatsapp,
.fa-whatsapp-square {
  --fa: "";
}
.fa-node-js {
  --fa: "";
}
.fa-edge-legacy {
  --fa: "";
}
.fa-slack,
.fa-slack-hash {
  --fa: "";
}
.fa-medrt {
  --fa: "";
}
.fa-usb {
  --fa: "";
}
.fa-tumblr {
  --fa: "";
}
.fa-vaadin {
  --fa: "";
}
.fa-quora {
  --fa: "";
}
.fa-square-x-twitter {
  --fa: "";
}
.fa-reacteurope {
  --fa: "";
}
.fa-medium,
.fa-medium-m {
  --fa: "";
}
.fa-amilia {
  --fa: "";
}
.fa-mixcloud {
  --fa: "";
}
.fa-flipboard {
  --fa: "";
}
.fa-viacoin {
  --fa: "";
}
.fa-critical-role {
  --fa: "";
}
.fa-sitrox {
  --fa: "";
}
.fa-discourse {
  --fa: "";
}
.fa-joomla {
  --fa: "";
}
.fa-mastodon {
  --fa: "";
}
.fa-airbnb {
  --fa: "";
}
.fa-wolf-pack-battalion {
  --fa: "";
}
.fa-buy-n-large {
  --fa: "";
}
.fa-gulp {
  --fa: "";
}
.fa-creative-commons-sampling-plus {
  --fa: "";
}
.fa-strava {
  --fa: "";
}
.fa-ember {
  --fa: "";
}
.fa-canadian-maple-leaf {
  --fa: "";
}
.fa-teamspeak {
  --fa: "";
}
.fa-pushed {
  --fa: "";
}
.fa-wordpress-simple {
  --fa: "";
}
.fa-nutritionix {
  --fa: "";
}
.fa-wodu {
  --fa: "";
}
.fa-google-pay {
  --fa: "";
}
.fa-intercom {
  --fa: "";
}
.fa-zhihu {
  --fa: "";
}
.fa-korvue {
  --fa: "";
}
.fa-pix {
  --fa: "";
}
.fa-steam-symbol {
  --fa: "";
}
body.rtl-mode {
  font-family: IBM Plex Sans Arabic, sans-serif;
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
  transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
  transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}
[data-aos="fade-up"] {
  transform: translate3d(0, 100px, 0);
}
[data-aos="fade-down"] {
  transform: translate3d(0, -100px, 0);
}
[data-aos="fade-right"] {
  transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
  transform: translate3d(100px, 0, 0);
}
[data-aos="fade-up-right"] {
  transform: translate3d(-100px, 100px, 0);
}
[data-aos="fade-up-left"] {
  transform: translate3d(100px, 100px, 0);
}
[data-aos="fade-down-right"] {
  transform: translate3d(-100px, -100px, 0);
}
[data-aos="fade-down-left"] {
  transform: translate3d(100px, -100px, 0);
}
[data-aos^="zoom"][data-aos^="zoom"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}
[data-aos="zoom-in"] {
  transform: scale(0.6);
}
[data-aos="zoom-in-up"] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos="zoom-in-down"] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos="zoom-in-right"] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos="zoom-in-left"] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos="zoom-out"] {
  transform: scale(1.2);
}
[data-aos="zoom-out-up"] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos="zoom-out-down"] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos="zoom-out-right"] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos="zoom-out-left"] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^="slide"][data-aos^="slide"] {
  transition-property: transform;
}
[data-aos^="slide"][data-aos^="slide"].aos-animate {
  transform: translateZ(0);
}
[data-aos="slide-up"] {
  transform: translate3d(0, 100%, 0);
}
[data-aos="slide-down"] {
  transform: translate3d(0, -100%, 0);
}
[data-aos="slide-right"] {
  transform: translate3d(-100%, 0, 0);
}
[data-aos="slide-left"] {
  transform: translate3d(100%, 0, 0);
}
[data-aos^="flip"][data-aos^="flip"] {
  backface-visibility: hidden;
  transition-property: transform;
}
[data-aos="flip-left"] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos="flip-left"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-right"] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos="flip-right"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-up"] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos="flip-up"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
[data-aos="flip-down"] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos="flip-down"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
.learn-first .main-card .courses__list,
.no-border {
  border: 0 !important;
}
.btn-rounded {
  border-radius: 30px;
}
.col-no-padding {
  padding: 0;
}
.border-radius {
  border-radius: 6px;
}
.box-shadow {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 1px rgba(0, 0, 0, 0.1);
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  height: 100%;
}
#wrapper,
body,
html {
  width: 100%;
  margin: 0;
  padding: 0;
}
#wrapper {
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.no-padding {
  padding: 0;
}
.no-margin {
  margin: 0;
}
.no-radius {
  border-radius: 0;
}
a {
  text-decoration: none;
}
body {
  background: #edf5f6;
}
.inner-content {
  position: relative;
  padding: 80px 0;
}
.h-20 {
  height: 20vh !important;
}
.w-100 {
  width: 100%;
}
.chat-icon {
  position: fixed;
  inset: auto 1rem 1rem auto;
  z-index: 99;
}
.chat-icon button {
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #1e7b85;
  color: #fff;
}
.auth-content,
.chat-icon button {
  display: flex;
  justify-content: center;
}
.auth-content {
  position: relative;
  height: 100%;
  min-height: 100vh;
  padding: 12%;
  flex-direction: column;
  background: #fff;
}
.auth-content .back {
  position: absolute;
  inset: 2% auto auto 12%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #edf5f6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth-content .back span {
  color: #340155;
  font-size: 14px;
}
.auth-content .title {
  color: #111827;
  font-size: 40px;
  text-align: center;
  margin-bottom: 2rem;
}
.auth-content form label {
  color: #1f2937;
  font-size: 16px;
  font-weight: 500;
}
.auth-content form .form-control {
  height: 48px;
  background: #f8fafc;
  border-color: #d1d5db;
  padding-inline-start: 56px;
}
.auth-content form .form-control:active,
.auth-content form .form-control:focus {
  border-color: #1f2937;
  box-shadow: none !important;
}
.auth-content form .form-group {
  position: relative;
}
.auth-content form .form-group span {
  inset: auto auto 0 0;
  width: 48px;
  border-inline-end: 1px solid #d1d5db;
}
.auth-content form .form-group .show-pass,
.auth-content form .form-group span {
  position: absolute;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
}
.auth-content form .form-group .show-pass {
  inset: auto 0 0 auto;
  width: 32px;
  background: transparent;
}
.auth-content form .form-check label {
  color: #1f2937;
}
.auth-content form .forget a {
  color: #1e7b85;
}
.auth-content form .btn[type="submit"] {
  background: #1e7b85;
  color: #fff;
  text-transform: capitalize;
  width: 100%;
  height: 48px;
}
.auth-content .or {
  position: relative;
  margin: 1rem 0;
  text-align: center;
}
.auth-content .or span {
  text-transform: capitalize;
  color: #6b7280;
}
.auth-content .or:after,
.auth-content .or:before {
  content: "";
  position: absolute;
  width: 40%;
  height: 1px;
  background-color: #dadfe8;
  transform: translateY(-50%);
}
.auth-content .or:before {
  inset: 60% 0 auto auto;
}
.auth-content .or:after {
  inset: 60% auto auto 0;
}
.auth-content .btns a {
  width: 49%;
  border: 1px solid #171725;
  padding: 16px 32px;
  border-radius: 8px;
  color: #171725;
}
.auth-content .btns a:first-child {
  margin-inline-end: 2%;
}
.auth-content .btns a span {
  font-size: 14px;
  font-weight: 500;
  margin-inline-start: 12px;
}
.auth-content .btns a img {
  margin-top: -6px;
}
.auth-content .not-have {
  margin-top: 1rem;
  text-align: center;
}
.auth-content .not-have span {
  color: #6b7280;
  font-weight: 600;
}
.auth-content .not-have span a {
  color: #1e7b85;
}
.btn-group .btn {
  width: 48%;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  background: #f8fafc;
  color: #4b5563;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-group > :not(.btn-check:first-child) + .btn {
  margin-inline-start: 2%;
}
.btn-group .btn-check:checked + .btn {
  border-color: #1e7b85 !important;
  background: #f8fafc;
}
.auth-image {
  height: 100%;
  max-height: 100vh;
  position: fixed;
  width: 49%;
}
.auth-image .logo {
  position: absolute;
  inset: 1rem auto auto 1rem;
}
.auth-image .bg {
  height: 380px;
  object-fit: cover;
  object-position: 100% 75%;
}
.auth-image .desc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 75%;
}
.auth-image .desc .title {
  font-size: 32px;
  color: #111827;
  font-weight: 700;
  margin-top: 16px;
}
.auth-image .desc p {
  color: #4b5563;
}
.auth-image .actions {
  position: absolute;
  inset: auto 1rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 2rem);
}
.auth-image .actions .dropdown .btn-check:checked + .btn:active,
.auth-image .actions .dropdown .btn.active:active,
.auth-image .actions .dropdown .btn.show:active,
.auth-image .actions .dropdown .btn:first-child:active:active,
.auth-image .actions .dropdown :not(.btn-check) + .btn:active:active {
  border: 0 !important;
}
.auth-image .actions .dropdown .dropdown-toggle:after {
  font-family: Font Awesome\6 Free;
  font-weight: 900;
  content: "";
  border: 0 !important;
  margin-left: 0.5rem;
  position: absolute;
  top: 8px;
}
.auth-image .actions a,
.auth-image .actions button {
  text-transform: capitalize;
  color: #4b5563;
}
.auth-image .actions button,
.auth-image .actions button a {
  font-size: 16px;
}
.auth-image .actions a {
  font-size: 14px;
}
.auth-image .actions .links a:not(:last-of-type) {
  margin-inline-end: 1rem;
}
.register-image,
.register-image .bg {
  height: 100%;
}
.community-page .title.h1,
.community-page h1.title {
  color: #fff;
  font-size: 48px;
  text-transform: capitalize;
  font-weight: 700;
}
.community-page .desc {
  color: #4b5563;
  font-size: 18px;
}
.community-page .actions .btn {
  padding: 8px 16px;
  border-radius: 10px;
  width: max-content;
  font-weight: 400;
}
.community-page .actions .btn span {
  margin-inline-end: 6px;
}
.community-page .actions .btn.filter {
  background: #fff;
  color: #374151;
}
.community-page .actions .btn.create {
  background: #1e7b85;
  color: #fff;
}
.community-page .actions .btn:not(:first-of-type) {
  margin-inline-start: 4px;
}
.community-page .title {
  font-size: 20px;
  text-transform: capitalize;
  color: #1f2937;
  font-weight: 700;
  margin-bottom: 1rem;
}
.community-page .btn {
  width: 100%;
  padding: 10px;
  font-weight: 500;
  border: 1px solid #1e7b85;
  color: #1e7b85;
  border-radius: 10px;
}
.community-page .groups,
.community-page .topics {
  background: #fff;
  padding: 24px;
  border-radius: 12px;
}
.community-page .groups .icon,
.community-page .topics .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(30, 123, 133, 0.1019607843);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 8px;
}
.community-page .groups .icon .fa-solid,
.community-page .topics .icon .fa-solid {
  color: #1e7b85;
  font-size: 14px;
}
.community-page .groups .name,
.community-page .topics .name {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
}
.community-page .topics {
  margin-bottom: 16px;
}
.community-page .topics .topic-card {
  border: 1px solid #f3f4f6;
  border-radius: 10px;
  padding: 1rem;
}
.community-page .topics .topic-card .topic-details .d-flex span {
  position: relative;
  color: #6b7280;
  font-size: 12px;
}
.community-page .topics .topic-card .topic-details .d-flex span:nth-child(2) {
  margin-inline-start: 24px;
}
.community-page
  .topics
  .topic-card
  .topic-details
  .d-flex
  span:nth-child(2):before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #6b7280;
  inset: 60% auto auto -10px;
  transform: translateY(-50%);
}
.community-page .groups .group .group-details span {
  color: #6b7280;
  font-size: 12px;
}
.community-page .groups .group .join {
  font-size: 14px;
  color: #1e7b85;
}
.community-page .feed {
  background: #fff;
  padding: 24px;
  border-radius: 12px;
}
.community-page .feed .title {
  margin-bottom: 0;
}
.community-page .feed .nav-tabs {
  border: 0;
}
.community-page .feed .nav-tabs .nav-item:first-child {
  margin-inline-end: 8px;
}
.community-page .feed .nav-tabs .nav-link {
  border: 0;
  padding: 6px 16px;
  border-radius: 55px;
  background: #f3f4f6;
  color: #374151;
  font-size: 14px;
  text-transform: capitalize;
}
.community-page .feed .nav-tabs .nav-link.active {
  background: #1e7b85;
  color: #fff;
}
.community-page .feed .tab-pane {
  margin-top: 16px;
}
.community-page .feed .tab-pane .row .col-12:not(:last-of-type) .post {
  border-bottom: 1px solid #f3f4f6;
  padding-bottom: 16px;
}
.community-page .feed .post .author {
  margin-bottom: 16px;
}
.community-page .feed .post .author .pic {
  margin-inline-end: 8px;
}
.community-page .feed .post .author .pic img {
  border-radius: 50%;
}
.community-page .feed .post .author .name p {
  color: #333;
  font-size: 16px;
  font-weight: 500;
}
.community-page .feed .post .author .name .time {
  position: relative;
  color: #6b7280;
  font-size: 12px;
  margin-inline-start: 20px;
}
.community-page .feed .post .author .name .time:before {
  content: "";
  position: absolute;
  inset: 5px auto auto -8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #9ca3af;
}
.community-page .feed .post .author .group {
  color: #6b7280;
  font-size: 12px;
  margin-top: -2px;
  display: flex;
}
.community-page .feed .post .post-body p {
  color: #333;
}
.community-page .feed .post .post-body .post-img img {
  border-radius: 12px;
}
.community-page .feed .post .post-footer {
  margin-top: 8px;
}
.community-page .feed .post .post-footer .item {
  margin-inline-end: 16px;
}
.community-page .feed .post .post-footer .icon {
  color: #6b7280;
  margin-inline-end: 4px;
}
.community-page .feed .post .post-footer p {
  color: #6b7280;
  margin-bottom: 0;
}
.community-page .feed .comments {
  padding-inline-start: 32px;
  margin-top: 16px;
}
.community-page .feed .comments .comment .pic {
  margin-inline-end: 8px;
}
.community-page .feed .comments .comment .pic img {
  border-radius: 50%;
}
.community-page .feed .comments .comment .text-content {
  padding: 12px;
  background: #f9fafb;
  border-radius: 12px;
}
.community-page .feed .comments .comment .text-content .name p {
  color: #333;
  font-size: 14px;
  font-weight: 500;
}
.community-page .feed .comments .comment .text-content .name span {
  position: relative;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  margin-inline-start: 20px;
}
.community-page .feed .comments .comment .text-content .name span:before {
  content: "";
  position: absolute;
  inset: 6px auto auto -8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #9ca3af;
}
.community-page .feed .comments .comment .text-content p {
  color: #333;
  font-size: 14px;
}
.community-page .feed .comments .all-comments {
  text-align: center;
  margin-top: 8px;
}
.community-page .feed .comments .all-comments a {
  color: #1e7b85;
  font-size: 14px;
  font-weight: 500;
}
.community-page .feed .load {
  margin-top: 1rem;
}
.community-page .feed .load .load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px;
  border-radius: 12px;
  background: #f3f4f6;
  color: #374151;
}
.community-page .members {
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 1rem;
}
.community-page .members form {
  position: relative;
  margin-bottom: 1rem;
}
.community-page .members form button {
  position: absolute;
  inset: 50% auto auto 6px;
  transform: translateY(-50%);
  width: 32px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  color: #9ca3af;
}
.community-page .members form .form-control {
  border: 1px solid #d1d5db;
  height: 48px;
  border-radius: 16px;
  padding-inline-start: 40px;
}
.community-page .members .pic {
  margin-inline-end: 8px;
}
.community-page .members .pic img {
  border-radius: 50%;
}
.community-page .members .name {
  font-size: 16px;
  color: #333;
}
.community-page .members .name span {
  color: #6b7280;
  font-size: 12px;
}
.community-page .members .follow {
  color: #1e7b85;
  font-size: 14px;
  font-weight: 500;
}
.community-page .members .member {
  margin-bottom: 1rem;
}
.community-page .events {
  padding: 24px;
  border-radius: 12px;
  margin-bottom: 1rem;
}
.community-page .events .event {
  margin-bottom: 1rem;
}
.community-page .events .event .date {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  background: rgba(30, 123, 133, 0.1019607843);
  margin-inline-end: 8px;
}
.community-page .events .event .date span {
  color: #1e7b85;
}
.community-page .events .event .date span:first-child {
  font-weight: 500;
}
.community-page .events .event .date span:nth-child(2) {
  font-weight: 400;
  font-size: 12px;
  margin-top: -4px;
}
.community-page .events .event .event-details .name {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.community-page .events .event .event-details .time {
  color: #6b7280;
  font-size: 12px;
}
.community-page .events .event .event-details .site {
  color: #1e7b85;
  font-size: 12px;
}
.community-page .hasjtags {
  padding: 24px;
  border-radius: 12px;
  margin-bottom: 1rem;
}
.community-page .hasjtags .hasjtag {
  padding: 4px 12px;
  border-radius: 12px;
  background: rgba(30, 123, 133, 0.1019607843);
  color: #1e7b85;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 8px;
  margin-bottom: 8px;
}
.community-page .hasjtags .hasjtag a {
  color: #1e7b85;
}
.community-page .guidlines {
  padding: 24px;
  border-radius: 12px;
}
.community-page .guidlines .item {
  margin-bottom: 1rem;
}
.community-page .guidlines .item .icon {
  background: rgba(30, 123, 133, 0.1019607843);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 8px;
}
.community-page .guidlines .item .content .name {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 2px;
}
.community-page .guidlines .item .content p {
  font-size: 12px;
  color: #4b5563;
  margin-bottom: 0;
}
.post-modal .modal-body .creator .pic {
  margin-inline-end: 8px;
}
.post-modal .modal-body .creator .pic img {
  border-radius: 50%;
}
.post-modal .modal-body .creator .name {
  font-size: 16px;
  color: #333;
  font-weight: 500;
  text-transform: capitalize;
}
.post-modal .modal-body .creator select {
  background: #f3f4f6;
  border-radius: 22px;
  padding: 2px 16px;
}
.post-modal .modal-body ul {
  margin: 24px 0 !important;
}
.post-modal .modal-body ul li a {
  text-transform: capitalize;
  background: #f3f4f6;
  padding: 8px 12px;
  border-radius: 12px;
  color: #374151;
}
.post-modal .modal-body ul li:not(:last-of-type) a {
  margin-inline-end: 8px;
}
.post-modal .modal-body .btn {
  width: 100%;
  background: #1e7b85;
  text-transform: capitalize;
  border-radius: 8px;
  color: #fff;
}
.the-profile .prof-card {
  background: #fff;
  border: 1px solid #d9e3e4;
  display: flex;
  align-items: center;
}
.the-profile .prof-card {
  position: relative;
  border-radius: 10px;
  padding: 32px 48px;
  flex-direction: column;
  height: 100%;
}
.the-profile .prof-card .status {
  position: absolute;
  inset: 1rem 1rem auto auto;
  background: #14b8a6;
  padding: 2px 8px;
  border-radius: 40px;
  text-transform: capitalize;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.the-profile .prof-card .pic {
  margin-bottom: 8px;
}
.the-profile .prof-card .pic img {
  border-radius: 50%;
}
.the-profile .prof-card .name {
  color: #1f1f43;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.the-profile .prof-card .email {
  color: #6b7280;
  font-size: 12px;
}
.the-profile .prof-card .joined {
  background: #f3f4f6;
  border-radius: 10px;
  padding: 4px 16px;
  margin: 10px 0;
}
.the-profile .prof-card .joined span .fa-solid {
  color: #050505;
}
.the-profile .prof-card .joined span {
  color: #1f2937;
}
.the-profile .prof-card p {
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.the-profile .prof-card .edit {
  border: 2px solid #1e7b85;
  color: #1e7b85;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  text-transform: capitalize;
  width: 100%;
  padding: 10px;
  font-weight: 500;
}
.the-profile .prof-card .edit .fa-solid {
  margin-inline-end: 8px;
}
.the-profile .nav-tabs {
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 24px;
}
.the-profile .nav-tabs .nav-item.show .nav-link,
.the-profile .nav-tabs .nav-link.active {
  background: transparent;
  border: 0;
  border-bottom: 2px solid #1e7b85;
  color: #1e7b85;
  font-weight: 600;
}
.the-profile .nav-tabs .nav-link {
  color: #4b5563;
  text-transform: capitalize;
  font-weight: 400;
  border: 0;
}
.the-profile .profile-details {
  position: relative;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #d9e3e4;
  background: #fff;
  height: 100%;
}
.the-profile .overview-card {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.the-profile .overview-card .icon {
  color: #050505;
  margin-inline-end: 8px;
}
.the-profile .overview-card .title {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
.the-profile .overview-card .count {
  font-size: 32px;
  font-weight: 600;
  color: #1e7b85;
}
.the-profile .progress-card {
  padding: 1rem;
  border-color: #e5e7eb;
  border-radius: 12px;
}
.the-profile .progress-card .card-header .title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
.the-profile .progress-card .card-header .status {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 16px;
}
.the-profile .progress-card .card-header .status.complete {
  background: #dcfce7;
  color: #166534;
}
.the-profile .progress-card .card-header .status.in {
  background: #f3f4f6;
  color: #4b5563;
}
.the-profile .progress-card .card-body .progress {
  margin-bottom: 10px;
  height: 8px;
}
.the-profile .progress-card .card-body .progress .progress-bar {
  background-color: #1e7b85;
}
.the-profile .progress-card .card-body .avg,
.the-profile .progress-card .card-body .lessons,
.the-profile .progress-card .card-body .percent {
  color: #4b5563;
  font-size: 14px;
}
.the-profile .certificate-card {
  padding: 1rem;
  border-color: #e5e7eb;
  border-radius: 12px;
}
.the-profile .certificate-card .card-header .title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  max-width: 85%;
}
.the-profile .certificate-card .card-header span {
  padding: 4px 8px;
  border-radius: 20px;
  background: #dcfce7;
  color: #166534;
  font-size: 12px;
}
.the-profile .certificate-card .card-body {
  margin: 0.5rem 0;
}
.the-profile .certificate-card .card-body span {
  color: #4b5563;
  font-size: 14px;
}
.the-profile .certificate-card .card-footer .btn {
  width: 49%;
  padding: 10px 24px;
  border: 1px solid #1e7b85;
  text-transform: capitalize;
}
.the-profile .certificate-card .card-footer .btn.view {
  background: #1e7b85;
  color: #fff;
}
.the-profile .certificate-card .card-footer .btn.download {
  color: #1e7b85;
}
.jssocials-shares {
  margin: 0.2em 0;
}
.jssocials-shares * {
  box-sizing: border-box;
}
.jssocials-share {
  display: inline-block;
  vertical-align: top;
  margin: 0.3em 0.6em 0.3em 0;
}
.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em;
}
img.jssocials-share-logo {
  width: auto;
  height: 1em;
}
.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1;
}
.jssocials-share-link.jssocials-share-link-count {
  padding-top: 0.2em;
}
.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
  display: block;
  font-size: 0.6em;
  margin: 0 -0.5em -0.8em;
}
.jssocials-share-link.jssocials-share-no-count {
  padding-top: 0.5em;
}
.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
  height: 1em;
}
.jssocials-share-label {
  padding-left: 0.3em;
  vertical-align: middle;
}
.jssocials-share-count-box {
  display: inline-block;
  height: 1.5em;
  line-height: 1;
  vertical-align: middle;
  cursor: default;
}
.jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}
.jssocials-share-count {
  line-height: 1.5em;
  vertical-align: middle;
}
.jssocials-share-twitter .jssocials-share-link {
  background: #00aced;
}
.jssocials-share-twitter .jssocials-share-link:hover {
  background: #0087ba;
}
.jssocials-share-facebook .jssocials-share-link {
  background: #3b5998;
}
.jssocials-share-facebook .jssocials-share-link:hover {
  background: #2d4373;
}
.jssocials-share-googleplus .jssocials-share-link {
  background: #dd4b39;
}
.jssocials-share-googleplus .jssocials-share-link:hover {
  background: #c23321;
}
.jssocials-share-linkedin .jssocials-share-link {
  background: #007bb6;
}
.jssocials-share-linkedin .jssocials-share-link:hover {
  background: #005983;
}
.jssocials-share-pinterest .jssocials-share-link {
  background: #cb2027;
}
.jssocials-share-pinterest .jssocials-share-link:hover {
  background: #9f191f;
}
.jssocials-share-email .jssocials-share-link {
  background: #3490f3;
}
.jssocials-share-email .jssocials-share-link:hover {
  background: #0e76e6;
}
.jssocials-share-stumbleupon .jssocials-share-link {
  background: #eb4823;
}
.jssocials-share-stumbleupon .jssocials-share-link:hover {
  background: #c93412;
}
.jssocials-share-whatsapp .jssocials-share-link {
  background: #29a628;
}
.jssocials-share-whatsapp .jssocials-share-link:hover {
  background: #1f7d1e;
}
.jssocials-share-telegram .jssocials-share-link {
  background: #2ca5e0;
}
.jssocials-share-telegram .jssocials-share-link:hover {
  background: #1c88bd;
}
.jssocials-share-line .jssocials-share-link {
  background: #25af00;
}
.jssocials-share-line .jssocials-share-link:hover {
  background: #1a7c00;
}
.jssocials-share-viber .jssocials-share-link {
  background: #7b519d;
}
.jssocials-share-viber .jssocials-share-link:hover {
  background: #61407b;
}
.jssocials-share-pocket .jssocials-share-link {
  background: #ef4056;
}
.jssocials-share-pocket .jssocials-share-link:hover {
  background: #e9132e;
}
.jssocials-share-messenger .jssocials-share-link {
  background: #0084ff;
}
.jssocials-share-messenger .jssocials-share-link:hover {
  background: #006acc;
}
.jssocials-share-vkontakte .jssocials-share-link {
  background: #45668e;
}
.jssocials-share-vkontakte .jssocials-share-link:hover {
  background: #344d6c;
}
.jssocials-share-link {
  padding: 0.5em 0.6em;
  color: #fff;
  -webkit-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.jssocials-share-link:active,
.jssocials-share-link:focus,
.jssocials-share-link:hover {
  color: #fff;
}
.jssocials-share-count-box {
  position: relative;
  height: 2.5em;
  padding: 0 0.3em;
  margin-left: 0.3em;
  background: #f5f5f5;
  -webkit-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.jssocials-share-count-box:hover {
  background: #dcdcdc;
}
.jssocials-share-count-box:hover:after {
  border-color: transparent #dcdcdc transparent transparent;
}
.jssocials-share-count-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.85em;
  left: -0.3em;
  width: 0;
  height: 0;
  border-color: transparent #f5f5f5 transparent transparent;
  border-style: solid;
  border-width: 0.4em 0.4em 0.4em 0;
  -webkit-transform: rotate(1turn);
  -ms-transform: rotate(1turn);
  transform: rotate(1turn);
  -webkit-transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.jssocials-share-count-box .jssocials-share-count {
  line-height: 2.5em;
  color: #444;
}
.course-days {
  background: #fff;
  padding: 16px;
  border-radius: 12px;
}
.course-days .left-side .the-title .day-title {
  color: #1f1f43;
  font-size: 24px;
  font-weight: 500;
}
.course-days .left-side .the-title .d-flex span {
  color: #6b7280;
  font-size: 14px;
}
.course-days .left-side .the-title .d-flex span:nth-child(2) {
  position: relative;
  margin-inline-start: 2rem;
}
.course-days .left-side .the-title .d-flex span:nth-child(2):before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #6b7280;
  inset: 8px auto auto -16px;
}
.course-days .left-side .lesson-card {
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  margin-top: 1rem;
}
.course-days .left-side .lesson-card:not(.active) {
  opacity: 0.4;
}
.course-days .left-side .lesson-card .header .icon {
  background: rgba(46, 93, 67, 0.1019607843);
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 8px;
}
.course-days .left-side .lesson-card .header .icon .fa-solid {
  color: #1e7b85;
}
.course-days .left-side .lesson-card .header .text-content .title {
  color: #000;
  font-size: 18px;
  margin-bottom: 0;
}
.course-days .left-side .lesson-card .header .text-content .title span {
  background: #dcfce7;
  color: #166534;
  font-size: 12px;
  padding: 6px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.course-days .left-side .lesson-card .header .text-content p {
  color: #4b5563;
  font-size: 14px;
  margin-bottom: 0;
}
.course-days .left-side .lesson-card .header .continue {
  padding: 8px 16px;
  color: #fff;
  background: #1e7b85;
  border-radius: 8px;
}
.course-days .left-side .lesson-card .body {
  margin-top: 1rem;
}
.course-days .left-side .lesson-card .body .progress {
  height: 8px;
  margin-bottom: 8px;
}
.course-days .left-side .lesson-card .body .progress .progress-bar {
  background: #1e7b85;
}
.course-days .left-side .lesson-card .body span {
  color: #4b5563;
  margin-inline-end: 8px;
}
.course-days .right-side .card {
  border-color: #e5e7eb;
  padding: 1rem;
}
.course-days .right-side .card:not(:last-of-type) {
  margin-bottom: 1rem;
}
.course-days .right-side .card .icon {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(46, 93, 67, 0.1019607843);
  color: #1e7b85;
  margin-inline-end: 1rem;
}
.course-days .right-side .card .title {
  font-size: 18px;
  color: #000;
  margin-bottom: 0;
}
.course-days .right-side .card p {
  font-size: 14px;
  color: #4b5563;
  margin: 1rem 0;
}
.course-days .right-side .card .btn {
  width: 100%;
  color: #fff;
  background: #1e7b85;
  border-radius: 10px;
  padding: 10px;
}
.progress {
  height: 8px;
  margin-bottom: 8px;
}
.progress .progress-bar {
  background: #1e7b85;
}
.lesson-content {
  position: relative;
  padding: 24px 0 80px;
  min-height: 50vh;
}
.lesson-content .navigation {
  background: #fff;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid #d9e3e4;
}
.lesson-content .navigation .back .fa-solid {
  margin-inline-end: 8px;
  color: #374151;
}
.lesson-content .navigation .back span {
  color: #374151;
}
.lesson-content .navigation .title {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  margin-bottom: 0;
}
.lesson-content .navigation .ask {
  padding: 8px 16px;
  background: #1e7b85;
  border-radius: 10px;
}
.lesson-content .navigation .ask .fa-regular {
  margin-inline-end: 8px;
  color: #fff;
}
.lesson-content .navigation .ask span {
  color: #fff;
  font-size: 16px;
}
.lesson-content .lesson-content-card {
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  border: 1px solid #d9e3e4;
  margin-top: 1rem;
}
.lesson-content .lesson-content-card iframe {
  width: 100%;
  border-radius: 12px;
}
.lesson-content .lesson-content-card .the-title .title {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}
.lesson-content .lesson-content-card .the-title .d-flex button {
  border-radius: 6px;
  color: #9e9e9e;
}
.lesson-content
  .lesson-content-card
  .the-title
  .d-flex
  button:not(:last-of-type) {
  margin-inline-end: 8px;
}
.lesson-content .lesson-content-card .nav-tabs {
  border-color: #e5e7eb;
}
.lesson-content .lesson-content-card .nav-tabs .nav-link {
  font-size: 16px;
  color: #6b7280;
  text-transform: capitalize;
}
.lesson-content .lesson-content-card .nav-tabs .nav-link.active {
  color: #1e7b85;
  border: 0;
  border-bottom: 2px solid #1e7b85;
}
.lesson-content .lesson-content-card .tab-content .tab-pane {
  color: #4b5563;
  margin-top: 1rem;
}
.lesson-content .lesson-content-card .tab-content .tab-pane ul {
  padding-inline-start: 20px !important;
}
.lesson-content .lesson-content-card .tab-content .tab-pane .test-knowledge {
  background: #edf5f6;
  padding: 24px;
  margin-top: 1.5rem;
  border-radius: 12px;
}
.lesson-content
  .lesson-content-card
  .tab-content
  .tab-pane
  .test-knowledge
  .the-title {
  display: flex;
  align-items: center;
}
.lesson-content
  .lesson-content-card
  .tab-content
  .tab-pane
  .test-knowledge
  .the-title
  .icon {
  background: rgba(43, 91, 63, 0.1019607843);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 1rem;
  color: #1e7b85;
}
.lesson-content
  .lesson-content-card
  .tab-content
  .tab-pane
  .test-knowledge
  .the-title
  .title {
  font-size: 18px;
  color: #000;
}
.lesson-content .lesson-content-card .tab-content .tab-pane .test-knowledge p {
  color: #4b5563;
}
.lesson-content
  .lesson-content-card
  .tab-content
  .tab-pane
  .test-knowledge
  .btn {
  padding: 8px 16px;
  border-radius: 8px;
  background: #1e7b85;
  color: #fff;
  text-transform: capitalize;
}
.lesson-content .edu-card {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  padding: 1.5rem;
  border-radius: 12px;
}
.lesson-content .edu-card:not(:last-of-type) {
  margin-bottom: 1rem;
}
.lesson-content .edu-card .title {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
.lesson-content .edu-card button {
  padding: 8px 16px;
  background: #fff;
  border: 1px solid #e5e7eb;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 8px;
}
.lesson-content .edu-card .icon {
  background: rgba(43, 91, 63, 0.1019607843);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 12px;
}
.lesson-content .edu-card .next,
.lesson-content .edu-card .prev {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 8px;
}
.lesson-content .edu-card .prev {
  margin-bottom: 8px;
  background: #fff;
  color: #333;
  border: 1px solid #e5e7eb;
}
.lesson-content .edu-card .prev span {
  margin-inline-end: 8px;
}
.lesson-content .edu-card .next {
  background: #1e7b85;
  color: #fff;
  border: 1px solid #1e7b85;
}
.lesson-content .edu-card .next span {
  margin-inline-start: 8px;
}
.lesson-content .edu-card p {
  color: #6b7280;
  font-size: 14px;
}
.lesson-content .edu-card .text-content {
  width: calc(100% - 50px);
}
.lesson-content .edu-card .btn {
  background: #1e7b85;
  padding: 8px 24px;
  border-radius: 12px;
  color: #fff;
  width: 100%;
}
.chat-offcanvas {
  z-index: 99999;
}
.chat-offcanvas .offcanvas-header {
  border-bottom: 1px solid #e5e7eb;
}
.chat-offcanvas .offcanvas-header .offcanvas-title {
  display: flex;
  align-items: center;
}
.chat-offcanvas .offcanvas-header .offcanvas-title .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(43, 91, 63, 0.1019607843);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1e7b85;
  margin-inline-end: 8px;
}
.chat-offcanvas .offcanvas-header .offcanvas-title .title {
  font-size: 16px;
  color: #000;
  margin-bottom: 0;
}
.chat-offcanvas .offcanvas-header .offcanvas-title p {
  color: #6b7280;
  font-size: 14px;
}
.chat-offcanvas .offcanvas-body .title {
  font-size: 16px;
  margin: 16px 0;
}
.chat-offcanvas .offcanvas-body .qu {
  display: flex;
  align-items: center;
  color: #000;
  background: #f9fafb;
  padding: 10px 16px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.chat-offcanvas .offcanvas-body .qu .fa-regular,
.chat-offcanvas .offcanvas-body .qu .icon {
  margin-inline-end: 10px;
}
.chat-offcanvas .offcanvas-body .qu p {
  margin-bottom: 0;
}
.chat-offcanvas .offcanvas-body p {
  font-size: 14px;
}
.chat-offcanvas .offcanvas-footer {
  border-top: 1px solid #e5e7eb;
  padding: 1rem;
}
.chat-offcanvas .offcanvas-footer form {
  position: relative;
}
.chat-offcanvas .offcanvas-footer form .form-control {
  border-radius: 12px;
  background: #f9fafb;
  resize: none;
  padding-inline-end: 80px;
}
.chat-offcanvas .offcanvas-footer form .actions {
  position: absolute;
  inset: 50% 0 auto auto;
  width: max-content;
  transform: translateY(-50%);
}
.chat-offcanvas .offcanvas-footer form .actions button {
  margin-inline-end: 6px;
}
.chat-offcanvas .offcanvas-footer form .actions .mic,
.chat-offcanvas .offcanvas-footer form .actions .volume {
  color: #9ca3af;
}
.chat-offcanvas .offcanvas-footer form .actions .send {
  color: #2b5b3f;
}
.chat-offcanvas .offcanvas-footer .btm-footer {
  padding: 1rem 0 0;
  text-align: center;
}
.chat-offcanvas .offcanvas-footer .btm-footer p {
  color: #9ca3af;
  font-size: 12px;
}
.guide-chat:not(.main-chat.chat-offcanvas, .guide-chat.chat-offcanvas),
.main-chat:not(.main-chat.chat-offcanvas, .guide-chat.chat-offcanvas) {
  position: relative;
  height: 73vh;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}
.guide-chat:not(.main-chat.chat-offcanvas, .guide-chat.chat-offcanvas):before,
.main-chat:not(.main-chat.chat-offcanvas, .guide-chat.chat-offcanvas):before {
  content: "";
  position: absolute;
  inset: 0 auto 0 -12px;
  width: 1px;
  height: 100%;
  background: #ddd;
}
.guide-chat .header,
.guide-chat .offcanvas-header,
.main-chat .header,
.main-chat .offcanvas-header {
  background: #1e7b85;
}
.guide-chat .header .icon,
.guide-chat .offcanvas-header .icon,
.main-chat .header .icon,
.main-chat .offcanvas-header .icon {
  background: #2795a0;
  color: #fff;
}
.guide-chat .header .text-content .title,
.guide-chat .offcanvas-header .text-content .title,
.main-chat .header .text-content .title,
.main-chat .offcanvas-header .text-content .title {
  display: flex;
  align-items: start;
}
.guide-chat .header .text-content .title .fa-solid,
.guide-chat .offcanvas-header .text-content .title .fa-solid,
.main-chat .header .text-content .title .fa-solid,
.main-chat .offcanvas-header .text-content .title .fa-solid {
  margin-inline-end: 4px;
}
.guide-chat .header .text-content .title,
.guide-chat .header .text-content p,
.guide-chat .offcanvas-header .text-content .title,
.guide-chat .offcanvas-header .text-content p,
.main-chat .header .text-content .title,
.main-chat .header .text-content p,
.main-chat .offcanvas-header .text-content .title,
.main-chat .offcanvas-header .text-content p {
  color: #fff;
}
.guide-chat .header .btn-close,
.guide-chat .offcanvas-header .btn-close,
.main-chat .header .btn-close,
.main-chat .offcanvas-header .btn-close {
  filter: invert(1);
}
.guide-chat .header,
.main-chat .header {
  padding: 8px;
  border-radius: 8px 8px 0 0;
}
.guide-chat .header .icon,
.main-chat .header .icon {
  margin-inline-end: 6px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guide-chat .body .answer,
.guide-chat .offcanvas-body .answer,
.main-chat .body .answer,
.main-chat .offcanvas-body .answer {
  background: #f1f1f1;
  padding: 8px;
  border-radius: 8px;
}
.guide-chat .body .answer .icon,
.guide-chat .offcanvas-body .answer .icon,
.main-chat .body .answer .icon,
.main-chat .offcanvas-body .answer .icon {
  margin-inline-end: 6px;
}
.guide-chat .body .answer p,
.guide-chat .offcanvas-body .answer p,
.main-chat .body .answer p,
.main-chat .offcanvas-body .answer p {
  font-size: 16px;
  margin-bottom: 2px;
}
.guide-chat .body .answer .time,
.guide-chat .offcanvas-body .answer .time,
.main-chat .body .answer .time,
.main-chat .offcanvas-body .answer .time {
  font-size: 12px;
  color: #757575;
}
.guide-chat .footer .cmn-q-acc,
.guide-chat .footer .common-questions,
.guide-chat .offcanvas-footer .cmn-q-acc,
.guide-chat .offcanvas-footer .common-questions,
.main-chat .footer .cmn-q-acc,
.main-chat .footer .common-questions,
.main-chat .offcanvas-footer .cmn-q-acc,
.main-chat .offcanvas-footer .common-questions {
  position: relative;
  padding: 10px;
  background: #f1f1f1;
  border-radius: 10px;
  max-height: 25vh;
  overflow: auto;
  margin-bottom: 16px;
}
.guide-chat .footer .cmn-q-acc .accordion-item,
.guide-chat .footer .common-questions .accordion-item,
.guide-chat .offcanvas-footer .cmn-q-acc .accordion-item,
.guide-chat .offcanvas-footer .common-questions .accordion-item,
.main-chat .footer .cmn-q-acc .accordion-item,
.main-chat .footer .common-questions .accordion-item,
.main-chat .offcanvas-footer .cmn-q-acc .accordion-item,
.main-chat .offcanvas-footer .common-questions .accordion-item {
  background: transparent;
  border: 0;
}
.guide-chat .footer .cmn-q-acc .accordion-item .accordion-button,
.guide-chat .footer .common-questions .accordion-item .accordion-button,
.guide-chat .offcanvas-footer .cmn-q-acc .accordion-item .accordion-button,
.guide-chat
  .offcanvas-footer
  .common-questions
  .accordion-item
  .accordion-button,
.main-chat .footer .cmn-q-acc .accordion-item .accordion-button,
.main-chat .footer .common-questions .accordion-item .accordion-button,
.main-chat .offcanvas-footer .cmn-q-acc .accordion-item .accordion-button,
.main-chat
  .offcanvas-footer
  .common-questions
  .accordion-item
  .accordion-button {
  background: transparent;
  padding: 0;
}
.guide-chat .footer .cmn-q-acc .accordion-item .accordion-button:focus,
.guide-chat .footer .common-questions .accordion-item .accordion-button:focus,
.guide-chat
  .offcanvas-footer
  .cmn-q-acc
  .accordion-item
  .accordion-button:focus,
.guide-chat
  .offcanvas-footer
  .common-questions
  .accordion-item
  .accordion-button:focus,
.main-chat .footer .cmn-q-acc .accordion-item .accordion-button:focus,
.main-chat .footer .common-questions .accordion-item .accordion-button:focus,
.main-chat .offcanvas-footer .cmn-q-acc .accordion-item .accordion-button:focus,
.main-chat
  .offcanvas-footer
  .common-questions
  .accordion-item
  .accordion-button:focus {
  box-shadow: none;
}
.guide-chat .footer .cmn-q-acc .accordion-item .accordion-body,
.guide-chat .footer .common-questions .accordion-item .accordion-body,
.guide-chat .offcanvas-footer .cmn-q-acc .accordion-item .accordion-body,
.guide-chat .offcanvas-footer .common-questions .accordion-item .accordion-body,
.main-chat .footer .cmn-q-acc .accordion-item .accordion-body,
.main-chat .footer .common-questions .accordion-item .accordion-body,
.main-chat .offcanvas-footer .cmn-q-acc .accordion-item .accordion-body,
.main-chat .offcanvas-footer .common-questions .accordion-item .accordion-body {
  padding: 8px;
}
.guide-chat .footer .cmn-q-acc .toggle,
.guide-chat .footer .common-questions .toggle,
.guide-chat .offcanvas-footer .cmn-q-acc .toggle,
.guide-chat .offcanvas-footer .common-questions .toggle,
.main-chat .footer .cmn-q-acc .toggle,
.main-chat .footer .common-questions .toggle,
.main-chat .offcanvas-footer .cmn-q-acc .toggle,
.main-chat .offcanvas-footer .common-questions .toggle {
  position: absolute;
  inset: 14px 1rem auto auto;
  background: transparent;
  color: #1e7b85;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guide-chat .footer .cmn-q-acc .title,
.guide-chat .footer .common-questions .title,
.guide-chat .offcanvas-footer .cmn-q-acc .title,
.guide-chat .offcanvas-footer .common-questions .title,
.main-chat .footer .cmn-q-acc .title,
.main-chat .footer .common-questions .title,
.main-chat .offcanvas-footer .cmn-q-acc .title,
.main-chat .offcanvas-footer .common-questions .title {
  color: #000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 700;
  margin-top: 0;
}
.guide-chat .footer .cmn-q-acc .cate,
.guide-chat .footer .common-questions .cate,
.guide-chat .offcanvas-footer .cmn-q-acc .cate,
.guide-chat .offcanvas-footer .common-questions .cate,
.main-chat .footer .cmn-q-acc .cate,
.main-chat .footer .common-questions .cate,
.main-chat .offcanvas-footer .cmn-q-acc .cate,
.main-chat .offcanvas-footer .common-questions .cate {
  margin-bottom: 6px;
}
.guide-chat .footer .cmn-q-acc .cate .icon,
.guide-chat .footer .common-questions .cate .icon,
.guide-chat .offcanvas-footer .cmn-q-acc .cate .icon,
.guide-chat .offcanvas-footer .common-questions .cate .icon,
.main-chat .footer .cmn-q-acc .cate .icon,
.main-chat .footer .common-questions .cate .icon,
.main-chat .offcanvas-footer .cmn-q-acc .cate .icon,
.main-chat .offcanvas-footer .common-questions .cate .icon {
  color: red;
}
.guide-chat .footer .cmn-q-acc .cate,
.guide-chat .footer .common-questions .cate,
.guide-chat .offcanvas-footer .cmn-q-acc .cate,
.guide-chat .offcanvas-footer .common-questions .cate,
.main-chat .footer .cmn-q-acc .cate,
.main-chat .footer .common-questions .cate,
.main-chat .offcanvas-footer .cmn-q-acc .cate,
.main-chat .offcanvas-footer .common-questions .cate {
  color: #333;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
}
.guide-chat .footer .cmn-q-acc ul,
.guide-chat .footer .common-questions ul,
.guide-chat .offcanvas-footer .cmn-q-acc ul,
.guide-chat .offcanvas-footer .common-questions ul,
.main-chat .footer .cmn-q-acc ul,
.main-chat .footer .common-questions ul,
.main-chat .offcanvas-footer .cmn-q-acc ul,
.main-chat .offcanvas-footer .common-questions ul {
  padding-inline-start: 20px !important;
}
.guide-chat .footer .cmn-q-acc ul:not(:last-of-type),
.guide-chat .footer .common-questions ul:not(:last-of-type),
.guide-chat .offcanvas-footer .cmn-q-acc ul:not(:last-of-type),
.guide-chat .offcanvas-footer .common-questions ul:not(:last-of-type),
.main-chat .footer .cmn-q-acc ul:not(:last-of-type),
.main-chat .footer .common-questions ul:not(:last-of-type),
.main-chat .offcanvas-footer .cmn-q-acc ul:not(:last-of-type),
.main-chat .offcanvas-footer .common-questions ul:not(:last-of-type) {
  margin-bottom: 8px !important;
}
.guide-chat .footer .cmn-q-acc ul li a,
.guide-chat .footer .common-questions ul li a,
.guide-chat .offcanvas-footer .cmn-q-acc ul li a,
.guide-chat .offcanvas-footer .common-questions ul li a,
.main-chat .footer .cmn-q-acc ul li a,
.main-chat .footer .common-questions ul li a,
.main-chat .offcanvas-footer .cmn-q-acc ul li a,
.main-chat .offcanvas-footer .common-questions ul li a {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid #b7b7b7;
  transition: all 0.3s linear;
  width: 90%;
  font-size: 14px;
  color: #333;
  margin-bottom: 4px;
}
.guide-chat .footer .cmn-q-acc ul li a:hover,
.guide-chat .footer .common-questions ul li a:hover,
.guide-chat .offcanvas-footer .cmn-q-acc ul li a:hover,
.guide-chat .offcanvas-footer .common-questions ul li a:hover,
.main-chat .footer .cmn-q-acc ul li a:hover,
.main-chat .footer .common-questions ul li a:hover,
.main-chat .offcanvas-footer .cmn-q-acc ul li a:hover,
.main-chat .offcanvas-footer .common-questions ul li a:hover {
  border-color: #1e7b85;
}
.guide-chat .footer form,
.guide-chat .offcanvas-footer form,
.main-chat .footer form,
.main-chat .offcanvas-footer form {
  display: flex;
  align-items: center;
}
.guide-chat .footer form .form-control,
.guide-chat .offcanvas-footer form .form-control,
.main-chat .footer form .form-control,
.main-chat .offcanvas-footer form .form-control {
  padding-inline-end: 16px;
  width: 90%;
  height: 40px;
}
.guide-chat .footer form .send,
.guide-chat .offcanvas-footer form .send,
.main-chat .footer form .send,
.main-chat .offcanvas-footer form .send {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #636363 !important;
  border-radius: 8px;
  color: #fff;
  margin-inline-start: 8px;
}
.guide-chat .footer .btm-footer,
.guide-chat .offcanvas-footer .btm-footer,
.main-chat .footer .btm-footer,
.main-chat .offcanvas-footer .btm-footer {
  text-align: center;
}
.guide-chat .footer .btm-footer p,
.guide-chat .offcanvas-footer .btm-footer p,
.main-chat .footer .btm-footer p,
.main-chat .offcanvas-footer .btm-footer p {
  color: #8a8a8a;
  font-size: 12px;
  margin-top: 4px;
}
.guide-chat {
  position: fixed !important;
  width: 20%;
  height: 100vh !important;
  inset: 0 auto auto 0;
  background: #fff;
  padding: 8px;
  z-index: 99;
}
.questions-card {
  margin-top: 2rem;
  background: #fff;
  padding: 24px 20%;
  border-radius: 12px;
}
.questions-card .the-progress .progress {
  width: calc(100% - 132px);
  margin-bottom: 0;
  margin-inline-end: 1rem;
}
.questions-card .the-progress span {
  width: max-content;
}
.questions-card .question-card {
  border: 1px solid #f3f4f6;
  padding: 32px;
  border-radius: 12px;
}
.questions-card .question-card .qu-num {
  color: #1e7b85;
  font-size: 24px;
  font-weight: 600;
}
.questions-card .question-card .qu-title {
  color: #000;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 1rem;
}
.questions-card .question-card .option-card {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.questions-card .question-card .option-card:hover {
  border-color: #e5e7eb;
}
.questions-card .question-card .form-check-input {
  display: none;
}
.questions-card .question-card .form-check-input:checked + .option-card {
  background-color: #f8fdfc;
  border-color: #1e7b85;
  box-shadow: none;
}
.questions-card .question-card .form-check-input:checked + .option-card:before {
  content: "✔";
  color: #fff;
  background-color: #1e7b85;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  margin-right: 10px;
}
.questions-card .question-card .option-card:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #d1d5db;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
}
.questions-card .navs {
  margin-top: 1.5rem;
}
.questions-card .navs button {
  padding: 10px 20px;
  border-radius: 8px;
}
.questions-card .navs button.next {
  background: #1e7b85;
  color: #fff;
}
.questions-card .navs button.next span {
  margin-inline-start: 8px;
}
.questions-card .navs button.Previous {
  background: #fff;
  color: #374151;
  border: 1px solid #d1d5db;
}
.questions-card .navs button.Previous span {
  margin-inline-end: 8px;
}
.main-navbar {
  position: fixed;
  top: 32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 80%;
  z-index: 99;
  width: auto;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, opacity;
  background: var(--white);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px soldi var(--border-color);
}
.main-navbar .navbar-nav .nav-item .nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  color: var(--text-dark);
  font-weight: 400;
  padding: 8px 12px;
  transition: all 0.3s ease;
  gap: 2px;
}
.main-navbar .navbar-nav .nav-item .nav-link i {
  font-size: 18px;
  margin-bottom: 4px;
  color: var(--main-color);
}
.main-navbar .navbar-nav .nav-item .nav-link span {
  color: var(--body-text);
}
.main-navbar .icons .btn {
  display: inline-flex;
  align-items: center;
  border: 0;
}
.main-navbar .icons .btn:focus {
  box-shadow: none;
  outline: none;
  border: 0;
}

.main__hero .hero-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
}
.main__hero .hero-caption .main__title {
  font-size: 64px;
  font-weight: 700;
  color: var(--main-color);
}
.main__hero .hero-caption .main__title span {
  display: block;
  color: var(--second-color);
}
.main__hero .hero-caption p {
  color: var(--body-text);
  max-width: 60%;
  margin: 0 auto;
  text-align: center;
}
.main__hero .counter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.main__hero .counter span {
  font-size: 14px;
}
.mob-navbar {
  display: none;
  position: fixed;
  top: 32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 80%;
  z-index: 99;
  width: auto;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, opacity;
  background: var(--white);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px soldi var(--border-color);
}
.mobile-offcanvas {
  z-index: 1200 !important;
}
body:has(#offcanvasMobile.show) .offcanvas-backdrop {
  z-index: 1190 !important;
}
.mobile-offcanvas .nav-link {
  display: flex;
  align-items: center;
}
.mobile-offcanvas .nav-link i {
  color: var(--main-color);
  width: 20px;
}
.mobile-offcanvas .nav-link span {
  margin-inline-start: 8px;
}
.course-navbar {
  background: #fff;
  z-index: 1111;
}
.course-navbar .title {
  position: relative;
  padding-inline-start: 32px;
  margin-bottom: 0;
}
.course-navbar .title:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 16px;
  height: 100%;
  width: 2px;
  background: #1e7b85;
}
.course-navbar .the-share {
  width: max-content;
  border-radius: 8px;
  height: auto;
  padding: 8px 16px;
  background: transparent;
  color: #1e7b85;
  border: 1px solid #1e7b85;
  justify-content: center;
  margin-inline-start: 1rem;
  transition: all 0.3s linear;
}
.course-navbar .the-share:hover {
  background: #1e7b85;
  color: #fff;
}
.main-bg-card {
  background: #fff;
  padding: 1rem;
  border-radius: 12px;
}
.main-bg-card .page-title .title {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
}
.main-bg-card .page-title .date span {
  position: relative;
  color: #4b5563;
  font-size: 16px;
}
.main-bg-card .page-title .date span:nth-child(2) {
  margin-inline-start: 1rem;
}
.main-bg-card .page-title .date span:nth-child(2):before {
  content: "";
  position: absolute;
  inset: 4px auto auto -8px;
  width: 1px;
  height: 70%;
  background: #4b5563;
}
.main-bg-card .page-title .location span {
  background: #f3f4f6;
  padding: 6px 16px;
  height: 40px;
  border-radius: 66px;
  color: #374151;
}
.main-bg-card .page-title .location span .fa-solid:first-child {
  color: #1e7b85;
  margin-inline-end: 4px;
}
.main-bg-card .page-title .location span .fa-solid:nth-child(2) {
  color: #1e7b85;
  margin-inline-start: 4px;
}
.main-bg-card .page-title .location .refresh {
  width: 40px;
  height: 40px;
  background: #f3f4f6;
  color: #1e7b85;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: 0.5rem;
}
.main-bg-card .next-prayer {
  position: relative;
  background: rgba(30, 123, 133, 0.1019607843);
  padding: 1.5rem;
  border-radius: 12px;
}
.main-bg-card .next-prayer span {
  text-transform: capitalize;
}
.main-bg-card .next-prayer span:first-child {
  color: #4b5563;
}
.main-bg-card .next-prayer .title {
  text-transform: capitalize;
  font-size: 32px;
  font-weight: 700;
  color: #1e7b85;
  margin-bottom: 0;
}
.main-bg-card .next-prayer .remaining strong {
  font-size: 48px;
  font-weight: 700;
  color: #1f2937;
}
.main-bg-card .next-prayer .remaining span {
  color: #4b5563;
}
.main-bg-card .prayer-table > :not(caption) > * > * {
  border-color: transparent;
}
.main-bg-card .prayer-table tbody,
.main-bg-card .prayer-table td,
.main-bg-card .prayer-table tfoot,
.main-bg-card .prayer-table th,
.main-bg-card .prayer-table thead,
.main-bg-card .prayer-table tr {
  border-color: #e5e7eb;
  padding: 16px 0 !important;
}
.main-bg-card .prayer-table thead tr th:first-child {
  padding-inline-start: 1rem !important;
}
.main-bg-card .prayer-table thead th {
  color: #4b5563;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.main-bg-card .prayer-table tbody tr th {
  padding-inline-start: 1rem !important;
}
.main-bg-card .prayer-table tbody tr th .icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1e7b85;
  background: rgba(30, 123, 133, 0.1019607843);
  margin-inline-end: 8px;
}
.main-bg-card .prayer-table tbody tr th .prayer-title {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  margin-bottom: 0;
  text-transform: capitalize;
}
.main-bg-card .prayer-table tbody tr th .prayer-title + span {
  font-size: 12px;
  color: #6b7280;
  text-transform: capitalize;
}
.main-bg-card .prayer-table tbody tr td {
  vertical-align: middle;
}
.main-bg-card .prayer-table tbody tr td span {
  font-weight: 500;
  color: #333;
}
.main-bg-card .prayer-table tbody tr td .status {
  padding: 4px 12px;
  border-radius: 33px;
  background: #dcfce7;
  color: #15803d;
  font-size: 12px;
  text-transform: capitalize;
}
.main-bg-card .prayer-table tbody tr td .status.next {
  background: rgba(30, 123, 133, 0.2);
  color: #1e7b85;
}
.main-bg-card .prayer-table tbody tr td .status.upcoming {
  background: #f3f4f6;
  color: #374151;
}
.main-bg-card .prayer-table tbody tr td .form-check-input {
  height: 24px;
  width: 48px;
}
.main-bg-card .prayer-table tbody tr td .form-check-input:checked {
  background-color: #1e7b85;
  border-color: #1e7b85;
}
.main-bg-card .prayer-table tbody tr td .form-check-input:focus {
  border-color: #1e7b85;
  box-shadow: none;
}
.main-bg-card .prayer-table tbody tr.next td,
.main-bg-card .prayer-table tbody tr.next th {
  background: rgba(30, 123, 133, 0.0509803922);
}
.main-bg-card .prayer-table tbody tr.next th .icon {
  background: #1e7b85;
  color: #fff;
}
.main-bg-card .prayer-table tbody tr.next td span,
.main-bg-card .prayer-table tbody tr.next th .prayer-title,
.main-bg-card .prayer-table tbody tr.next th .prayer-title + span {
  color: #1e7b85;
}
.main-bg-card .prayer-times .actions ul {
  display: flex;
  align-items: center;
}
.main-bg-card .prayer-times .actions ul li:not(:last-of-type) {
  margin-inline-end: 8px;
}
.main-bg-card .prayer-times .actions ul button {
  background: #f3f4f6;
  padding: 7px 24px;
  border-radius: 77px;
  color: #374151;
}
.main-bg-card .prayer-times .actions ul button .fa-solid {
  margin-inline-end: 8px;
}
.main-bg-card .prayer-times .actions .back {
  background: #1e7b85;
  color: #fff;
  padding: 7px 24px;
  border-radius: 77px;
}
.main-bg-card .prayer-times .actions .back .fa-solid {
  margin-inline-end: 8px;
}
.prayer-tracker,
.qibla-card {
  padding: 24px;
  border-radius: 12px;
  height: 100%;
}
.prayer-tracker .title {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
}
.prayer-tracker p {
  font-size: 18px;
  font-weight: 500;
  color: #374151;
}
.prayer-tracker .date {
  font-size: 14px;
  color: #6b7280;
}
.prayer-tracker ul li {
  background: #f9fafb;
  border-radius: 12px;
  padding: 12px;
}
.prayer-tracker ul li .azan {
  position: relative;
  font-size: 16px;
  color: #333;
  padding-inline-start: 2rem;
}
.prayer-tracker ul li .azan:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #1e7b85;
  inset: 2px auto auto 0;
}
.prayer-tracker ul li .time {
  font-size: 14px;
  color: #6b7280;
}
.prayer-tracker ul li:not(:last-of-type) {
  margin-bottom: 8px;
}
.prayer-tracker ul li.completed .azan:before {
  background: #1e7b85;
}
.digital-sibha {
  border-radius: 12px;
  padding: 24px 20%;
  height: 100%;
}
.digital-sibha .title {
  font-size: 24px;
  color: #1f2937;
  font-weight: 700;
  text-align: center;
}
.digital-sibha .counter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 192px;
  height: 192px;
  border-radius: 50%;
  border: 4px solid rgba(30, 123, 133, 0.3019607843);
  background: linear-gradient(
    90deg,
    rgba(30, 123, 133, 0.2),
    rgba(30, 123, 133, 0.0509803922)
  );
  margin: 1rem auto;
  cursor: pointer;
}
.digital-sibha .counter span {
  font-size: 48px;
  font-weight: 700;
  color: #1e7b85;
}
.digital-sibha form label {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 8px;
}
.digital-sibha form select {
  background: #efefef;
  border: 1px solid #d1d5db;
  padding: 8px 32px;
  border-radius: 20px;
}
.digital-sibha .actions .btn:first-child,
.digital-sibha .actions .btn:nth-child(2) {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  border-radius: 12px;
}
.digital-sibha .actions .btn:first-child .fa-solid,
.digital-sibha .actions .btn:nth-child(2) .fa-solid {
  margin-inline-end: 6px;
}
.digital-sibha .actions .btn:first-child {
  background: #f3f4f6;
  color: #374151;
}
.digital-sibha .actions .btn:nth-child(2) {
  background: #1e7b85;
  color: #fff;
  margin-inline-start: 1rem;
}
.collection {
  padding: 24px;
  border-radius: 12px;
  height: 100%;
}
.collection .title {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  text-transform: capitalize;
  margin-bottom: 24px;
}
.collection form {
  position: relative;
}
.collection form .form-control {
  padding: 8px;
  padding-inline-start: 40px;
  border: 1px solid #d1d5db;
  border-radius: 77px;
}
.collection form button {
  position: absolute;
  inset: 0 auto auto 8px;
  height: 100%;
  width: 32px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
}
.collection .nav-tabs {
  margin: 1rem 0;
  border: 0 !important;
  overflow: auto;
  padding-bottom: 8px;
  flex-wrap: nowrap;
}
.collection .nav-tabs::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.collection .nav-tabs::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.collection .nav-tabs::-webkit-scrollbar-thumb {
  background: #edf5f6;
  border-radius: 10px;
}
.collection .nav-tabs::-webkit-scrollbar-thumb:hover {
  background: #1e7b85;
}
.collection .nav-tabs .nav-link {
  padding: 4px 12px;
  text-transform: capitalize;
  background: #f3f4f6;
  border-radius: 77px;
  color: #374151;
  font-size: 14px;
  margin-inline-end: 8px;
  width: max-content;
}
.collection .nav-tabs .nav-link.active {
  background: #1e7b85;
  color: #fff;
}
.collection .dua-card {
  padding: 1rem;
  border-radius: 12px;
  background: #f9fafb;
}
.collection .dua-card .the-title {
  margin-bottom: 12px;
}
.collection .dua-card .the-title .title {
  font-size: 16px;
  font-weight: 500;
  color: #1f2937;
  margin-bottom: 0;
}
.collection .dua-card .the-title ul li:not(:last-of-type) {
  margin-inline-end: 8px;
}
.collection .dua-card .the-title ul li button {
  color: #6b7280;
  background: transparent;
}
.collection .dua-card .aya-box {
  padding: 1rem;
  border-radius: 12px;
  background: #fff;
}
.collection .dua-card .aya-box .aya:first-child {
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.collection .dua-card .aya-box .aya:nth-child(2),
.collection .dua-card .aya-box .aya:nth-child(3) {
  font-size: 14px;
  font-weight: 400;
  color: #4b5563;
}
.collection .dua-card .aya-box .aya:nth-child(3) {
  color: #374151;
}
.collection .dua-card .surah {
  margin-top: 8px;
}
.collection .dua-card .surah span {
  font-size: 12px;
  color: #6b7280;
}
.collection .dua-card .surah .play {
  font-size: 14px;
  color: #1e7b85;
  text-transform: capitalize;
}
.collection .dua-card .surah .play .fa-solid {
  margin-inline-end: 6px;
}
.main-title {
  font-size: 48px;
  font-weight: 600;
  text-transform: capitalize;
}
.sidebar {
  border-radius: 12px;
}
.sidebar .the-search {
  padding: 16px;
  border-bottom: 1px solid #edf5f6;
}
.sidebar .the-search form {
  position: relative;
}
.sidebar .the-search form .form-control {
  border-color: #d1d5db;
  padding: 8px;
  padding-inline-start: 40px;
  color: #333;
  border-radius: 12px;
}
.sidebar .the-search form button {
  position: absolute;
  inset: 0 auto auto 0;
  width: 32px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  background: transparent;
}
.sidebar .access {
  padding: 16px;
  border-bottom: 1px solid #edf5f6;
}
.sidebar .access .title {
  font-size: 16px;
  font-weight: 500;
  color: #1f2937;
}
.sidebar .access .last-read {
  border-radius: 55px;
  height: 40px;
  padding: 8px 16px;
  background: #f3f4f6;
  color: #1e1e1e;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.sidebar .access .last-read .icon,
.sidebar .access .last-read p,
.sidebar .access .last-read span {
  color: #1e7b85;
}
.sidebar .access .last-read .icon {
  margin-top: 2px;
}
.sidebar .access .last-read span {
  font-size: 14px;
}
.sidebar .access .icon {
  margin-inline-end: 6px;
}
.sidebar .access .accordion .accordion-item {
  border: 0;
  margin-bottom: 8px;
}
.sidebar .access .accordion .accordion-button {
  box-shadow: none !important;
  border-radius: 55px !important;
  height: 40px;
  color: #374151;
  background: #f3f4f6;
}
.sidebar .surahs {
  padding: 16px;
}
.sidebar .surahs .title {
  font-size: 16px;
  font-weight: 500;
  color: #1f2937;
}
.sidebar .surahs ul li a {
  padding: 8px;
  border-radius: 16px;
  background: #f3f4f6;
}
.sidebar .surahs ul li a .num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #374151;
  margin-inline-end: 8px;
}
.sidebar .surahs ul li a p {
  font-size: 16px;
  color: #374151;
}
.sidebar .surahs ul li a .name {
  font-size: 12px;
  color: #6b7280;
}
.sidebar .surahs ul li a .verses {
  font-size: 12px;
  color: #374151;
}
.sidebar .surahs ul li a.active .num {
  background: rgba(30, 123, 133, 0.2);
  color: #1e7b85;
}
.sidebar .surahs ul li a.active .verses,
.sidebar .surahs ul li a.active p {
  color: #1e7b85;
}
.sidebar .surahs ul li:not(:last-of-type) {
  margin-bottom: 8px;
}
.surah-view {
  padding: 24px;
  border-radius: 12px;
}
.surah-view .header {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 8px;
}
.surah-view .header .the-name .title {
  font-size: 24px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 0;
}
.surah-view .header .the-name span {
  color: #4b5563;
  font-size: 14px;
}
.surah-view .header ul li button {
  padding: 6px 12px;
  background: #f3f4f6;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #374151;
  font-size: 14px;
  border-radius: 12px;
}
.surah-view .header ul li button span {
  margin-inline-start: 6px;
}
.surah-view .header ul li:not(:last-of-type) {
  margin-inline-end: 6px;
}
.surah-view .basmalah {
  padding: 1rem 0;
}
.surah-view .basmalah p:first-child {
  font-size: 32px;
  font-weight: 400;
  color: #333;
  margin-bottom: 4px;
}
.surah-view .basmalah p:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  color: #4b5563;
  margin-bottom: 4px;
}
.surah-view .basmalah p:nth-child(3) {
  font-size: 14px;
  font-weight: 400;
  color: #374151;
}
.surah-view ul .aya-card {
  position: relative;
  padding: 1rem;
  border-radius: 1rem;
  background: #f9fafb;
  margin-bottom: 12px;
}
.surah-view ul .aya-card .aya-num {
  position: absolute;
  inset: 0 auto auto 0;
  width: 32px;
  height: 32px;
  background: rgba(30, 123, 133, 0.1019607843);
  border-radius: 16px 0 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1e7b85;
  font-size: 14px;
}
.surah-view ul .aya-card .ar {
  font-size: 24px;
  font-weight: 400;
  color: #333;
}
.surah-view ul .aya-card p {
  font-size: 14px;
  color: #4b5563;
}
.surah-view .actions {
  margin-top: 8px;
}
.surah-view .actions button {
  padding: 6px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
}
.surah-view .actions button .fa-solid {
  margin-inline-end: 8px;
}
.surah-view .actions button.prev {
  background: #f3f4f6;
  color: #9ca3af;
}
.surah-view .actions button.back {
  background: rgba(30, 123, 133, 0.1019607843);
  color: #1e7b85;
}
.surah-view .actions button.next {
  background: #1e7b85;
  color: #fff;
}
.audio-card {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  margin-top: 1rem;
}
.audio-card .audio-header {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.audio-card .reciter-info {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.audio-card .reciter-info span {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-inline-end: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(30, 123, 133, 0.1019607843);
  color: #1e7b85;
}
.audio-card .reciter-name {
  font-size: 16px;
  font-weight: 500;
}
.audio-card .controls {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.audio-card .controls button {
  border: none;
  background: #eaeaea;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
}
.audio-card .controls button#next,
.audio-card .controls button#prev {
  width: 32px;
  height: 32px;
  background: #f3f4f6;
  color: #374151;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.audio-card .controls button#playPause {
  width: 48px;
  height: 48px;
  background: #1e7b85;
  color: #fff;
}
.audio-card .controls button.play {
  background: #1e7b85;
  color: #fff;
}
.audio-card .progress {
  width: 100%;
  margin-bottom: 0;
}
.audio-card .progress::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 4px;
  border: 0 !important;
}
.audio-card .progress::-moz-range-track {
  height: 8px;
  border-radius: 4px;
  border: 0 !important;
}
.audio-card .progress::-ms-track {
  height: 8px;
  border-radius: 4px;
  border: 0 !important;
  border-color: transparent;
  color: transparent;
}
.audio-card .progress::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #1e7b85;
  cursor: pointer;
  margin-top: -4px;
}
.audio-card .progress::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  cursor: pointer;
}
.audio-card .progress::-ms-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #1e7b85;
  cursor: pointer;
}
.audio-card .time {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #6b7280;
}
.audio-card .extra-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
}
.audio-card .extra-buttons button {
  padding: 8px 14px;
  border: none;
  border-radius: 20px;
  background: #f3f4f6;
  color: #374151;
  cursor: pointer;
  font-size: 14px;
}
.audio-card .extra-buttons button .fa-solid {
  margin-inline-end: 6px;
}
.hadith-tabs {
  justify-content: center;
  border: 0;
}
.hadith-tabs,
.hadith-tabs .nav-item {
  position: relative;
}
.hadith-tabs .nav-item:not(:last-of-type) {
  margin-inline-end: 64px;
}
.hadith-tabs .nav-item .svg {
  position: absolute;
  inset: 50% -52px auto auto;
  transform: translateY(-50%);
}
.hadith-tabs .nav-item .nav-link {
  padding: 10px 24px;
  border-radius: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1e7b85;
  background: #fff;
  width: max-content;
  text-transform: capitalize;
}
.hadith-tabs .nav-item .nav-link span {
  margin-inline-start: 10px;
  color: #525252;
}
.hadith-tabs .nav-item .nav-link.active {
  background: #1e7b85;
  color: #fff;
}
.hadith-tabs .nav-item .nav-link.active span {
  color: #fff;
}
.hadith-tabs .vector {
  width: 50%;
  position: absolute;
  inset: 120% auto auto 50%;
  transform: translateX(-50%);
}
.hadith-content {
  margin-top: 80px;
}
.tab-pane .inspiration-card {
  background: #fff;
  border: 1px solid #d9e3e4;
  border-radius: 16px;
  padding: 20px 10px;
}
.tab-pane .inspiration-card .card {
  padding: 20px;
  background: #f6fafb;
  border: 0;
}
.tab-pane .inspiration-card .card .hadith-card,
.tab-pane .inspiration-card .card .verse-card {
  margin-bottom: 24px;
}
.tab-pane .inspiration-card .card .hadith-card .the-title,
.tab-pane .inspiration-card .card .verse-card .the-title {
  margin-bottom: 1.5rem;
}
.tab-pane .inspiration-card .card .hadith-card .title,
.tab-pane .inspiration-card .card .verse-card .title {
  color: #111827;
  font-size: 20px;
  font-weight: 500;
}
.tab-pane .inspiration-card .card .hadith-card .play,
.tab-pane .inspiration-card .card .verse-card .play {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1e7b85;
  color: #fff;
  font-size: 14px;
}
.tab-pane .inspiration-card .card .hadith-card .aya-ar,
.tab-pane .inspiration-card .card .verse-card .aya-ar {
  font-size: 20px;
  font-weight: 400;
  color: #4b5563;
}
.tab-pane .inspiration-card .card .hadith-card .aya-en,
.tab-pane .inspiration-card .card .verse-card .aya-en {
  font-size: 16px;
  font-weight: 400;
  color: #4b5563;
}
.tab-pane .inspiration-card .card .hadith-card span,
.tab-pane .inspiration-card .card .verse-card span {
  color: #4b5563;
}
.tab-pane .inspiration-card .card .verse-card {
  position: relative;
  height: 100%;
}
.tab-pane .inspiration-card .card .verse-card .the-title {
  margin-top: 16px;
}
.tab-pane .inspiration-card .card .verse-card:before {
  content: "";
  position: absolute;
  inset: -36px -12px auto auto;
  width: 1px;
  height: calc(100% + 40px);
  background: #d9e3e4;
}
.tab-pane .inspiration-card .card .hadith-card {
  height: 100%;
  background: #fff;
  border-radius: 16px;
  padding: 20px;
}
.tab-pane .community-card,
.tab-pane .inspiration-card {
  background: #fff;
  border: 1px solid #d9e3e4;
  border-radius: 16px;
  padding: 20px 10px;
}
.tab-pane .community-card .title:not(.card .title),
.tab-pane .inspiration-card .title:not(.card .title) {
  font-size: 24px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 1rem;
  padding-inline-start: 16px;
}
.tab-pane .community-card .title:not(.card .title) .fa-solid,
.tab-pane .inspiration-card .title:not(.card .title) .fa-solid {
  color: #1e7b85;
  margin-inline-end: 8px;
}
.tab-pane .community-card .box {
  border-radius: 12px;
  padding: 32px 24px;
  background: #edf5f6;
}
.tab-pane .community-card .box .card {
  padding: 20px;
  border-radius: 12px;
}
.tab-pane .community-card .box .card .header .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-inline-end: 8px;
  background: #e5e7eb;
}
.tab-pane .community-card .box .card .header .name {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-bottom: 0;
}
.tab-pane .community-card .box .card .header .time {
  font-size: 12px;
  color: #6b7280;
  text-transform: capitalize;
}
.tab-pane .community-card .box .card p {
  margin: 1rem 0;
  color: #333;
}
.tab-pane .community-card .box .card .details span {
  font-size: 14px;
  color: #6b7280;
}
.tab-pane .community-card .box .card .details span .fa-solid {
  margin-inline-end: 4px;
}
.tab-pane .community-card .box .card .details span:not(:last-of-type) {
  margin-inline-end: 1rem;
}
.file-upload-container .file-upload-area {
  border: 2px dashed #e1e5e9;
  border-radius: 12px;
  background: #f8f9fa;
  padding: 2rem;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}
.file-upload-container .file-upload-area:hover {
  border-color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), 0.05);
}
.file-upload-container .file-upload-area:hover .file-upload-icon {
  color: var(--bs-primary);
  transform: scale(1.1);
}
.file-upload-container .file-upload-area.dragover {
  border-color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), 0.1);
}
.file-upload-container .file-upload-area.dragover .file-upload-icon {
  color: var(--bs-primary);
  transform: scale(1.2);
}
.file-upload-container .file-upload-area .file-upload-content {
  pointer-events: none;
}
.file-upload-container .file-upload-area .file-upload-icon {
  font-size: 3rem;
  color: #6c757d;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
}
.file-upload-container .file-upload-area .file-upload-icon i {
  display: block;
}
.file-upload-container .file-upload-area .file-upload-text .h6,
.file-upload-container .file-upload-area .file-upload-text h6 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.5rem;
}
.file-upload-container .file-upload-area .file-upload-text p {
  font-size: 0.875rem;
  color: #6c757d;
  margin: 0;
}
.file-upload-container .uploaded-files {
  margin-top: 1rem;
}
.file-upload-container .uploaded-files .uploaded-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  margin-bottom: 0.5rem;
}
.file-upload-container .uploaded-files .uploaded-file .file-info {
  display: flex;
  align-items: center;
  flex: 1;
}
.file-upload-container .uploaded-files .uploaded-file .file-info .file-icon {
  width: 32px;
  height: 32px;
  background: var(--bs-primary);
  color: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.75rem;
  font-size: 0.875rem;
}
.file-upload-container .uploaded-files .uploaded-file .file-info .file-details {
  flex: 1;
}
.file-upload-container
  .uploaded-files
  .uploaded-file
  .file-info
  .file-details
  .file-name {
  font-weight: 500;
  color: #495057;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
.file-upload-container
  .uploaded-files
  .uploaded-file
  .file-info
  .file-details
  .file-size {
  font-size: 0.75rem;
  color: #6c757d;
}
.file-upload-container .uploaded-files .uploaded-file .file-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.file-upload-container
  .uploaded-files
  .uploaded-file
  .file-actions
  .upload-progress {
  width: 60px;
  height: 4px;
  background: #e9ecef;
  border-radius: 2px;
  overflow: hidden;
}
.file-upload-container
  .uploaded-files
  .uploaded-file
  .file-actions
  .upload-progress
  .progress-bar {
  height: 100%;
  background: var(--bs-success);
  transition: width 0.3s ease;
}
.file-upload-container
  .uploaded-files
  .uploaded-file
  .file-actions
  .remove-file {
  background: none;
  border: none;
  color: #dc3545;
  font-size: 1rem;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.file-upload-container
  .uploaded-files
  .uploaded-file
  .file-actions
  .remove-file:hover {
  background: rgba(220, 53, 69, 0.1);
}
[dir="rtl"]
  .file-upload-container
  .uploaded-files
  .uploaded-file
  .file-info
  .file-icon {
  margin-right: 0;
  margin-left: 0.75rem;
}
body {
  background: var(--body-bg);
}
.hero-counts-row {
  display: flex;
  align-items: center;
  gap: 16px;
}
.hero-counts-avatars {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.hero-counts-avatars .hero-counts-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #dbe5e8;
  object-fit: cover;
}
.ml-neg {
  margin-left: -16px;
}
.hero-counts-divider {
  height: 20px;
  width: 1px;
  background: #dbe5e8;
  display: inline-flex;
  margin: 0 8px;
}
.divider-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.divider-1 .line {
  width: 100%;
  height: 1px;
  background: var(--border-color);
}
.divider-1 .icon {
  width: 100%;
  display: flex;
  position: relative;
}
.divider-1 .icon,
.divider-1 .icon span {
  align-items: center;
  justify-content: center;
}
.divider-1 .icon span {
  display: inline-flex;
  border: 1px solid var(--border-color);
  gap: 4px;
  background: var(--white);
  padding: 4px 8px;
  white-space: nowrap;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
  font-size: 14px;
  color: #525252;
}
.divider-1 .icon span,
.divider-1 .square {
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
}
.divider-1 .square {
  width: 12px;
  height: 12px;
  border: 1px solid var(--border-color);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.divider-1.white .line {
  background: hsla(0, 0%, 100%, 0.1);
}
.divider-1.white .square,
.divider-1.white span {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.divider-1.white span {
  background: transparent;
  color: #ccc;
}
.home__features {
  padding: 120px 0;
}
.feature__card {
  background: transparent;
  border: 0;
  text-align: center;
  position: relative;
}
.feature__card,
.feature__card:after {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.feature__card:after {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  top: -31px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: var(--main-color);
  transform: scale(0);
}
.feature__card .icon {
  width: 44px;
  height: 38px;
  background: var(--white);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.feature__card .card-body .card-title {
  font-size: 18px;
  font-weight: 600;
  margin: 12px 0;
}
.feature__card:hover,
.feature__card:hover .icon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.feature__card:hover .icon {
  background: var(--main-color);
}
.feature__card:hover .icon i {
  color: var(--white);
}
.feature__card:hover:after {
  transform: scale(1);
  width: 48px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.learn-first .main-card {
  background: var();
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-color: var(--border-color);
}
.learn-first .main-card .card-header {
  position: relative;
  background-color: transparent;
  text-align: center;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: var(--border-color);
}
.learn-first .main-card .card-header .dots {
  position: absolute;
  left: 12px;
  top: 6px;
}
.learn-first .main-card .card-header .card-title {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: #666;
}
.learn-first .main-card .card-body {
  padding-top: 32px;
}
.learn-first .main-card .courses__list {
  background: var(--body-bg);
  padding: 32px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.home_course_card {
  background: var(--white);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 32px;
  text-align: center;
}
.home_course_card,
.home_course_card .card-icon {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
}
.home_course_card .card-icon {
  width: 64px;
  height: 64px;
  background: var(--body-bg);
  border-radius: 12px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  box-shadow: 0 1px 5px -4px rgba(19, 19, 22, 0.698),
    0 0 0 1px rgba(34, 42, 53, 0.1), 0 4px 8px rgba(34, 42, 53, 0.05);
}
.home_course_card .card-body {
  padding: 0 !important;
}
.home_course_card .card-body .card-title {
  font-size: 16px;
  font-weight: 600px;
  margin: 0;
}
.start-learning {
  padding: 120px 0;
  position: relative;
  background: var(--bg-dark);
}
.section-title .heading {
  font-size: 48px;
  font-weight: 600;
  margin: 0;
}
.section-title p {
  margin: 16px auto;
  max-width: 60%;
  font-size: 16px;
}
.time-line {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 48px;
  margin-top: 56px;
}
.time-line:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: hsla(0, 0%, 100%, 0.1);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.home__testimonials {
  padding: 120px 0;
}
.testimonial__card {
  padding: 16px;
  background: var(--white);
  border-color: var(--border-color);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.03);
}
.testimonial__card .card-header {
  padding: 0;
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial__card .card-header .avatar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.testimonial__card .card-header .avatar img {
  width: 48px;
  height: 48px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  object-fit: cover;
}
.testimonial__card .card-header .avatar .name {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px;
}
.testimonial__card .card-header .avatar span {
  text-transform: capitalize;
  font-size: 12px;
}
.testimonial__card .card-header .plateform img {
  height: 26px;
}
.testimonial__card .card-body p {
  margin: 0;
}
.home__tabs {
  position: relative;
  padding: 80px 0 0;
}
.tg-backdrop {
  pointer-events: none !important;
}
.link {
  text-decoration: underline;
  color: violet;
}
:root {
  --white: #fff;
  --text-dark: #121212;
  --bg-warning: #efae11;
  --bg-warning-2: #ff8730;
  --beige: #fdefe2;
  --bg-green: #24563e;
  --text-gray: #696969;
  --bg-dark: #101d33;
  --body-bg: #edf5f6;
  --main-color: #1E7B85;
  --primary-color: #1E7B85;
  --primary-color-rgb: 30, 123, 133;
  --second-color: #EAB308;
  --accent-color: #EAB308;
  --card-stroke: #828282;
  --green: #4faf2d;
  --sidebar-bg: #171717;
  --body-text: #475569;
  --border-color: #d9e3e4;
  --heading-color: #262626;
}
/* brand-teal-override */
:root {
  --bs-success: #1E7B85;
  --bs-success-rgb: 30, 123, 133;
  --bs-link-color: #1E7B85;
  --bs-link-hover-color: #165e66;
}
.btn-success {
  --bs-btn-bg: #1E7B85;
  --bs-btn-border-color: #1E7B85;
  --bs-btn-hover-bg: #EAB308;
  --bs-btn-hover-border-color: #EAB308;
  --bs-btn-hover-color: #121212;
  --bs-btn-active-bg: #d4a107;
  --bs-btn-active-border-color: #d4a107;
  --bs-btn-disabled-bg: #1E7B85;
  --bs-btn-disabled-border-color: #1E7B85;
}
.text-success { color: #1E7B85 !important; }
.bg-success { background-color: #1E7B85 !important; }
.border-success { border-color: #1E7B85 !important; }

.btn-success {
  background: var(--main-color);
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 12px;
  height: 48px;
  color: var(--white);
  font-weight: 500;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
.btn-success:hover {
  background: var(--second-color);
  color: var(--text-dark);
}
.btn-link {
  background: transparent;
  border: none;
  padding: 10px 20px;
  border-radius: 12px;
  height: 48px;
  color: var(--main-color);
  font-weight: 400;
  transition: all 0.3s ease;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  text-decoration: none;
}
.btn-link,
.btn-link i {
  font-size: 16px;
}
.btn-link:hover {
  color: var(--second-color);
  text-decoration: none;
}
.tg-dialog .tg-dialog-dots > span.tg-dot.tg-dot-active {
  background: #1e7b85;
}
.tg-dialog .tg-dialog-footer button.tg-dialog-btn {
  background: #1e7b85 !important;
  color: #fff !important;
  border-color: #1e7b85;
}
.course-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 25%;
  background-color: #fff;
  border-left: 1px solid #ddd;
  transition: all 0.3s ease;
  z-index: 1000;
  padding: 0;
  transition: all 0.3s linear;
}
.course-sidebar.closed {
  width: 0;
  padding: 0;
  overflow: hidden;
  border: none;
}
.course-sidebar .content {
  transition: all 0.3s ease;
  margin-right: 33.3333%;
  padding: 20px;
}
.course-sidebar .content.full-width {
  margin-right: 0;
}
.course-sidebar .toggle-btn {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1100;
}
.course-sidebar .nav-tabs {
  border: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  padding: 10px 10px 0;
}
.course-sidebar .nav-tabs .nav-item .nav-link {
  color: #333;
  font-weight: 500;
  padding-bottom: 12px;
  border: 0;
}
.course-sidebar .nav-tabs .nav-item .nav-link:focus {
  box-shadow: 0;
}
.course-sidebar .nav-tabs .nav-item .nav-link:hover {
  border: 0;
}
.course-sidebar .nav-tabs .nav-item .nav-link.active {
  background: transparent;
  color: #1e7b85;
  border: 0;
  border-bottom: 1px solid #1e7b85;
}
.course-sidebar .accordion {
  max-height: 90vh;
  overflow: auto;
}
.course-sidebar .accordion::-webkit-scrollbar {
  width: 5px;
}
.course-sidebar .accordion::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.course-sidebar .accordion::-webkit-scrollbar-thumb {
  background: #2d2d2d;
  border-radius: 10px;
}
.course-sidebar .accordion::-webkit-scrollbar-thumb:hover {
  background: #000;
}
.course-sidebar .accordion .accordion-button {
  font-weight: 600;
  flex-direction: column;
  align-items: flex-start;
}
.course-sidebar .accordion .accordion-button:after {
  position: absolute;
  top: 16px;
  right: 16px;
}
.course-sidebar .accordion .accordion-button .d-flex {
  margin-top: 8px;
}
.course-sidebar .accordion .accordion-button .d-flex span {
  position: relative;
  color: #a6a6a6;
  font-weight: 400;
}
.course-sidebar .accordion .accordion-button .d-flex span:last-of-type {
  margin-inline-start: 1rem;
}
.course-sidebar .accordion .accordion-button .d-flex span:last-of-type:before {
  content: "";
  position: absolute;
  inset: 10% auto auto -0.5rem;
  width: 1px;
  height: 80%;
  background: #a6a6a6;
}
.course-sidebar .accordion .accordion-body .fa-regular {
  color: #1e7b85;
  margin-top: 4px;
}
.course-sidebar .accordion .accordion-body ul li {
  margin-bottom: 12px;
}
.course-sidebar .accordion .accordion-body ul li .h5,
.course-sidebar .accordion .accordion-body ul li h5 {
  color: #595959;
  font-size: 14px;
}
.course-sidebar .accordion .accordion-body ul li span {
  color: #b6b6b6;
  font-size: 12px;
}
.course-sidebar .tab-content {
  height: 82vh;
}
.course-sidebar .tab-content .tab-pane .accordion-item {
  margin-bottom: 10px;
  border: 0 !important;
  border-bottom: 1px solid #dee2e6 !important;
  border-radius: 0;
}
.course-sidebar .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #1e7b85;
  box-shadow: none;
}
.course-sidebar .accordion-button:not(.collapsed):after {
  filter: invert(1);
}
.course-sidebar .accordion-button:not(.collapsed) .d-flex span {
  color: #dedede;
}
.course-sidebar .accordion-button:not(.collapsed) .d-flex span:before {
  background: #dedede;
}
.chat-box,
.chat-pane {
  height: 82vh;
  padding: 8px 0;
}
.chat-box .chat-header,
.chat-box .the-header,
.chat-pane .chat-header,
.chat-pane .the-header {
  display: flex;
  align-items: start;
  margin-bottom: 1rem;
  padding: 0 20px;
}
.chat-box .chat-header .icon,
.chat-box .the-header .icon,
.chat-pane .chat-header .icon,
.chat-pane .the-header .icon {
  margin-bottom: 4px;
  margin-inline-end: 6px;
}
.chat-box .chat-header .icon .fa-regular,
.chat-box .the-header .icon .fa-regular,
.chat-pane .chat-header .icon .fa-regular,
.chat-pane .the-header .icon .fa-regular {
  color: #1e7b85;
}
.chat-box .chat-header .title,
.chat-box .the-header .title,
.chat-pane .chat-header .title,
.chat-pane .the-header .title {
  font-size: 20px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
}
.chat-box .chat-header .title span,
.chat-box .the-header .title span,
.chat-pane .chat-header .title span,
.chat-pane .the-header .title span {
  font-weight: 700;
  color: #1e7b85;
}
.chat-box .options .icon,
.chat-pane .options .icon {
  margin-inline-end: 8px;
}
.chat-box .options p,
.chat-pane .options p {
  font-size: 16px;
  margin-bottom: 2px;
}
.chat-box .options .time,
.chat-pane .options .time {
  font-size: 12px;
  color: #757575;
}
.chat-box .options a,
.chat-pane .options a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 8px;
  background: transparent;
  margin-bottom: 8px;
  color: #333;
  text-transform: capitalize;
  border: 1px solid #ddd;
  transition: all 0.3s linear;
}
.chat-box .options a:hover,
.chat-pane .options a:hover {
  background: #ececec;
}
.chat-box .question,
.chat-pane .question {
  background: #f1f1f1;
  padding: 8px;
  border-radius: 8px;
}
.chat-box .answer,
.chat-pane .answer {
  background: #1e7b85;
  padding: 8px;
  border-radius: 8px;
  color: #fff;
}
.chat-box .chat-messages,
.chat-box .the-body,
.chat-pane .chat-messages,
.chat-pane .the-body {
  height: 83%;
  max-height: 92%;
  overflow-y: auto;
  padding: 24px 20px 0;
  background: #fbfbfb;
}
.chat-box .chat-input-area,
.chat-box .the-footer,
.chat-pane .chat-input-area,
.chat-pane .the-footer {
  position: relative;
  border-top: 1px solid #e5e7eb;
  padding: 1rem 20px;
}
.chat-box .chat-input-area form,
.chat-box .the-footer form,
.chat-pane .chat-input-area form,
.chat-pane .the-footer form {
  position: relative;
  display: flex;
  align-items: center;
}
.chat-box .chat-input-area form .form-control,
.chat-box .the-footer form .form-control,
.chat-pane .chat-input-area form .form-control,
.chat-pane .the-footer form .form-control {
  width: 100%;
  padding-inline-end: 16px;
  height: 48px;
}
.chat-box .chat-input-area .send,
.chat-box .chat-input-area .send-btn,
.chat-box .the-footer .send,
.chat-box .the-footer .send-btn,
.chat-pane .chat-input-area .send,
.chat-pane .chat-input-area .send-btn,
.chat-pane .the-footer .send,
.chat-pane .the-footer .send-btn {
  position: absolute;
  inset: 4px 4px auto auto;
  width: 40px;
  height: 40px;
  background-color: #1e7b85 !important;
  color: #fff;
  border-radius: 4px;
}
.chat-box .chat-input-area .btm-footer,
.chat-box .the-footer .btm-footer,
.chat-pane .chat-input-area .btm-footer,
.chat-pane .the-footer .btm-footer {
  text-align: center;
  margin: 2px 0;
  font-size: 14px;
}
.video-box {
  position: relative;
}
.video-box button {
  position: absolute;
  inset: auto 0 4rem auto;
  z-index: 9999;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.chat-box {
  height: 74vh;
}
.chat-box .chat-input-area {
  padding: 8px 0;
  border-top: 0;
}
.chat-box .chat-messages {
  height: 82%;
  background: #f5f5f5;
}
.chat-box .chat-messages .question {
  background: #e0e0e0;
}
.chat-box input {
  height: 48px;
}
.chat-box .send-btn {
  inset: 13px 4px auto auto !important;
}
.video-chat-modal .modal-dialog {
  padding-top: 70px;
}
#toggleSidebar {
  position: fixed;
  inset: 14px 20px auto auto;
  z-index: 99999;
  color: #1e7b85;
  background: transparent;
  border: 1px solid #1e7b85;
  border-radius: 50%;
  opacity: 1;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
#toggleSidebar.closed {
  inset: 100px -200px auto auto;
  width: max-content;
  height: 48px;
  opacity: 1;
  background: #1e7b85;
  color: #fff;
  border-radius: 6px;
  animation: opacity 0.3s linear;
  transition: all 0.2s linear;
}
#toggleSidebar.closed:hover {
  inset: 100px -4px auto auto;
}
#toggleSidebar.closed span {
  opacity: 0;
}
#toggleSidebar.closed:hover span {
  opacity: 1;
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#mainContent,
#sidebarCol {
  transition: all 0.3s linear;
}
.btn-close {
  color: #fff;
}
.btn-open {
  inset: 88px -200px auto auto !important;
  border-radius: 4px !important;
  width: max-content !important;
  background: #1b6f78 !important;
  color: #fff !important;
  opacity: 1 !important;
  height: 48px !important;
  transition: all 0.3s linear;
}
.btn-open:hover {
  inset: 88px 0 auto auto !important;
}
.main-course-content {
  padding: 0 0 80px;
}
.main-course-content .lesson-content-card {
  color: #4b5563;
  margin-top: 1rem;
  padding: 0 56px;
}
.main-course-content .lesson-content-card .title {
  color: #333;
  text-transform: capitalize;
  margin-bottom: 16px;
}
.main-course-content .lesson-content-card ul {
  padding-inline-start: 20px !important;
}
.main-course-content .lesson-content-card .test-knowledge {
  background: #fff;
  padding: 24px;
  margin-top: 1.5rem;
  border-radius: 12px;
}
.main-course-content .lesson-content-card .test-knowledge .the-title {
  display: flex;
  align-items: center;
}
.main-course-content .lesson-content-card .test-knowledge .the-title .icon {
  background: rgba(43, 91, 63, 0.1019607843);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 1rem;
  color: #1e7b85;
}
.main-course-content .lesson-content-card .test-knowledge .the-title .title {
  font-size: 18px;
  color: #000;
}
.main-course-content .lesson-content-card .test-knowledge p {
  color: #4b5563;
}
.main-course-content .lesson-content-card .test-knowledge .btn {
  padding: 8px 16px;
  border-radius: 8px;
  background: #1e7b85;
  color: #fff;
  text-transform: capitalize;
}
.main-course-content .lesson-content-card .navigation {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.main-course-content .lesson-content-card .navigation .next,
.main-course-content .lesson-content-card .navigation .prev {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 8px;
}
.main-course-content .lesson-content-card .navigation .prev {
  margin-bottom: 8px;
  background: #fff;
  color: #333;
  border: 1px solid #e5e7eb;
}
.main-course-content .lesson-content-card .navigation .prev span {
  margin-inline-end: 8px;
}
.main-course-content .lesson-content-card .navigation .next {
  background: #1e7b85;
  color: #fff;
  border: 1px solid #1e7b85;
}
.main-course-content .lesson-content-card .navigation .next span {
  margin-inline-start: 8px;
}
#shareModal .modal-dialog {
  margin-top: 100px;
}
#shareModal .jssocials-shares {
  display: flex;
  align-items: center;
  justify-content: center;
}
#shareModal .jssocials-shares .jssocials-share .jssocials-share-link {
  border-radius: 6px;
}
#shareModal
  .jssocials-shares
  .jssocials-share.jssocials-share-twitter
  .jssocials-share-link {
  background: #333 !important;
}
#shareModal
  .jssocials-shares
  .jssocials-share.jssocials-share-twitter
  .jssocials-share-link:hover {
  background: #282828 !important;
}
.search-modal form {
  position: relative;
}
.search-modal form .form-control {
  height: 48px;
}
.search-modal form .form-control:focus {
  box-shadow: 0;
}
.search-modal form .btn {
  position: absolute;
  inset: 0 0 auto auto;
  width: 48px;
  height: 48px;
  background: #1e7b85;
  color: #fff;
}
#videoContainer {
  height: 550px;
  margin-bottom: 8px;
}
#videoContainer iframe {
  width: 100% !important;
  height: 550px !important;
}
#welcome {
  transition: opacity 0.3s ease;
  opacity: 1;
}
#welcome p {
  font-size: 32px;
}
.tg-hidden {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none;
}
.search-modal .btn-close {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414'/%3E%3C/svg%3E") !important;
  font-size: 0;
}
.search-modal .modal-body form .form-group {
  position: relative;
  margin-bottom: 0;
}
.search-modal .modal-body form .form-group .form-control {
  height: 48px;
  border-radius: 88px;
}
.search-modal .modal-body form .form-group .btn {
  position: absolute;
  inset: 4px 4px auto auto;
  background: #1e7b85;
  height: 40px;
  border-radius: 50%;
  width: 40px;
  color: #fff;
}
.audioplayer {
  inset: 89vh 0 auto 0;
  padding: 10px 40px;
  z-index: 999;
}
#audioplayer-fixed,
.audioplayer {
  width: 100%;
  position: fixed;
  background: #fff;
}
#audioplayer-fixed {
  display: none;
  bottom: 0;
  left: 0;
  z-index: 9999;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
}
#audioplayer-fixed.active {
  display: block;
}
#audioplayer-container,
#audioplayer-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
}
#audioplayer-fixed {
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
#audioplayer-fixed.active {
  transform: translateY(0);
}
@media (max-width: 991.98px) {
  .auth-image .bg {
    max-width: 100%;
    height: auto;
  }
  .main-navbar {
    display: none;
  }
  .mob-navbar {
    display: flex;
  }
}
@media (max-width: 767.98px) {
  .auth-content {
    padding-top: 20%;
  }
  .auth-content .or:after,
  .auth-content .or:before {
    width: 25%;
  }
  .auth-content .btns {
    flex-direction: column;
  }
  .auth-content .btns a {
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  .auth-content .btns a:first-child {
    margin-inline-end: 0;
    margin-bottom: 8px;
  }
  .the-profile .nav-tabs {
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 10px;
  }
  .community-page > div {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .main-footer .title {
    margin-top: 32px;
  }
  .main-footer .row .col-md-3:first-child .title {
    margin-top: 0;
  }
  .main-footer .row .col-md-3:first-child .div {
    inset: 126% 1% auto 1% !important;
  }
  .main-footer .row .col-md-3 .div {
    width: 98%;
    height: 1px;
    inset: 110% 1% auto 1%;
  }
  .main-footer .row .col-md-3 .div:after {
    inset: -4px 24px 0 auto;
  }
  .main-footer .row .col-md-3 .div:before {
    inset: -4px auto auto 24px;
  }
  .questions-card,
  .questions-card .question-card {
    padding: 16px;
  }
  .questions-card .question-card .option-card {
    align-items: start !important;
  }
  .questions-card .question-card .option-card:before {
    margin-top: 4px;
  }
  .lesson-content .lesson-content-card {
    padding: 1rem;
  }
  .lesson-content .navigation {
    position: relative;
    flex-direction: column;
    align-items: flex-start !important;
  }
  .lesson-content .navigation .back {
    margin-top: 10px;
  }
  .lesson-content .navigation .title {
    margin-top: 16px;
  }
  .lesson-content .navigation .ask {
    position: absolute;
    inset: 10px 16px auto auto;
  }
  .course-days .left-side .lesson-card .header {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .course-days .left-side .lesson-card .header > .d-flex {
    align-items: flex-start !important;
  }
  .course-days .left-side .lesson-card .header .continue {
    margin-top: 10px;
  }
  .course-days .left-side .lesson-card .title {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .course-days .left-side .lesson-card .title span {
    margin: 6px 0;
  }
  .hadith-tabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: auto;
    padding-bottom: 10px;
  }
  .hadith-tabs .vector {
    display: none;
  }
  .hadith-content {
    margin-top: 16px;
  }
  .surah-view {
    padding: 16px;
  }
  .surah-view .header {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .surah-view .header span {
    margin: 4px 0 8px;
    display: flex;
  }
  .surah-view .action {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .surah-view .action button {
    width: 100%;
  }
  .surah-view .action button.back {
    margin: 8px 0;
  }
  .audio-card .reciter-info {
    flex-direction: column;
    align-items: start !important;
  }
  .audio-card .controls {
    margin: 10px 0;
  }
  .page-title {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .page-title .location {
    margin-top: 10px;
  }
  .prayer-times .actions > .d-flex {
    flex-direction: column;
  }
  .prayer-times .actions .back {
    width: 100%;
  }
  .prayer-times .actions ul {
    flex-direction: column;
    align-items: start !important;
    width: 100%;
  }
  .prayer-times .actions ul li {
    width: 100%;
    margin-bottom: 8px;
  }
  .prayer-times .actions ul li button {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .main__hero .hero-caption .main__title {
    font-size: 48px;
    text-align: center;
  }
  .main__hero .hero-caption p {
    max-width: 100%;
  }
  .hero-counts-row {
    flex-direction: column;
  }
  .section-title .heading {
    font-size: 32px;
  }
  .section-title p {
    max-width: 100%;
  }
}


/* ========== Redesign (homepage, navbar, prayer) ========== */

/* Muslim Helper — Shared redesign stylesheet
   Homepage, navbar enhancements, prayer dashboard, and related UI
   Calm green/gold system with Framer-like motion hooks */

:root {
  --mh-bg: #f7f5ef;
  --mh-surface: #ffffff;
  --mh-surface-2: #e8f4f5;
  --mh-ink: #14383c;
  --mh-muted: #65756f;
  --mh-green: #1E7B85;
  --mh-green-dark: #165e66;
  --mh-green-soft: #d9eef1;
  --mh-gold: #EAB308;
  --mh-line: #d5e4e6;
  --mh-shadow: 0 22px 70px rgba(16, 64, 70, 0.11);
  --mh-shadow-soft: 0 12px 36px rgba(16, 64, 70, 0.08);
  --mh-radius-xl: 32px;
  --mh-radius-lg: 24px;
  --mh-radius-md: 18px;

  /* Type scale — one system for all sections */
  --mh-fs-hero: clamp(2.5rem, 4.8vw, 4rem);       /* 40–64 */
  --mh-fs-title: clamp(1.875rem, 3.2vw, 2.5rem);  /* 30–40 — section titles */
  --mh-fs-panel: clamp(1.5rem, 2.4vw, 1.875rem);  /* 24–30 — panel display */
  --mh-fs-card: 1.125rem;                         /* 18 — card / step titles */
  --mh-fs-lead: 1.0625rem;                        /* 17 — section supporting copy */
  --mh-fs-body: 1rem;                             /* 16 */
  --mh-fs-small: 0.875rem;                        /* 14 — card body */
  --mh-fs-kicker: 0.75rem;                        /* 12 — section eyebrow */
  --mh-fs-meta: 0.8125rem;                        /* 13 — links / meta */

  --mh-lh-tight: 1.15;
  --mh-lh-title: 1.2;
  --mh-lh-body: 1.6;
  --mh-tracking-title: -0.03em;
  --mh-tracking-kicker: 0.1em;

  /* Vertical rhythm */
  --mh-section-y: 5.5rem;   /* 88px */
  --mh-head-gap: 0.625rem;  /* kicker → title */
  --mh-title-gap: 0.875rem; /* title → lead */
  --mh-head-bottom: 2.5rem; /* section head → content */
}

#wrapper.mh-home {
  background:
    radial-gradient(circle at 10% 8%, rgba(234, 179, 8, 0.11), transparent 24%),
    radial-gradient(circle at 90% 18%, rgba(30, 123, 133, 0.1), transparent 28%),
    var(--mh-bg);
  color: var(--mh-ink);
  font-family: "Plus Jakarta Sans", "IBM Plex Sans Arabic", ui-sans-serif, system-ui, sans-serif;
  overflow-x: hidden;
}

#wrapper.mh-home.rtl {
  font-family: "IBM Plex Sans Arabic", "Plus Jakarta Sans", Tahoma, Arial, sans-serif;
}

#wrapper.mh-home a {
  text-decoration: none;
  color: inherit;
}

/* Primary CTAs must keep white label text (not inherit page ink) */
#wrapper.mh-home a.btn-success,
#wrapper.mh-home a.btn-success *,
#wrapper.mh-home .account-btn .btn,
#wrapper.mh-home .account-btn .btn *,
#wrapper.mh-home a.mh-btn-primary,
#wrapper.mh-home a.mh-btn-primary * {
  color: #ffffff !important;
}

#wrapper.mh-home a.btn-success:hover,
#wrapper.mh-home a.btn-success:hover *,
#wrapper.mh-home .account-btn .btn:hover,
#wrapper.mh-home .account-btn .btn:hover *,
#wrapper.mh-home a.mh-btn-primary:hover,
#wrapper.mh-home a.mh-btn-primary:hover * {
  color: #121212 !important;
}

#wrapper.mh-home a.mh-btn-secondary,
#wrapper.mh-home a.mh-btn-secondary * {
  color: var(--main-color, #1E7B85) !important;
}

/* —— Hero atmosphere: photo + geometry + soft light —— */
#wrapper.mh-home .main__hero {
  background: var(--mh-bg) !important;
  min-height: auto !important;
  height: auto !important;
  padding-bottom: 0 !important;
  position: relative;
  isolation: isolate;
  overflow: visible;
}

.mh-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.mh-hero-bg__photo {
  position: absolute;
  inset: -4% -2% 0;
  background:
    url("/design2027/hero-education.jpg") center 42% / cover no-repeat;
  transform-origin: 58% 40%;
  filter: saturate(1.04) contrast(1.03) brightness(1.03);
  animation: mh-hero-drift 28s ease-in-out infinite alternate;
  will-change: transform;
}

.mh-hero-bg__pattern {
  position: absolute;
  inset: 0;
  background-image: url("/design2027/hero-pattern.svg");
  background-size: 120px 120px;
  background-repeat: repeat;
  opacity: 0.11;
  mix-blend-mode: multiply;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.18) 42%, transparent 72%);
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.18) 42%, transparent 72%);
  animation: mh-hero-pattern 36s linear infinite;
}

.mh-hero-bg__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(48px);
  opacity: 0.55;
  animation: mh-hero-glow 12s ease-in-out infinite alternate;
}

.mh-hero-bg__glow--gold {
  width: min(52vw, 520px);
  height: min(52vw, 520px);
  top: -12%;
  right: 8%;
  background: radial-gradient(circle, rgba(234, 179, 8, 0.38) 0%, rgba(234, 179, 8, 0) 68%);
}

.mh-hero-bg__glow--teal {
  width: min(46vw, 460px);
  height: min(46vw, 460px);
  bottom: 8%;
  left: -6%;
  background: radial-gradient(circle, rgba(30, 123, 133, 0.28) 0%, rgba(30, 123, 133, 0) 70%);
  animation-delay: -4s;
}

.mh-hero-bg__wash {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      108deg,
      rgba(247, 245, 239, 0.9) 0%,
      rgba(247, 245, 239, 0.68) 32%,
      rgba(247, 245, 239, 0.28) 56%,
      rgba(232, 244, 245, 0.18) 76%,
      rgba(247, 245, 239, 0.42) 100%
    ),
    linear-gradient(
      180deg,
      rgba(247, 245, 239, 0.28) 0%,
      rgba(247, 245, 239, 0.12) 36%,
      rgba(247, 245, 239, 0.7) 82%,
      var(--mh-bg) 100%
    );
}

@keyframes mh-hero-drift {
  0% { transform: scale(1.04) translate3d(0, 0, 0); }
  100% { transform: scale(1.1) translate3d(-1.6%, -1.2%, 0); }
}

@keyframes mh-hero-pattern {
  0% { background-position: 0 0; }
  100% { background-position: 112px 56px; }
}

@keyframes mh-hero-glow {
  0% { opacity: 0.4; transform: scale(1); }
  100% { opacity: 0.7; transform: scale(1.12); }
}

#wrapper.mh-home.rtl .mh-hero-bg__wash {
  background:
    linear-gradient(
      252deg,
      rgba(247, 245, 239, 0.9) 0%,
      rgba(247, 245, 239, 0.68) 32%,
      rgba(247, 245, 239, 0.28) 56%,
      rgba(232, 244, 245, 0.18) 76%,
      rgba(247, 245, 239, 0.42) 100%
    ),
    linear-gradient(
      180deg,
      rgba(247, 245, 239, 0.28) 0%,
      rgba(247, 245, 239, 0.12) 36%,
      rgba(247, 245, 239, 0.7) 82%,
      var(--mh-bg) 100%
    );
}

@media (max-width: 991.98px) {
  .mh-hero-bg__photo {
    background-position: 62% 48%;
    animation-duration: 34s;
  }

  .mh-hero-bg__wash {
    background:
      linear-gradient(
        180deg,
        rgba(247, 245, 239, 0.52) 0%,
        rgba(247, 245, 239, 0.3) 40%,
        rgba(247, 245, 239, 0.78) 84%,
        var(--mh-bg) 100%
      ),
      linear-gradient(
        115deg,
        rgba(247, 245, 239, 0.74) 0%,
        rgba(247, 245, 239, 0.34) 55%,
        rgba(232, 244, 245, 0.18) 100%
      );
  }

  .mh-hero-bg__pattern {
    opacity: 0.08;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mh-hero-bg__photo,
  .mh-hero-bg__pattern,
  .mh-hero-bg__glow {
    animation: none !important;
  }

  .mh-hero-bg__photo {
    transform: scale(1.05);
  }
}

#wrapper.mh-home .main__hero > .main-navbar,
#wrapper.mh-home .main__hero > .mob-navbar {
  position: relative;
  z-index: 1100;
  overflow: visible;
}

#wrapper.mh-home .main__hero > .container {
  position: relative;
  z-index: 2;
}

#wrapper.mh-home .main-navbar,
#wrapper.mh-home .mob-navbar {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  overflow: visible;
}

/* Mobile hero menu: clear left/right inset + inner padding */
@media (max-width: 991.98px) {
  #wrapper.mh-home .main__hero > .mob-navbar.navbar {
    --bs-navbar-padding-x: 1rem;
    display: flex;
    box-sizing: border-box;
    width: calc(100% - 2.5rem) !important;
    max-width: calc(100% - 2.5rem) !important;
    margin: 0.75rem 1.25rem 0 !important;
    padding: 0.35rem 1rem !important;
    border-radius: 14px;
  }

  #wrapper.mh-home .main__hero > .mob-navbar > .container {
    width: 100%;
    max-width: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #wrapper.mh-home .main__hero > .mob-navbar .navbar-brand {
    margin-inline-end: 0;
    padding-inline: 0;
  }

  #wrapper.mh-home .main__hero > .mob-navbar .navbar-brand img {
    display: block;
  }

  #wrapper.mh-home .main__hero > .mob-navbar button.bg-transparent {
    padding: 0.5rem;
    margin-inline-end: -0.15rem;
  }

  #wrapper.mh-home .main__hero > .container.mh-hero {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

/* —— Buttons —— */
.mh-btn {
  border: 0;
  border-radius: var(--btn-radius, 12px);
  padding: var(--btn-primary-pad-y, 12px) var(--btn-primary-pad-x, 22px);
  min-height: var(--btn-primary-height, 48px);
  height: var(--btn-primary-height, 48px);
  font-weight: var(--btn-primary-font-weight, 600);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease;
  font-size: var(--btn-primary-font-size, 15px);
  line-height: 1.25;
  box-sizing: border-box;
}

.mh-btn-primary {
  background: var(--btn-primary-bg, #1E7B85);
  color: #ffffff !important;
  box-shadow: var(--btn-primary-shadow, 0 8px 20px rgba(30, 123, 133, 0.22));
}

.mh-btn-primary:hover {
  transform: translateY(-2px);
  background: var(--btn-primary-hover-bg, #EAB308);
  color: #121212 !important;
  box-shadow: var(--btn-primary-shadow-hover, 0 12px 28px rgba(234, 179, 8, 0.32));
}

.mh-btn-secondary {
  background: #fff;
  color: var(--main-color, #1E7B85) !important;
  border: 1.5px solid var(--main-color, #1E7B85);
  box-shadow: none;
}

.mh-btn-secondary:hover {
  border-color: var(--main-color, #1E7B85);
  background: rgba(30, 123, 133, 0.08);
  color: var(--main-color, #1E7B85) !important;
  transform: translateY(-2px);
}

.mh-btn-light {
  background: #fff;
  color: var(--mh-green) !important;
  font-weight: var(--btn-primary-font-weight, 600);
  border-radius: var(--btn-radius, 12px);
}

.mh-btn-light:hover {
  transform: translateY(-2px);
  color: var(--mh-green-dark) !important;
}

/* —— Hero —— */
.mh-hero {
  padding: 48px 0 70px;
}

.mh-hero-grid {
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  gap: 64px;
  align-items: center;
}

.mh-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--mh-green-soft);
  color: var(--mh-green-dark);
  font-weight: 700;
  font-size: var(--mh-fs-kicker);
  letter-spacing: 0.02em;
  line-height: 1.4;
  margin-bottom: 1.25rem;
}

.mh-eyebrow-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mh-gold);
  box-shadow: 0 0 0 5px rgba(234, 179, 8, 0.13);
  flex-shrink: 0;
}

.mh-hero h1 {
  font-size: var(--mh-fs-hero);
  line-height: 1.1;
  letter-spacing: -0.04em;
  margin: 0 0 var(--mh-title-gap);
  max-width: 18ch;
  font-weight: 800;
  color: var(--mh-ink);
}

#wrapper.mh-home.rtl .mh-hero h1 {
  letter-spacing: -0.02em;
  line-height: 1.28;
  max-width: 14ch;
}

.mh-hero-lead {
  font-size: 1.125rem;
  color: var(--mh-muted);
  max-width: 36rem;
  margin: 0 0 1.15rem;
  line-height: var(--mh-lh-body);
}

.mh-hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 1.75rem;
}

.mh-hero-actions .mh-btn {
  /* metrics come from shared button tokens — keep both CTAs identical */
  min-height: var(--btn-primary-height, 48px);
  height: var(--btn-primary-height, 48px);
  padding: var(--btn-primary-pad-y, 12px) var(--btn-primary-pad-x, 22px);
  border-radius: var(--btn-radius, 12px);
  font-size: var(--btn-primary-font-size, 15px);
  font-weight: var(--btn-primary-font-weight, 600);
}

.mh-trust-row {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  margin-top: 0;
  color: #597168;
  font-size: 13px;
  font-weight: 650;
}

.mh-trust-item {
  display: flex;
  gap: 8px;
  align-items: center;
}

.mh-check {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #dff1f3;
  color: var(--mh-green);
  font-size: 11px;
  font-weight: 900;
  flex-shrink: 0;
}

/* Hero visual */
.mh-hero-visual {
  position: relative;
  min-height: 560px;
}

.mh-glow {
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(30, 123, 133, 0.18), rgba(234, 179, 8, 0.12));
  filter: blur(2px);
  right: 3%;
  top: 10%;
  pointer-events: none;
}

.mh-dashboard {
  position: absolute;
  right: 0;
  top: 28px;
  width: min(500px, 100%);
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #e1eaeb;
  border-radius: 32px;
  padding: 22px;
  box-shadow: var(--mh-shadow);
  transform: rotate(1.2deg);
  backdrop-filter: blur(8px);
}

.mh-dash-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  gap: 12px;
}

.mh-avatar {
  display: flex;
  gap: 11px;
  align-items: center;
}

.mh-avatar-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #e0f2f4;
  display: grid;
  place-items: center;
  color: var(--mh-green);
  font-weight: 900;
}

.mh-small {
  font-size: 12px;
  color: var(--mh-muted);
}

.mh-strong {
  font-size: 14px;
  font-weight: 800;
}

.mh-location {
  font-size: 12px;
  padding: 7px 9px;
  border-radius: 10px;
  background: #f2f7f8;
  color: #547068;
  white-space: nowrap;
}

.mh-next-prayer {
  border-radius: 22px;
  padding: 20px;
  background: linear-gradient(135deg, var(--mh-green), #2a9099);
  color: #fff;
  position: relative;
  overflow: hidden;
}

.mh-next-prayer::after {
  content: "";
  position: absolute;
  width: 160px;
  height: 160px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  right: -45px;
  top: -65px;
  box-shadow: 0 0 0 28px rgba(255, 255, 255, 0.05);
}

.mh-next-top {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  opacity: 0.86;
  position: relative;
  z-index: 1;
}

.mh-prayer-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 16px;
  position: relative;
  z-index: 1;
}

.mh-prayer-name {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.mh-prayer-time {
  font-size: 32px;
  font-weight: 800;
}

.mh-progress {
  margin-top: 14px;
  height: 7px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.2);
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.mh-progress span {
  display: block;
  width: 68%;
  height: 100%;
  background: #fff;
  border-radius: 99px;
  transform-origin: left center;
}

.mh-dash-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 14px;
  margin-top: 14px;
}

.mh-mini-card {
  background: #f5fafb;
  border: 1px solid #e2eaeb;
  border-radius: 20px;
  padding: 16px;
  min-height: 155px;
}

.mh-mini-card h4 {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 800;
}

.mh-mini-card p {
  margin: 0;
  color: var(--mh-muted);
  font-size: 12px;
  line-height: 1.45;
}

.mh-prayers-list {
  margin-top: 13px;
  display: grid;
  gap: 7px;
}

.mh-prayer-row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #506c64;
}

.mh-prayer-row.active {
  font-weight: 800;
  color: var(--mh-green);
}

.mh-lesson-art {
  height: 72px;
  border-radius: 14px;
  margin: 12px 0;
  position: relative;
  overflow: hidden;
  background: url("/design2027/prayer-still.jpg") center / cover no-repeat;
}

.mh-lesson-art::after {
  content: "01";
  position: absolute;
  right: 14px;
  bottom: 4px;
  font-size: 30px;
  font-weight: 900;
  color: rgba(30, 123, 133, 0.35);
}

.mh-lesson-link {
  font-size: 12px;
  font-weight: 800;
  color: var(--mh-green);
}

.mh-chat-float {
  position: absolute;
  left: 0;
  bottom: 36px;
  width: 280px;
  background: #fff;
  border: 1px solid #dde9ea;
  border-radius: 24px;
  padding: 17px;
  box-shadow: var(--mh-shadow-soft);
  transform: rotate(-2deg);
}

.mh-chat-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 800;
  font-size: 13px;
  gap: 8px;
}

.mh-online {
  font-size: 10px;
  color: #168462;
  background: #e6f5ef;
  padding: 5px 8px;
  border-radius: 99px;
  white-space: nowrap;
}

.mh-bubble {
  margin-top: 13px;
  background: #e8f4f5;
  border-radius: 14px 14px 14px 4px;
  padding: 11px 12px;
  font-size: 12px;
  color: #46665d;
}

#wrapper.mh-home.rtl .mh-bubble {
  border-radius: 14px 14px 4px 14px;
}

.mh-ask-box {
  margin-top: 9px;
  border: 1px solid var(--mh-line);
  border-radius: 12px;
  padding: 9px 11px;
  display: flex;
  justify-content: space-between;
  color: #91a29d;
  font-size: 11px;
}

/* —— Shared sections (unified type + spacing) —— */
.mh-section {
  padding: var(--mh-section-y) 0;
}

.mh-section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem 3rem;
  margin-bottom: var(--mh-head-bottom);
}

.mh-section-heading {
  max-width: 36rem;
}

/* Kicker — identical in every section */
.mh-kicker {
  display: block;
  color: var(--mh-green);
  font-size: var(--mh-fs-kicker);
  font-weight: 700;
  letter-spacing: var(--mh-tracking-kicker);
  text-transform: uppercase;
  line-height: 1.4;
  margin: 0 0 var(--mh-head-gap);
}

/* Section title — identical H2 treatment everywhere */
.mh-title,
.mh-section h2,
.mh-h2,
.mh-assistant-copy h2,
.mh-cta h2 {
  font-size: var(--mh-fs-title);
  line-height: var(--mh-lh-title);
  letter-spacing: var(--mh-tracking-title);
  margin: 0;
  font-weight: 800;
  color: var(--mh-ink);
}

#wrapper.mh-home.rtl .mh-title,
#wrapper.mh-home.rtl .mh-section h2,
#wrapper.mh-home.rtl .mh-h2,
#wrapper.mh-home.rtl .mh-assistant-copy h2,
#wrapper.mh-home.rtl .mh-cta h2 {
  letter-spacing: -0.015em;
  line-height: 1.35;
}

/* When kicker sits above title inside a heading block */
.mh-section-heading .mh-title,
.mh-section-heading h2,
.mh-steps-head .mh-title,
.mh-steps-head h2,
.mh-assistant-copy .mh-title,
.mh-assistant-copy h2 {
  margin-top: 0;
}

.mh-kicker + .mh-title,
.mh-kicker + h2,
.mh-kicker + .mh-h2,
.mh-kicker + h3.mh-title {
  margin-top: 0;
}

/* Supporting copy — same size/leading in all sections */
.mh-lead,
.mh-section-copy,
.mh-assistant-copy > p,
.mh-cta p,
.mh-journey-panel > p {
  color: var(--mh-muted);
  font-size: var(--mh-fs-lead);
  line-height: var(--mh-lh-body);
  margin: var(--mh-title-gap) 0 0;
  max-width: 34rem;
  font-weight: 400;
}

.mh-section-head .mh-lead,
.mh-section-head .mh-section-copy {
  margin-top: 0;
  max-width: 22rem;
  flex-shrink: 0;
}

/* Card / list item titles — one size */
.mh-card-title,
.mh-bento-title,
.mh-principle h3,
.mh-step h4 {
  font-size: var(--mh-fs-card);
  line-height: 1.35;
  letter-spacing: -0.015em;
  font-weight: 750;
  margin: 0 0 0.4rem;
  color: var(--mh-ink);
}

.mh-card-body,
.mh-bento-text,
.mh-principle p,
.mh-step p {
  font-size: var(--mh-fs-small);
  line-height: 1.55;
  color: var(--mh-muted);
  margin: 0;
  font-weight: 400;
}

/* Needs — bento paths */
.mh-needs {
  background: #ffffff;
  border-top: 1px solid rgba(213, 228, 230, 0.7);
  border-bottom: 1px solid rgba(213, 228, 230, 0.7);
  padding: clamp(5rem, 7.5vw, 7rem) 0;
}

.mh-needs-head {
  margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
  align-items: flex-end;
}

.mh-needs-head .mh-section-heading {
  max-width: 28rem;
}

.mh-needs .mh-kicker {
  color: #b45309;
}

.mh-bento {
  display: grid;
  grid-template-columns: 1.05fr 1fr 1fr;
  grid-template-rows: minmax(220px, 1fr) minmax(220px, 1fr);
  gap: 18px;
  min-height: 560px;
}

.mh-bento-card {
  position: relative;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(30, 123, 133, 0.1);
  box-shadow:
    0 1px 2px rgba(16, 64, 70, 0.04),
    0 14px 36px rgba(16, 64, 70, 0.06);
  text-decoration: none;
  color: inherit;
  min-height: 0;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.mh-bento-card:hover {
  transform: translateY(-4px);
  border-color: rgba(30, 123, 133, 0.22);
  box-shadow:
    0 6px 16px rgba(16, 64, 70, 0.06),
    0 24px 48px rgba(16, 64, 70, 0.1);
}

.mh-bento-card--featured {
  grid-column: 1;
  grid-row: 1 / span 2;
  min-height: 100%;
}

.mh-bento-card--wide {
  grid-column: 2 / span 2;
  grid-row: 1;
}

.mh-bento-card--half:nth-of-type(3) {
  grid-column: 2;
  grid-row: 2;
}

.mh-bento-card--half:nth-of-type(4) {
  grid-column: 3;
  grid-row: 2;
}

.mh-bento-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 1.65rem 1.4rem 1.75rem 1.55rem;
  width: min(58%, 340px);
  flex: 0 0 auto;
  min-height: 100%;
  box-sizing: border-box;
}

.mh-bento-card--featured .mh-bento-copy {
  width: min(56%, 360px);
  padding: 2rem 1.4rem 2rem 1.85rem;
  gap: 0.75rem;
  justify-content: center;
}

.mh-bento-media {
  position: absolute;
  inset: 0 0 0 auto;
  width: 62%;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.mh-bento-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: scale(1.02);
  transition: transform 0.55s ease;
}

.mh-bento-card:hover .mh-bento-media img {
  transform: scale(1.06);
}

.mh-bento-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0.92) 14%,
    rgba(255, 255, 255, 0.45) 34%,
    rgba(255, 255, 255, 0) 58%
  );
  pointer-events: none;
}

.mh-bento-card--featured .mh-bento-media {
  width: 64%;
}

.mh-bento-card--featured .mh-bento-media img {
  object-position: 58% center;
}

.mh-bento-card--wide .mh-bento-media img {
  object-position: 70% center;
}

.mh-bento-card--half .mh-bento-media {
  width: 58%;
}

.mh-bento-card--half .mh-bento-media img {
  object-position: 65% center;
}

.mh-bento-icon {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  background: var(--mh-green-soft);
  color: var(--mh-green);
  font-size: 0.95rem;
  margin-bottom: 0.15rem;
  flex-shrink: 0;
}

.mh-bento-icon--gold {
  background: rgba(234, 179, 8, 0.16);
  color: #b45309;
}

.mh-bento-label {
  font-size: 0.6875rem;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mh-green);
  line-height: 1.3;
}

.mh-bento-label--gold {
  color: #b45309;
}

.mh-bento-title {
  margin: 0;
  font-size: clamp(1.15rem, 1.5vw, 1.45rem);
  line-height: 1.25;
  letter-spacing: -0.02em;
  font-weight: 800;
  color: var(--mh-ink);
  max-width: 16ch;
}

.mh-bento-card--featured .mh-bento-title {
  font-size: clamp(1.45rem, 2.1vw, 1.9rem);
  max-width: 14ch;
}

.mh-bento-text {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--mh-muted);
  max-width: 28ch;
}

.mh-bento-card--featured .mh-bento-text {
  font-size: 0.95rem;
  max-width: 32ch;
  margin-bottom: 0.35rem;
}

.mh-bento-cta {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  pointer-events: none;
  border-radius: var(--btn-radius, 12px);
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.mh-bento-cta--primary {
  min-height: 44px;
  height: 44px;
  padding: 0 18px;
  font-size: 0.9rem;
  background: var(--mh-green);
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(30, 123, 133, 0.22);
}

.mh-bento-card:hover .mh-bento-cta--primary {
  background: var(--mh-gold);
  color: #121212 !important;
  box-shadow: 0 12px 28px rgba(234, 179, 8, 0.32);
}

.mh-bento-cta--ghost {
  min-height: 40px;
  height: 40px;
  padding: 0 14px;
  font-size: 0.8125rem;
  background: #fff;
  color: var(--mh-green) !important;
  border: 1.5px solid rgba(30, 123, 133, 0.28);
  box-shadow: 0 4px 14px rgba(16, 64, 70, 0.06);
}

.mh-bento-cta--ghost i {
  font-size: 0.7rem;
  transition: transform 0.25s ease;
}

.mh-bento-card:hover .mh-bento-cta--ghost {
  border-color: var(--mh-green);
  background: rgba(30, 123, 133, 0.06);
  color: var(--mh-green-dark) !important;
}

.mh-bento-card:hover .mh-bento-cta--ghost i {
  transform: translateX(3px);
}

#wrapper.mh-home.rtl .mh-bento-media {
  inset: 0 auto 0 0;
}

#wrapper.mh-home.rtl .mh-bento-media::after {
  background: linear-gradient(
    270deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0.92) 14%,
    rgba(255, 255, 255, 0.45) 34%,
    rgba(255, 255, 255, 0) 58%
  );
}

#wrapper.mh-home.rtl .mh-bento-card:hover .mh-bento-cta--ghost i {
  transform: translateX(-3px) scaleX(-1);
}

#wrapper.mh-home.rtl .mh-bento-cta--ghost i {
  transform: scaleX(-1);
}

/* Journey — dark section */
.mh-journey {
  --mh-journey-bg: #0d3a40;
  --mh-journey-surface: rgba(255, 255, 255, 0.07);
  --mh-journey-surface-hover: rgba(255, 255, 255, 0.11);
  --mh-journey-ink: #f2f7f8;
  --mh-journey-muted: rgba(232, 240, 236, 0.68);
  --mh-journey-kicker: #EAB308;
  --mh-journey-accent: #7ec8cf;
  --mh-journey-line: rgba(255, 255, 255, 0.12);
  background:
    radial-gradient(ellipse at 12% 20%, rgba(30, 123, 133, 0.35), transparent 42%),
    radial-gradient(ellipse at 88% 70%, rgba(234, 179, 8, 0.12), transparent 40%),
    var(--mh-journey-bg);
  color: var(--mh-journey-ink);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.mh-journey-grid {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 70px;
  align-items: center;
}

.mh-journey-panel {
  background: #14555c;
  color: #fff;
  border-radius: 32px;
  padding: 36px;
  min-height: 460px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.mh-journey-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(160deg, rgba(12, 48, 53, 0.45) 0%, rgba(12, 48, 53, 0.82) 55%, rgba(12, 48, 53, 0.94) 100%),
    url("/design2027/journey-quran.jpg") center / cover no-repeat;
  z-index: 0;
}

.mh-journey-panel::after {
  content: "";
  position: absolute;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.13);
  right: -120px;
  top: -80px;
  box-shadow: 0 0 0 34px rgba(255, 255, 255, 0.04), 0 0 0 68px rgba(255, 255, 255, 0.025);
  z-index: 1;
  pointer-events: none;
}

.mh-journey-panel > * {
  position: relative;
  z-index: 2;
}

.mh-journey-panel .mh-kicker {
  color: var(--mh-journey-kicker);
}

.mh-journey-panel .mh-title,
.mh-journey-panel h3.mh-title {
  font-size: var(--mh-fs-panel);
  line-height: var(--mh-lh-title);
  letter-spacing: var(--mh-tracking-title);
  margin: 0;
  max-width: 16ch;
  font-weight: 800;
  color: #fff;
}

.mh-journey-panel > .mh-lead,
.mh-journey-panel > p {
  color: rgba(255, 255, 255, 0.72);
  max-width: 22rem;
}

.mh-steps-head {
  display: flex;
  flex-direction: column;
}

.mh-journey .mh-steps-head .mh-kicker {
  color: var(--mh-journey-kicker);
}

.mh-journey .mh-steps-head .mh-title,
.mh-journey .mh-steps-head h2 {
  max-width: 18ch;
  color: var(--mh-journey-ink);
}

.mh-steps {
  display: grid;
  gap: 0.5rem;
  margin-top: var(--mh-head-bottom);
}

.mh-week-card {
  position: absolute;
  left: 36px;
  right: 36px;
  bottom: 34px;
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 22px;
  padding: 18px;
  backdrop-filter: blur(8px);
  z-index: 2;
}

.mh-week-top {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.9);
}

.mh-week-dots {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 7px;
}

.mh-day {
  height: 54px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.65);
}

.mh-day.done {
  background: #fff;
  color: #165e66;
  font-weight: 900;
}

.mh-journey .mh-step {
  display: grid;
  grid-template-columns: 58px 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 17px;
  border-radius: 20px;
  border: 1px solid transparent;
  color: var(--mh-journey-ink);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.mh-journey .mh-step:hover,
.mh-journey .mh-step.active {
  background: var(--mh-journey-surface-hover);
  border-color: var(--mh-journey-line);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}

.mh-journey .mh-step.active {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(234, 179, 8, 0.35);
}

.mh-journey .mh-step-no {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: rgba(125, 206, 160, 0.16);
  color: var(--mh-journey-accent);
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: var(--mh-fs-meta);
}

.mh-journey .mh-step.active .mh-step-no {
  background: rgba(234, 179, 8, 0.2);
  color: var(--mh-journey-kicker);
}

.mh-journey .mh-step h4 {
  color: var(--mh-journey-ink);
}

.mh-journey .mh-step p {
  color: var(--mh-journey-muted);
}

.mh-journey .mh-step-time {
  font-size: var(--mh-fs-kicker);
  color: rgba(232, 240, 236, 0.55);
  white-space: nowrap;
  font-weight: 600;
}

.mh-journey .mh-step.active .mh-step-time {
  color: var(--mh-journey-kicker);
}

/* Keep generic step styles for any reuse outside dark section */
.mh-step {
  display: grid;
  grid-template-columns: 58px 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 17px;
  border-radius: 20px;
  border: 1px solid transparent;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.mh-step-no {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: #dff1f3;
  color: var(--mh-green);
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: var(--mh-fs-meta);
}

.mh-step-time {
  font-size: var(--mh-fs-kicker);
  color: #83958f;
  white-space: nowrap;
  font-weight: 600;
}

/* Assistant */
.mh-assistant-box {
  background: #fff;
  border: 1px solid var(--mh-line);
  border-radius: 34px;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  overflow: hidden;
  box-shadow: var(--mh-shadow-soft);
}

.mh-assistant-copy {
  padding: 3.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mh-assistant-copy h2,
.mh-assistant-copy .mh-title {
  max-width: 18ch;
}

.mh-assistant-copy > .mh-lead,
.mh-assistant-copy > p {
  max-width: 32rem;
}

.mh-feature-list {
  display: grid;
  gap: 0.75rem;
  margin: 1.75rem 0 1.75rem;
}

.mh-feature {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  font-weight: 650;
  font-size: var(--mh-fs-small);
  line-height: 1.4;
  color: var(--mh-ink);
}

.mh-feature i {
  width: 25px;
  height: 25px;
  background: #dff1f3;
  color: var(--mh-green);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-style: normal;
  font-size: 12px;
  flex-shrink: 0;
}

.mh-chat-demo {
  background:
    linear-gradient(145deg, rgba(237, 246, 242, 0.92), rgba(245, 239, 225, 0.92)),
    url("/design2027/hero-atmosphere.jpg") center / cover no-repeat;
  padding: 40px;
  display: flex;
  align-items: center;
}

.mh-chat-window {
  background: #fff;
  border-radius: 26px;
  width: 100%;
  box-shadow: 0 20px 50px rgba(18, 70, 76, 0.13);
  overflow: hidden;
  border: 1px solid #dce8e9;
}

.mh-chat-window-head {
  padding: 16px 18px;
  border-bottom: 1px solid #ebf0f1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.mh-chat-profile {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  font-size: 13px;
}

.mh-bot {
  width: 36px;
  height: 36px;
  border-radius: 13px;
  background: var(--mh-green);
  color: #fff;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.mh-secure {
  font-size: 11px;
  color: #59736b;
  white-space: nowrap;
}

.mh-chat-body {
  padding: 20px;
  display: grid;
  gap: 13px;
}

.mh-msg {
  max-width: 86%;
  padding: 12px 14px;
  border-radius: 16px;
  font-size: 13px;
  line-height: 1.5;
}

.mh-msg.user {
  justify-self: end;
  background: var(--mh-green);
  color: #fff;
  border-bottom-right-radius: 5px;
}

#wrapper.mh-home.rtl .mh-msg.user {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 5px;
}

.mh-msg.bot-msg {
  background: #ebf4f5;
  color: #48645c;
  border-bottom-left-radius: 5px;
}

#wrapper.mh-home.rtl .mh-msg.bot-msg {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 5px;
}

.mh-sources {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.mh-source-pill {
  font-size: 10px;
  background: #fff;
  border: 1px solid #d7e6e7;
  padding: 5px 8px;
  border-radius: 99px;
  color: #61766f;
}

.mh-chat-input {
  margin: 0 20px 20px;
  border: 1px solid #d7e5e6;
  border-radius: 15px;
  padding: 12px 13px;
  color: #8b9b96;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

.mh-send {
  width: 26px;
  height: 26px;
  border-radius: 9px;
  background: var(--mh-green);
  color: #fff;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

/* Principles */
.mh-principles {
  background: #ffffff;
  border-top: 1px solid rgba(213, 228, 230, 0.7);
  border-bottom: 1px solid rgba(213, 228, 230, 0.7);
  padding: clamp(5rem, 7.5vw, 7rem) 0;
}

.mh-principles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  align-items: stretch;
}

.mh-principle {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 1.85rem 1.65rem 1.9rem;
  height: 100%;
  align-self: stretch;
  background: #fff;
  border: 1px solid rgba(30, 123, 133, 0.1);
  border-radius: 24px;
  box-shadow:
    0 1px 2px rgba(16, 64, 70, 0.04),
    0 14px 36px rgba(16, 64, 70, 0.06);
  overflow: hidden;
  transition:
    box-shadow 0.28s ease,
    border-color 0.28s ease;
}

.mh-principle::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--mh-green) 0%, rgba(234, 179, 8, 0.8) 100%);
  opacity: 0.85;
  transition: opacity 0.28s ease, height 0.28s ease;
}

.mh-principle::after {
  content: "";
  position: absolute;
  inset: auto -20% -40% auto;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(30, 123, 133, 0.08), transparent 68%);
  pointer-events: none;
  transition: transform 0.35s ease, opacity 0.35s ease;
  opacity: 0.7;
}

.mh-principle:hover {
  border-color: rgba(30, 123, 133, 0.26);
  box-shadow:
    0 4px 10px rgba(16, 64, 70, 0.05),
    0 22px 48px rgba(16, 64, 70, 0.11);
}

.mh-principle:hover::before {
  opacity: 1;
  height: 4px;
}

.mh-principle:hover::after {
  transform: scale(1.15);
  opacity: 1;
}

.mh-principle-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.35rem;
  position: relative;
  z-index: 1;
}

.mh-principle-no {
  font-size: 0.8125rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--mh-green);
  font-variant-numeric: tabular-nums;
}

.mh-principle-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: var(--mh-green-soft);
  color: var(--mh-green);
  font-size: 1rem;
  box-shadow: inset 0 0 0 1px rgba(30, 123, 133, 0.06);
  transition: background 0.28s ease, color 0.28s ease, transform 0.28s ease;
}

.mh-principle:hover .mh-principle-icon {
  background: var(--mh-green);
  color: #fff;
  transform: scale(1.04);
}

.mh-principle .mh-card-title,
.mh-principle h3 {
  position: relative;
  z-index: 1;
  margin: 0;
}

.mh-principle p {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 28ch;
}

/* CTA — full-bleed photo + overlay */
.mh-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(5.5rem, 9vw, 8rem) 0;
  background: #0d3a40;
  border-top: 0;
  border-bottom: 0;
}

.mh-cta-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.mh-cta-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
  display: block;
  transform: scale(1.04);
}

.mh-cta-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      rgba(13, 58, 64, 0.55) 0%,
      rgba(20, 85, 92, 0.72) 45%,
      rgba(13, 58, 64, 0.82) 100%
    ),
    linear-gradient(
      90deg,
      rgba(13, 58, 64, 0.45) 0%,
      rgba(30, 123, 133, 0.35) 50%,
      rgba(13, 58, 64, 0.45) 100%
    );
}

.mh-cta-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.5rem;
  max-width: 40rem;
  margin-inline: auto;
}

.mh-cta-copy {
  max-width: 34rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mh-cta-kicker {
  color: #EAB308 !important;
  margin-bottom: 0.75rem;
}

.mh-cta h2,
.mh-cta .mh-title {
  color: #fff;
  max-width: 16ch;
  text-shadow: 0 10px 30px rgba(8, 30, 34, 0.35);
  margin-inline: auto;
}

.mh-cta .mh-lead,
.mh-cta p {
  color: rgba(255, 255, 255, 0.82);
  max-width: 34rem;
  margin-top: 0.85rem;
  margin-inline: auto;
}

.mh-cta-btn {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  white-space: nowrap;
  background: #fff !important;
  color: var(--mh-green) !important;
  box-shadow: 0 12px 32px rgba(8, 30, 34, 0.28);
  min-height: 52px;
  height: 52px;
  padding: 0 24px;
  gap: 10px;
}

.mh-cta-btn:hover {
  background: var(--mh-gold) !important;
  color: #121212 !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(234, 179, 8, 0.35);
}

#wrapper.mh-home.rtl .mh-cta-overlay {
  background:
    linear-gradient(
      180deg,
      rgba(13, 58, 64, 0.55) 0%,
      rgba(20, 85, 92, 0.72) 45%,
      rgba(13, 58, 64, 0.82) 100%
    ),
    linear-gradient(
      90deg,
      rgba(13, 58, 64, 0.45) 0%,
      rgba(30, 123, 133, 0.35) 50%,
      rgba(13, 58, 64, 0.45) 100%
    );
}

#wrapper.mh-home.rtl .mh-cta-btn span:last-child {
  transform: scaleX(-1);
  display: inline-block;
}

/* Dark footer */
.main-footer.mh-footer {
  background:
    radial-gradient(ellipse at 10% 0%, rgba(30, 123, 133, 0.28), transparent 45%),
    radial-gradient(ellipse at 90% 100%, rgba(234, 179, 8, 0.1), transparent 40%),
    #0d3a40;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 0;
  padding: 4.5rem 0 1.5rem;
  color: rgba(244, 247, 245, 0.72);
}

.main-footer.mh-footer::before,
.main-footer.mh-footer::after {
  display: none;
}

.mh-footer-brand {
  display: inline-block;
  margin-bottom: 1rem;
}

.mh-footer-brand img {
  height: 64px;
  width: auto;
  max-width: 260px;
}

.mh-footer-copy,
.main-footer.mh-footer p {
  color: rgba(232, 240, 236, 0.68);
  font-size: var(--mh-fs-small);
  line-height: 1.6;
  max-width: 280px;
  margin-bottom: 1.25rem;
}

.main-footer.mh-footer .title {
  color: #f2f7f8;
  font-size: var(--mh-fs-meta);
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.main-footer.mh-footer .links li a {
  color: rgba(232, 240, 236, 0.68);
  font-size: var(--mh-fs-small);
  margin-bottom: 0.55rem;
  transition: color 0.2s ease;
}

.main-footer.mh-footer .links li a:hover {
  color: #EAB308;
}

.main-footer.mh-footer .socials {
  display: flex;
  gap: 0.55rem;
}

.main-footer.mh-footer .socials li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(244, 247, 245, 0.85);
  box-shadow: none !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.main-footer.mh-footer .socials li a:hover {
  background: rgba(234, 179, 8, 0.2);
  border-color: rgba(234, 179, 8, 0.45);
  color: #EAB308;
}

.main-footer.mh-footer .btm-footer {
  margin-top: 2.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: var(--mh-fs-kicker);
}
.main-footer.mh-footer .btm-footer span {
  color: #fff;
}
.main-footer.mh-footer .btm-footer::before,
.main-footer.mh-footer .btm-footer::after {
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0.35);
}

.main-footer.mh-footer .mh-footer-stores {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.65rem;
}
.main-footer.mh-footer .mh-footer-store {
  display: inline-flex;
  line-height: 0;
  border-radius: 8px;
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.main-footer.mh-footer .mh-footer-store:hover {
  transform: translateY(-1px);
  opacity: 0.92;
}
.main-footer.mh-footer .mh-footer-store img {
  height: 44px;
  width: auto;
  display: block;
}

/* Ensure redesign sections aren't clipped by legacy hero height */
#wrapper.mh-home .main__hero .container.mh-hero {
  max-width: 1180px;
}

#wrapper.mh-home h1,
#wrapper.mh-home h2,
#wrapper.mh-home h3,
#wrapper.mh-home h4 {
  font-family: "Plus Jakarta Sans", "IBM Plex Sans Arabic", ui-sans-serif, system-ui, sans-serif;
}

#wrapper.mh-home.rtl h1,
#wrapper.mh-home.rtl h2,
#wrapper.mh-home.rtl h3,
#wrapper.mh-home.rtl h4 {
  font-family: "IBM Plex Sans Arabic", "Plus Jakarta Sans", Tahoma, Arial, sans-serif;
}

#wrapper.mh-home .mh-step,
#wrapper.mh-home .mh-bento-card {
  color: inherit;
}

#wrapper.mh-home .chat-icon {
  z-index: 1040;
}

/* GSAP initial states — prevent FOUC */
.mh-reveal {
  visibility: hidden;
}

/* Responsive */
@media (max-width: 980px) {
  .mh-hero-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .mh-hero {
    padding-top: 28px;
  }

  .mh-hero-visual {
    min-height: 550px;
    max-width: 620px;
    width: 100%;
    margin: auto;
  }

  .mh-bento {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    min-height: 0;
  }

  .mh-bento-card--featured {
    grid-column: 1 / span 2;
    grid-row: auto;
    min-height: 320px;
  }

  .mh-bento-card--wide {
    grid-column: 1 / span 2;
    grid-row: auto;
    min-height: 220px;
  }

  .mh-bento-card--half:nth-of-type(3),
  .mh-bento-card--half:nth-of-type(4) {
    grid-column: auto;
    grid-row: auto;
    min-height: 220px;
  }

  .mh-journey-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .mh-assistant-box {
    grid-template-columns: 1fr;
  }

  .mh-chat-demo {
    min-height: 480px;
  }

  .mh-principles-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .mh-hero {
    padding: 24px 0 42px;
  }

  .mh-hero-actions {
    display: grid;
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .mh-hero-actions .mh-btn {
    width: 100%;
    min-height: var(--btn-primary-height, 48px);
    height: var(--btn-primary-height, 48px);
  }

  .mh-trust-row {
    gap: 12px 18px;
    margin-top: 0;
  }

  .mh-hero-visual {
    min-height: 560px;
  }

  .mh-dashboard {
    top: 18px;
    padding: 15px;
    border-radius: 25px;
    transform: none;
  }

  .mh-dash-grid {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }

  .mh-mini-card {
    padding: 12px;
  }

  .mh-chat-float {
    width: 240px;
    bottom: 6px;
    left: 4px;
  }

  .mh-section {
    --mh-section-y: 4rem;
    --mh-head-bottom: 1.75rem;
  }

  .mh-needs {
    padding: 4.5rem 0;
  }

  .mh-principles {
    padding: 4.5rem 0;
  }

  .mh-section-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
  }

  .mh-section-head .mh-lead,
  .mh-section-head .mh-section-copy {
    max-width: 100%;
  }

  .mh-hero h1 {
    font-size: clamp(2rem, 8vw, 2.5rem);
    max-width: none;
  }

  .mh-hero-lead {
    font-size: var(--mh-fs-lead);
  }

  .mh-bento {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .mh-bento-card,
  .mh-bento-card--featured,
  .mh-bento-card--wide,
  .mh-bento-card--half:nth-of-type(3),
  .mh-bento-card--half:nth-of-type(4) {
    grid-column: 1;
    min-height: 240px;
  }

  .mh-bento-copy {
    padding: 1.35rem 1.25rem 1.4rem;
    width: 100%;
    max-width: none;
  }

  .mh-bento-card--featured .mh-bento-copy {
    padding: 1.5rem 1.25rem;
    width: 100%;
    max-width: none;
    justify-content: flex-start;
  }

  .mh-bento-media {
    width: 42%;
    max-width: 160px;
  }

  .mh-bento-card--featured .mh-bento-media,
  .mh-bento-card--half .mh-bento-media {
    width: 42%;
    max-width: 160px;
  }

  .mh-bento-title {
    font-size: 1.2rem;
    max-width: none;
  }

  .mh-bento-card--featured .mh-bento-title {
    font-size: 1.4rem;
  }

  .mh-bento-cta,
  .mh-bento-cta--primary,
  .mh-bento-cta--ghost {
    min-height: 40px;
    height: auto;
    font-size: 0.8125rem;
    white-space: normal;
  }

  .mh-journey-panel {
    padding: 28px;
    min-height: 420px;
  }

  .mh-week-card {
    left: 22px;
    right: 22px;
    bottom: 22px;
  }

  .mh-day {
    height: 44px;
  }

  .mh-step {
    grid-template-columns: 48px 1fr;
  }

  .mh-step-no {
    width: 46px;
    height: 46px;
  }

  .mh-step-time {
    display: none;
  }

  .mh-assistant-copy {
    padding: 34px 26px;
  }

  .mh-chat-demo {
    padding: 18px;
  }

  .mh-principles-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .mh-principle {
    padding: 1.5rem 1.35rem 1.6rem;
  }

  .mh-principle p {
    max-width: none;
  }

  .mh-cta-btn {
    width: auto;
  }
}


/* ==========================================================================
   Navbar enhancements (merged)
   ========================================================================== */

/**
 * Navbar enhancements — icon buttons, language + notifications dropdowns, search modal
 */

:root {
  --mh-nav-icon-size: 42px;
  --mh-dd-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.main-navbar .icons.mh-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-inline-end: 12px;
  position: relative;
  z-index: 5;
  overflow: visible;
}

/* Keep navbar above page content so dropdowns aren't clipped */
.main-navbar {
  z-index: 1100 !important;
  overflow: visible !important;
}

.main-navbar .container,
.main-navbar .navbar-collapse,
.main-navbar .d-flex.align-items-center {
  overflow: visible !important;
}

/* Center nav links between logo and actions (desktop) */
@media (min-width: 992px) {
  .main-navbar .container {
    display: flex;
    align-items: center;
    position: relative;
  }

  .main-navbar .navbar-brand {
    position: relative;
    z-index: 2;
    margin-inline-end: 0;
  }

  .main-navbar .navbar-collapse {
    display: flex !important;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-end;
    position: static;
  }

  .main-navbar .navbar-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    z-index: 1;
  }

  .main-navbar .navbar-collapse > .d-flex.align-items-center {
    margin-inline-start: auto;
    position: relative;
    z-index: 3;
  }
}

/* Nav sections — icon over label, matching product bar */
.main-navbar .navbar-nav .nav-item .nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px;
  min-width: 72px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  color: #4b5563;
  text-align: center;
  white-space: nowrap;
  border-radius: 12px;
  background: transparent;
  transition: color 0.22s ease, background 0.22s ease, transform 0.22s ease;
}

.main-navbar .navbar-nav .nav-item .nav-link i {
  font-size: 20px;
  line-height: 1;
  margin: 0;
  color: #1E7B85;
  transition: color 0.22s ease, transform 0.22s ease;
}

.main-navbar .navbar-nav .nav-item .nav-link span {
  color: inherit;
  font-weight: 500;
}

.main-navbar .navbar-nav .nav-item .nav-link:hover,
.main-navbar .navbar-nav .nav-item .nav-link:focus-visible {
  color: #14383c;
  background: rgba(30, 123, 133, 0.06);
}

.main-navbar .navbar-nav .nav-item .nav-link:hover i,
.main-navbar .navbar-nav .nav-item .nav-link:focus-visible i {
  color: #165e66;
  transform: translateY(-1px);
}

.main-navbar .navbar-nav .nav-item .nav-link.active,
.main-navbar .navbar-nav .nav-item .nav-link.active:hover {
  color: #14383c;
  background: rgba(30, 123, 133, 0.08);
  font-weight: 600;
}

.main-navbar .navbar-nav .nav-item .nav-link.active i {
  color: #1E7B85;
}

@media (max-width: 1199.98px) and (min-width: 992px) {
  .main-navbar .navbar-nav .nav-item .nav-link {
    padding: 8px;
    min-width: 64px;
    font-size: 12px;
    gap: 5px;
  }

  .main-navbar .navbar-nav .nav-item .nav-link i {
    font-size: 18px;
  }
}

.mh-nav-dd {
  position: relative;
  z-index: 6;
}

.mh-dd-panel {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 1300;
  min-width: 260px;
  background: #fff;
  border: 1px solid rgba(30, 123, 133, 0.1);
  border-radius: 18px;
  box-shadow: 0 22px 50px rgba(16, 64, 70, 0.16);
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px) scale(0.96);
  transform-origin: top right;
  transition:
    opacity 0.28s var(--mh-dd-ease),
    transform 0.28s var(--mh-dd-ease),
    visibility 0.28s;
}

.mh-nav-icon {
  position: relative;
  width: var(--mh-nav-icon-size);
  height: var(--mh-nav-icon-size);
  border: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #4b5563;
  box-shadow: 0 4px 14px rgba(16, 64, 70, 0.08);
  transition: transform 0.25s var(--mh-dd-ease), background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
}

.mh-nav-icon i {
  font-size: 16px;
  line-height: 1;
  color: inherit;
}

.mh-nav-icon:hover,
.mh-nav-icon:focus-visible,
.mh-nav-dd.is-open > .mh-nav-icon {
  background: rgba(30, 123, 133, 0.12);
  color: var(--main-color, #1E7B85);
  box-shadow: 0 8px 20px rgba(30, 123, 133, 0.16);
  transform: translateY(-1px);
  outline: none;
}

.mh-nav-icon.mh-lang-btn {
  background: rgba(30, 123, 133, 0.12);
  color: var(--main-color, #1E7B85);
}

.mh-lang-badge {
  position: absolute;
  right: -2px;
  bottom: -2px;
  min-width: 22px;
  height: 18px;
  padding: 0 5px;
  border-radius: 7px;
  background: var(--main-color, #1E7B85);
  color: #fff !important;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.02em;
  display: grid;
  place-items: center;
  border: 2px solid #fff;
  line-height: 1;
}

.mh-notif-dot {
  position: absolute;
  top: 8px;
  right: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ef4444;
  border: 2px solid #fff;
  box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.45);
  animation: mh-notif-pulse 1.8s ease-out infinite;
}

@keyframes mh-notif-pulse {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.45); }
  70% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

.mh-nav-dd.is-open .mh-dd-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.mh-dd-panel::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 16px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-left: 1px solid rgba(30, 123, 133, 0.1);
  border-top: 1px solid rgba(30, 123, 133, 0.1);
  transform: rotate(45deg);
}


/* Language items */
.mh-lang-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 0;
  background: transparent;
  border-radius: 12px;
  padding: 11px 12px;
  text-align: start;
  color: #1f2a2e;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.mh-lang-item:hover {
  background: rgba(30, 123, 133, 0.08);
}

.mh-lang-item.active {
  background: linear-gradient(90deg, #1E7B85 0%, #2a949e 100%);
  color: #fff;
  box-shadow: 0 10px 22px rgba(30, 123, 133, 0.25);
}

.mh-lang-code {
  width: 34px;
  height: 28px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 800;
  background: #d7e8ea;
  color: #fff;
  flex-shrink: 0;
}

.mh-lang-item:not(.active) .mh-lang-code {
  background: #e8eef0;
  color: #6b7c80;
}

.mh-lang-item.active .mh-lang-code {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}

.mh-lang-item .mh-lang-check {
  margin-inline-start: auto;
  opacity: 0;
  font-size: 13px;
}

.mh-lang-item.active .mh-lang-check {
  opacity: 1;
}

/* Notifications */
.mh-notif-panel {
  min-width: 320px;
  max-width: min(360px, calc(100vw - 24px));
  padding: 0;
  overflow: hidden;
}

.mh-notif-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 10px;
  border-bottom: 1px solid #eef3f4;
}

.mh-notif-head strong {
  font-size: 15px;
  color: #14383c;
}

.mh-notif-head button {
  border: 0;
  background: transparent;
  color: var(--main-color, #1E7B85);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.mh-notif-list {
  list-style: none;
  margin: 0;
  padding: 8px;
  max-height: 320px;
  overflow: auto;
}

.mh-notif-item {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 10px;
  align-items: start;
  padding: 10px;
  border-radius: 12px;
  transition: background 0.2s ease;
  cursor: pointer;
}

.mh-notif-item:hover {
  background: rgba(30, 123, 133, 0.06);
}

.mh-notif-item.unread {
  background: rgba(30, 123, 133, 0.07);
}

.mh-notif-avatar {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(30, 123, 133, 0.12);
  color: var(--main-color, #1E7B85);
  font-size: 15px;
}

.mh-notif-body {
  min-width: 0;
}

.mh-notif-body p {
  margin: 0 0 2px;
  font-size: 13px;
  font-weight: 600;
  color: #1f2a2e;
  line-height: 1.35;
}

.mh-notif-body span {
  font-size: 12px;
  color: #7a8b8e;
}

.mh-notif-time {
  font-size: 11px;
  color: #9aa7aa;
  white-space: nowrap;
  padding-top: 2px;
}

.mh-notif-foot {
  border-top: 1px solid #eef3f4;
  padding: 10px 12px 12px;
}

.mh-notif-foot a {
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: var(--main-color, #1E7B85) !important;
  text-decoration: none;
}

/* —— Enhanced search modal —— */
.mh-search-modal .modal-dialog {
  max-width: 640px;
  margin-top: 12vh;
}

.mh-search-modal .modal-content {
  border: 0;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(16, 64, 70, 0.22);
  background:
    radial-gradient(circle at 0% 0%, rgba(30, 123, 133, 0.08), transparent 40%),
    #fff;
}

.mh-search-modal .modal-header {
  border: 0;
  padding: 22px 24px 8px;
}

.mh-search-modal .modal-title {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--main-color, #1E7B85);
}

.mh-search-modal .modal-body {
  padding: 8px 24px 24px;
}

.mh-search-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f4f8f9;
  border: 1.5px solid #d7e5e7;
  border-radius: 16px;
  padding: 6px 6px 6px 16px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mh-search-box:focus-within {
  border-color: var(--main-color, #1E7B85);
  box-shadow: 0 0 0 4px rgba(30, 123, 133, 0.12);
  background: #fff;
}

.mh-search-box > i {
  color: #7a8b8e;
  font-size: 16px;
}

.mh-search-box input {
  flex: 1;
  border: 0;
  background: transparent;
  height: 44px;
  font-size: 16px;
  color: #14383c;
  outline: none;
  box-shadow: none !important;
}

.mh-search-box input::placeholder {
  color: #9aa7aa;
}

.mh-search-submit {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 12px;
  background: var(--main-color, #1E7B85);
  color: #fff;
  display: grid;
  place-items: center;
  transition: background 0.2s ease, transform 0.2s ease;
}

.mh-search-submit:hover {
  background: var(--second-color, #EAB308);
  color: #121212;
  transform: translateY(-1px);
}

.mh-search-hints {
  margin-top: 18px;
}

.mh-search-hints h5 {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7a8b8e;
  margin: 0 0 10px;
}

.mh-search-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mh-search-chip {
  border: 1px solid #d7e5e7;
  background: #fff;
  color: #365055;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.mh-search-chip:hover {
  border-color: var(--main-color, #1E7B85);
  color: var(--main-color, #1E7B85);
  background: rgba(30, 123, 133, 0.06);
}

.mh-search-quick {
  margin-top: 16px;
  display: grid;
  gap: 8px;
}

.mh-search-quick a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  color: #365055 !important;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: background 0.2s ease;
}

.mh-search-quick a i {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(30, 123, 133, 0.1);
  color: var(--main-color, #1E7B85);
}

.mh-search-quick a:hover {
  background: rgba(30, 123, 133, 0.07);
}

@media (max-width: 640px) {
  .mh-notif-panel,
  .mh-lang-panel {
    right: 0;
    left: auto;
    min-width: 0;
    width: min(320px, calc(100vw - 24px));
  }

  .mh-search-modal .modal-dialog {
    margin: 1rem;
    max-width: none;
  }
}

/* Don't let global .btn radius flatten circular nav icons */
.main-navbar .mh-nav-icon,
.mh-nav-icon {
  border-radius: 50% !important;
}

@media (prefers-reduced-motion: reduce) {
  .mh-dd-panel,
  .mh-nav-icon,
  .mh-notif-dot {
    transition: none !important;
    animation: none !important;
  }
}


/* ==========================================================================
   Prayer page (merged)
   ========================================================================== */

/* Muslim Helper — Prayer Dashboard Page
   Scoped to #wrapper.mh-prayer-page */

#wrapper.mh-prayer-page {
  --mh-green: #1E7B85;
  --mh-green-dark: #165e66;
  --mh-green-soft: #d9eef1;
  --mh-gold: #EAB308;
  --mh-ink: #14383c;
  --mh-muted: #65756f;
  --mh-bg: #f3f6f6;
  --mh-surface: #ffffff;
  --mh-line: #d5e4e6;
  --mh-shadow: 0 22px 70px rgba(16, 64, 70, 0.11);
  --mh-shadow-soft: 0 12px 36px rgba(16, 64, 70, 0.08);
  --mh-radius-xl: 24px;
  --mh-radius-lg: 20px;
  --mh-radius-md: 16px;
  --mh-btn-radius: 12px;
  --mh-fs-kicker: 0.75rem;
  --mh-fs-small: 0.875rem;
  --mh-fs-body: 1rem;
  --mh-fs-card: 1.125rem;
  --mh-fs-panel: clamp(1.25rem, 2vw, 1.5rem);
  --mh-fs-title: clamp(1.75rem, 3vw, 2.25rem);
  --mh-lh-body: 1.6;
  --mh-lh-tight: 1.15;
  --mh-tracking-kicker: 0.12em;

  background:
    radial-gradient(circle at 8% 4%, rgba(30, 123, 133, 0.07), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(234, 179, 8, 0.06), transparent 24%),
    var(--mh-bg);
  color: var(--mh-ink);
  font-family: "Plus Jakarta Sans", "IBM Plex Sans Arabic", ui-sans-serif, system-ui, sans-serif;
  overflow-x: hidden;
}

#wrapper.mh-prayer-page.rtl {
  font-family: "IBM Plex Sans Arabic", "Plus Jakarta Sans", Tahoma, Arial, sans-serif;
}

#wrapper.mh-prayer-page a {
  text-decoration: none;
  color: inherit;
}

/* —— Page shell —— */
#wrapper.mh-prayer-page .prayer-page {
  padding-top: 110px;
  padding-bottom: 4rem;
  background: transparent;
}

#wrapper.mh-prayer-page .prayer-page .container {
  max-width: 1180px;
}

#wrapper.mh-prayer-page .prayer-page__head {
  margin-bottom: 1.75rem;
}

#wrapper.mh-prayer-page .prayer-page__title {
  font-size: var(--mh-fs-title);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: var(--mh-lh-tight);
  color: var(--mh-ink);
  margin: 0 0 0.35rem;
}

#wrapper.mh-prayer-page .prayer-page__dates {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  color: var(--mh-muted);
  font-size: var(--mh-fs-small);
}

#wrapper.mh-prayer-page .prayer-page__dates span:not(:last-child)::after {
  content: "·";
  margin-inline-start: 1rem;
  opacity: 0.45;
}

/* —— Hero row: next prayer + rhythm —— */
#wrapper.mh-prayer-page .prayer-hero.row {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
  margin-bottom: 1.25rem;
}

#wrapper.mh-prayer-page .prayer-next {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  min-height: 320px;
  padding: 1.5rem 1.75rem 1.75rem;
  border-radius: 28px;
  overflow: hidden;
  color: #f2f7f8;
  box-shadow: var(--mh-shadow);
  isolation: isolate;
}

#wrapper.mh-prayer-page .prayer-next::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    url("/design2027/prayer-hero-night.jpg") center 40% / cover no-repeat;
  transform: scale(1.02);
}

#wrapper.mh-prayer-page .prayer-next::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(120deg, rgba(10, 36, 40, 0.72) 0%, rgba(13, 58, 64, 0.45) 48%, rgba(10, 36, 40, 0.55) 100%),
    linear-gradient(180deg, rgba(8, 24, 28, 0.35) 0%, transparent 42%, rgba(8, 24, 28, 0.55) 100%);
}

#wrapper.mh-prayer-page .prayer-next > * {
  position: relative;
  z-index: 2;
}

#wrapper.mh-prayer-page .prayer-next__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

#wrapper.mh-prayer-page .prayer-next__location {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  max-width: 100%;
  padding: 0.55rem 0.95rem;
  border-radius: 999px;
  background: rgba(8, 20, 24, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 0.8125rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#wrapper.mh-prayer-page .prayer-next__location i {
  color: var(--mh-gold);
  font-size: 0.85rem;
  flex-shrink: 0;
}

#wrapper.mh-prayer-page .prayer-next__location span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#wrapper.mh-prayer-page .prayer-next__calendar {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.15rem;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  white-space: nowrap;
  transition: color 0.2s ease, opacity 0.2s ease;
}

#wrapper.mh-prayer-page .prayer-next__calendar:hover {
  color: var(--mh-gold);
}

#wrapper.mh-prayer-page .prayer-next__body {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem 2rem;
  flex-wrap: wrap;
  margin-top: auto;
}

#wrapper.mh-prayer-page .prayer-next__info {
  min-width: 0;
}

#wrapper.mh-prayer-page .prayer-next__kicker {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 0.75rem;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mh-gold);
}

#wrapper.mh-prayer-page .prayer-next__name {
  margin: 0 0 0.3rem;
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.95;
  color: #fff;
  text-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

#wrapper.mh-prayer-page .prayer-next__subtitle {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.82);
}

#wrapper.mh-prayer-page .prayer-next__countdown {
  margin-top: 0;
  text-align: center;
}

#wrapper.mh-prayer-page .prayer-next__countdown-label {
  display: block;
  margin-bottom: 0.7rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}

#wrapper.mh-prayer-page #prayerCountdown,
#wrapper.mh-prayer-page .prayer-countdown-display {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.55rem;
}

#wrapper.mh-prayer-page .prayer-timer-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 4.75rem;
  min-height: 4.75rem;
  padding: 0.85rem 0.9rem;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 100%),
    rgba(8, 20, 24, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 10px 28px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#wrapper.mh-prayer-page .prayer-timer-unit .value {
  font-size: clamp(1.55rem, 3vw, 2rem);
  font-weight: 800;
  line-height: 1;
  color: #fff;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

#wrapper.mh-prayer-page .prayer-timer-unit .label {
  margin-top: 0.35rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.58);
}

#wrapper.mh-prayer-page .prayer-timer-sep {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  font-size: 1.65rem;
  font-weight: 800;
  color: var(--mh-gold);
  padding: 0 0.1rem 0.55rem;
  line-height: 1;
  text-shadow: 0 0 12px rgba(234, 179, 8, 0.35);
}

/* —— Prayer Tracker (sidebar list) —— */
#wrapper.mh-prayer-page .prayer-rhythm {
  height: 100%;
  padding: 1.5rem;
  border-radius: var(--mh-radius-xl);
  background: var(--mh-surface);
  border: 1px solid rgba(213, 228, 230, 0.85);
  box-shadow: var(--mh-shadow-soft);
}

#wrapper.mh-prayer-page .prayer-rhythm__title {
  margin: 0 0 1.15rem;
  font-size: var(--mh-fs-card);
  font-weight: 750;
  color: var(--mh-ink);
}

#wrapper.mh-prayer-page .prayer-rhythm-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

#wrapper.mh-prayer-page .prayer-rhythm-list li {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 1rem;
  border-radius: 14px;
  border: 1px solid transparent;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

#wrapper.mh-prayer-page .prayer-rhythm-list .rhythm-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #eef2f3;
  color: var(--mh-muted);
  flex-shrink: 0;
  font-size: 0.85rem;
}

#wrapper.mh-prayer-page .prayer-rhythm-list .rhythm-body {
  flex: 1;
  min-width: 0;
}

#wrapper.mh-prayer-page .prayer-rhythm-list .rhythm-name {
  display: block;
  font-weight: 700;
  font-size: var(--mh-fs-body);
  color: var(--mh-ink);
  text-transform: capitalize;
}

#wrapper.mh-prayer-page .prayer-rhythm-list .rhythm-time {
  display: block;
  font-size: var(--mh-fs-small);
  color: var(--mh-muted);
  font-variant-numeric: tabular-nums;
}

#wrapper.mh-prayer-page .prayer-rhythm-list .rhythm-status {
  font-size: 0.6875rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  flex-shrink: 0;
  white-space: nowrap;
}

#wrapper.mh-prayer-page .prayer-rhythm-list .is-done {
  background: #eef3f4;
}

#wrapper.mh-prayer-page .prayer-rhythm-list .is-done .rhythm-icon {
  background: rgba(30, 123, 133, 0.14);
  color: var(--mh-green-dark);
}

#wrapper.mh-prayer-page .prayer-rhythm-list .is-done .rhythm-status {
  background: rgba(30, 123, 133, 0.14);
  color: var(--mh-green-dark);
}

#wrapper.mh-prayer-page .prayer-rhythm-list .is-next {
  background: #f7f4ea;
  border-color: rgba(30, 123, 133, 0.18);
  box-shadow: 0 8px 22px rgba(16, 64, 70, 0.06);
}

#wrapper.mh-prayer-page .prayer-rhythm-list .is-next .rhythm-icon {
  background: var(--mh-green);
  color: #fff;
}

#wrapper.mh-prayer-page .prayer-rhythm-list .is-next .rhythm-name {
  color: var(--mh-green);
}

#wrapper.mh-prayer-page .prayer-rhythm-list .is-next .rhythm-status {
  background: rgba(234, 179, 8, 0.2);
  color: #92700a;
}

#wrapper.mh-prayer-page .prayer-rhythm-list .is-upcoming {
  background: transparent;
}

#wrapper.mh-prayer-page .prayer-rhythm-list .is-upcoming .rhythm-icon {
  background: #eef2f3;
  color: #9aa5a8;
}

#wrapper.mh-prayer-page .prayer-rhythm-list .is-upcoming .rhythm-status {
  background: #eef0f1;
  color: var(--mh-muted);
}

/* —— Panel sections —— */
#wrapper.mh-prayer-page .prayer-panel {
  padding: 1.5rem;
  margin-bottom: 1.25rem;
  border-radius: var(--mh-radius-xl);
  background: var(--mh-surface);
  border: 1px solid rgba(213, 228, 230, 0.85);
  box-shadow: var(--mh-shadow-soft);
}

#wrapper.mh-prayer-page .prayer-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

#wrapper.mh-prayer-page .prayer-panel__title {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: var(--mh-fs-panel);
  font-weight: 750;
  color: var(--mh-ink);
}

#wrapper.mh-prayer-page .prayer-panel__title i {
  font-size: 1.05em;
  color: var(--mh-ink);
}

#wrapper.mh-prayer-page .prayer-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

#wrapper.mh-prayer-page .prayer-panel__actions .btn-link,
#wrapper.mh-prayer-page .prayer-panel__actions button {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.85rem;
  border-radius: var(--mh-btn-radius);
  border: 1px solid var(--mh-line);
  background: var(--mh-bg);
  color: var(--mh-green-dark);
  font-size: var(--mh-fs-small);
  font-weight: 600;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#wrapper.mh-prayer-page .prayer-panel__actions .btn-link:hover,
#wrapper.mh-prayer-page .prayer-panel__actions button:hover {
  background: var(--mh-green-soft);
  border-color: rgba(30, 123, 133, 0.35);
  color: var(--mh-green);
}

/* —— Prayer table —— */
#wrapper.mh-prayer-page .prayer-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 -0.25rem;
  padding: 0 0.25rem;
}

#wrapper.mh-prayer-page .prayer-table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
}

#wrapper.mh-prayer-page .prayer-table thead th {
  padding: 0.75rem 1rem;
  font-size: var(--mh-fs-kicker);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mh-muted);
  border-bottom: 1px solid var(--mh-line);
  white-space: nowrap;
}

#wrapper.mh-prayer-page .prayer-table tbody tr {
  transition: background 0.2s ease;
}

#wrapper.mh-prayer-page .prayer-table tbody td,
#wrapper.mh-prayer-page .prayer-table tbody th {
  padding: 1rem;
  vertical-align: middle;
  border-bottom: 1px solid rgba(213, 228, 230, 0.65);
}

#wrapper.mh-prayer-page .prayer-table tbody tr:last-child td,
#wrapper.mh-prayer-page .prayer-table tbody tr:last-child th {
  border-bottom: none;
}

#wrapper.mh-prayer-page .prayer-table .prayer-row-info {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

#wrapper.mh-prayer-page .prayer-table .prayer-row-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--mh-green-soft);
  color: var(--mh-green);
  flex-shrink: 0;
}

#wrapper.mh-prayer-page .prayer-table .prayer-row-name {
  margin: 0;
  font-size: var(--mh-fs-body);
  font-weight: 700;
  color: var(--mh-ink);
  text-transform: capitalize;
}

#wrapper.mh-prayer-page .prayer-table .prayer-row-desc {
  display: block;
  font-size: var(--mh-fs-small);
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-table .prayer-time {
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  color: var(--mh-ink);
}

#wrapper.mh-prayer-page .prayer-table .prayer-iqama {
  font-size: var(--mh-fs-small);
  color: var(--mh-muted);
  font-variant-numeric: tabular-nums;
}

#wrapper.mh-prayer-page .prayer-table .prayer-row-next,
#wrapper.mh-prayer-page .prayer-table tr.prayer-row-next {
  background: linear-gradient(90deg, rgba(30, 123, 133, 0.08) 0%, rgba(234, 179, 8, 0.05) 100%);
}

#wrapper.mh-prayer-page .prayer-table .prayer-row-next .prayer-row-icon {
  background: var(--mh-green);
  color: #fff;
}

#wrapper.mh-prayer-page .prayer-table .badge-done,
#wrapper.mh-prayer-page .prayer-table .badge-next,
#wrapper.mh-prayer-page .prayer-table .badge-passed,
#wrapper.mh-prayer-page .prayer-table .badge-upcoming {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  font-size: var(--mh-fs-kicker);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

#wrapper.mh-prayer-page .prayer-table .badge-done {
  background: rgba(30, 123, 133, 0.12);
  color: var(--mh-green-dark);
}

#wrapper.mh-prayer-page .prayer-table .badge-next {
  background: rgba(234, 179, 8, 0.18);
  color: #92700a;
}

#wrapper.mh-prayer-page .prayer-table .badge-passed {
  background: rgba(101, 117, 111, 0.12);
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-table .badge-upcoming {
  background: var(--mh-green-soft);
  color: var(--mh-green);
}

#wrapper.mh-prayer-page .prayer-table .form-check.form-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: auto;
  padding: 0;
  margin: 0;
}

#wrapper.mh-prayer-page .prayer-table .form-switch .form-check-input {
  width: 2.5rem;
  height: 1.35rem;
  margin: 0;
  cursor: pointer;
  border-color: rgba(30, 123, 133, 0.25);
  background-color: rgba(213, 228, 230, 0.65);
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

#wrapper.mh-prayer-page .prayer-table .form-switch .form-check-input:focus {
  border-color: rgba(30, 123, 133, 0.45);
  box-shadow: 0 0 0 0.2rem rgba(30, 123, 133, 0.18);
}

#wrapper.mh-prayer-page .prayer-table .form-switch .form-check-input:checked {
  background-color: var(--mh-green);
  border-color: var(--mh-green);
}

/* —— Tools row: tracker + tasbeeh —— */
#wrapper.mh-prayer-page .prayer-tools.row {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
  margin-bottom: 1.25rem;
}

#wrapper.mh-prayer-page .prayer-tracker,
#wrapper.mh-prayer-page .prayer-tasbeeh {
  height: 100%;
  padding: 1.5rem;
  border-radius: var(--mh-radius-xl);
  background: var(--mh-surface);
  border: 1px solid rgba(213, 228, 230, 0.85);
  box-shadow: var(--mh-shadow-soft);
}

#wrapper.mh-prayer-page .prayer-tracker__title,
#wrapper.mh-prayer-page .prayer-tasbeeh__title {
  margin: 0 0 1rem;
  font-size: var(--mh-fs-card);
  font-weight: 750;
  color: var(--mh-ink);
}

#wrapper.mh-prayer-page .prayer-tracker__body {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

#wrapper.mh-prayer-page .prayer-donut-wrap {
  position: relative;
  flex-shrink: 0;
  width: 120px;
  height: 120px;
}

#wrapper.mh-prayer-page .prayer-donut {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

#wrapper.mh-prayer-page .prayer-donut__bg {
  fill: none;
  stroke: var(--mh-green-soft);
  stroke-width: 10;
}

#wrapper.mh-prayer-page .prayer-donut__fill {
  fill: none;
  stroke: var(--mh-green);
  stroke-width: 10;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.5s ease;
}

#wrapper.mh-prayer-page .prayer-donut__label {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#wrapper.mh-prayer-page .prayer-donut__value {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  color: var(--mh-green-dark);
}

#wrapper.mh-prayer-page .prayer-donut__text {
  margin-top: 0.2rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-tracker__list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

#wrapper.mh-prayer-page .prayer-tracker__list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.55rem 0;
  border-bottom: 1px dashed rgba(213, 228, 230, 0.8);
  font-size: var(--mh-fs-small);
}

#wrapper.mh-prayer-page .prayer-tracker__list li:last-child {
  border-bottom: none;
}

#wrapper.mh-prayer-page .prayer-tracker__list .tracker-check {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--mh-ink);
  font-weight: 600;
  text-transform: capitalize;
}

#wrapper.mh-prayer-page .prayer-tracker__list .tracker-check i {
  width: 20px;
  text-align: center;
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-tracker__list li.is-checked .tracker-check i {
  color: var(--mh-green);
}

#wrapper.mh-prayer-page .prayer-tracker__list .tracker-time {
  font-variant-numeric: tabular-nums;
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-tracker__streak {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-top: 1.15rem;
  padding: 0.85rem 1rem;
  border-radius: var(--mh-radius-md);
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.12), rgba(30, 123, 133, 0.08));
  border: 1px solid rgba(234, 179, 8, 0.22);
}

#wrapper.mh-prayer-page .prayer-tracker__streak i {
  color: var(--mh-gold);
  font-size: 1.1rem;
}

#wrapper.mh-prayer-page .prayer-tracker__streak strong {
  display: block;
  font-size: var(--mh-fs-body);
  color: var(--mh-ink);
}

#wrapper.mh-prayer-page .prayer-tracker__streak span {
  font-size: var(--mh-fs-small);
  color: var(--mh-muted);
}

/* —— Digital Tasbeeh —— */
#wrapper.mh-prayer-page .prayer-tasbeeh {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#wrapper.mh-prayer-page #tasbeehTap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(220px, 72vw);
  height: min(220px, 72vw);
  margin: 0.5rem auto 1rem;
  border-radius: 50%;
  border: 3px solid rgba(30, 123, 133, 0.18);
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.95) 0%, rgba(217, 238, 241, 0.65) 55%, rgba(30, 123, 133, 0.12) 100%);
  box-shadow:
    inset 0 2px 12px rgba(255, 255, 255, 0.8),
    0 16px 40px rgba(30, 123, 133, 0.14);
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

#wrapper.mh-prayer-page #tasbeehTap:hover {
  border-color: rgba(30, 123, 133, 0.35);
  box-shadow:
    inset 0 2px 12px rgba(255, 255, 255, 0.8),
    0 20px 48px rgba(30, 123, 133, 0.18);
}

#wrapper.mh-prayer-page #tasbeehTap:active,
#wrapper.mh-prayer-page #tasbeehTap.is-tapping {
  transform: scale(0.96);
}

#wrapper.mh-prayer-page #tasbeehCount {
  display: block;
  font-size: clamp(2.5rem, 8vw, 3.5rem);
  font-weight: 800;
  line-height: 1;
  color: var(--mh-green-dark);
  font-variant-numeric: tabular-nums;
}

#wrapper.mh-prayer-page #tasbeehLabel {
  display: block;
  margin-top: 0.35rem;
  font-size: var(--mh-fs-small);
  font-weight: 600;
  color: var(--mh-muted);
}

.offcanvas-body mh-q-side__body{
  padding: 16px;
}

#wrapper.mh-prayer-page .prayer-tasbeeh__hint {
  margin: 0 0 1rem;
  font-size: var(--mh-fs-kicker);
  color: var(--mh-muted);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#wrapper.mh-prayer-page .prayer-tasbeeh__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  width: 100%;
}

#wrapper.mh-prayer-page #tasbeehReset,
#wrapper.mh-prayer-page .prayer-tasbeeh__controls button {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.55rem 1rem;
  border-radius: var(--mh-btn-radius);
  border: 1px solid var(--mh-line);
  background: var(--mh-bg);
  color: var(--mh-green-dark);
  font-size: var(--mh-fs-small);
  font-weight: 600;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#wrapper.mh-prayer-page #tasbeehReset:hover,
#wrapper.mh-prayer-page .prayer-tasbeeh__controls button:hover {
  background: var(--mh-green-soft);
  border-color: rgba(30, 123, 133, 0.35);
}

#wrapper.mh-prayer-page .prayer-tasbeeh__vibrate {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.45rem 0.85rem;
  border-radius: var(--mh-btn-radius);
  background: var(--mh-bg);
  border: 1px solid var(--mh-line);
  font-size: var(--mh-fs-small);
  font-weight: 600;
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-tasbeeh__vibrate .form-check.form-switch {
  margin: 0;
  padding: 0;
  min-height: auto;
}

#wrapper.mh-prayer-page .prayer-tasbeeh__vibrate .form-switch .form-check-input {
  width: 2.25rem;
  height: 1.2rem;
  margin: 0;
  cursor: pointer;
  border-color: rgba(30, 123, 133, 0.25);
}

#wrapper.mh-prayer-page .prayer-tasbeeh__vibrate .form-switch .form-check-input:checked {
  background-color: var(--mh-green);
  border-color: var(--mh-green);
}

#wrapper.mh-prayer-page .prayer-tasbeeh__vibrate.is-on {
  color: var(--mh-green-dark);
  border-color: rgba(30, 123, 133, 0.25);
  background: var(--mh-green-soft);
}

/* —— Duas section —— */
#wrapper.mh-prayer-page .prayer-duas {
  padding: 1.5rem;
  border-radius: var(--mh-radius-xl);
  background: var(--mh-surface);
  border: 1px solid rgba(213, 228, 230, 0.85);
  box-shadow: var(--mh-shadow-soft);
}

#wrapper.mh-prayer-page .prayer-duas__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#wrapper.mh-prayer-page .prayer-dua-card {
  padding: 1.25rem;
  border-radius: var(--mh-radius-lg);
  border: 1px solid rgba(213, 228, 230, 0.85);
  background: var(--mh-bg);
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 0.28s ease,
    transform 0.28s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

#wrapper.mh-prayer-page .prayer-dua-card:hover {
  border-color: rgba(30, 123, 133, 0.28);
  box-shadow: 0 8px 24px rgba(16, 64, 70, 0.06);
}

/* —— Responsive —— */
@media (max-width: 991.98px) {
  #wrapper.mh-prayer-page .prayer-next {
    min-height: 280px;
    padding: 1.25rem;
  }

  #wrapper.mh-prayer-page .prayer-next__body {
    flex-direction: column;
    align-items: flex-start;
  }

  #wrapper.mh-prayer-page .prayer-next__countdown {
    width: 100%;
  }

  #wrapper.mh-prayer-page .prayer-next__countdown-label {
    text-align: left;
  }

  #wrapper.mh-prayer-page .prayer-tracker__body {
    flex-direction: column;
    align-items: stretch;
  }

  #wrapper.mh-prayer-page .prayer-donut-wrap {
    margin: 0 auto;
  }

  #wrapper.mh-prayer-page .prayer-panel__head {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
  }

  #wrapper.mh-prayer-page .prayer-panel__title {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    font-size: 1.05rem;
    white-space: nowrap;
  }

  #wrapper.mh-prayer-page .prayer-panel__actions {
    width: auto;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 0.45rem;
    overflow: visible;
  }

  #wrapper.mh-prayer-page .prayer-panel__actions .prayer-outline-btn,
  #wrapper.mh-prayer-page .prayer-panel__actions .prayer-icon-btn {
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    padding: 0;
    justify-content: center;
  }

  #wrapper.mh-prayer-page .prayer-panel__actions .prayer-outline-btn__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  #wrapper.mh-prayer-page .prayer-panel .table-responsive {
    overflow: visible;
  }

  #wrapper.mh-prayer-page .prayer-table,
  #wrapper.mh-prayer-page .prayer-table tbody {
    display: block;
    width: 100%;
  }

  #wrapper.mh-prayer-page .prayer-table thead {
    display: none;
  }

  #wrapper.mh-prayer-page .prayer-table tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem 0.85rem;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0.85rem;
    padding: 1rem;
    border-radius: var(--mh-radius-md);
    border: 1px solid rgba(213, 228, 230, 0.85);
    background: #fff;
  }

  #wrapper.mh-prayer-page .prayer-table tbody tr:last-child {
    margin-bottom: 0;
  }

  #wrapper.mh-prayer-page .prayer-table tbody td,
  #wrapper.mh-prayer-page .prayer-table tbody th {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    min-width: 0;
    padding: 0;
    border-bottom: none;
    text-align: left;
  }

  #wrapper.mh-prayer-page .prayer-table tbody td:first-child {
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding-bottom: 0.55rem;
    margin-bottom: 0.15rem;
    border-bottom: 1px dashed rgba(213, 228, 230, 0.85);
  }

  #wrapper.mh-prayer-page .prayer-table tbody td:nth-child(4),
  #wrapper.mh-prayer-page .prayer-table tbody td:nth-child(5) {
    grid-column: 1 / -1;
  }

  #wrapper.mh-prayer-page .prayer-table tbody td::before {
    content: attr(data-label);
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--mh-muted);
    flex-shrink: 0;
  }

  #wrapper.mh-prayer-page .prayer-table tbody td:first-child::before {
    display: none;
    content: none;
  }

  #wrapper.mh-prayer-page .prayer-table tbody td:last-child {
    justify-content: space-between;
    padding-top: 0.15rem;
  }

  #wrapper.mh-prayer-page .prayer-name-cell {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  #wrapper.mh-prayer-page .prayer-panel__title {
    font-size: 1rem;
  }

  #wrapper.mh-prayer-page .prayer-panel__actions {
    gap: 0.4rem;
  }

  #wrapper.mh-prayer-page .prayer-panel__actions .prayer-outline-btn,
  #wrapper.mh-prayer-page .prayer-panel__actions .prayer-icon-btn {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
}

@media (max-width: 575.98px) {
  #wrapper.mh-prayer-page .prayer-page {
    padding-top: 88px;
    padding-bottom: 3rem;
  }

  #wrapper.mh-prayer-page .prayer-panel,
  #wrapper.mh-prayer-page .prayer-rhythm,
  #wrapper.mh-prayer-page .prayer-tracker,
  #wrapper.mh-prayer-page .prayer-tasbeeh,
  #wrapper.mh-prayer-page .prayer-duas {
    padding: 1.15rem;
  }

  #wrapper.mh-prayer-page #prayerCountdown,
  #wrapper.mh-prayer-page .prayer-countdown-display {
    justify-content: center;
    gap: 0.35rem;
    flex-wrap: wrap;
  }

  #wrapper.mh-prayer-page .prayer-timer-unit {
    min-width: 3.25rem;
    min-height: 3.25rem;
    padding: 0.5rem 0.4rem;
  }

  #wrapper.mh-prayer-page .prayer-timer-sep {
    display: none;
  }
}

/* —— Reduced motion —— */
@media (prefers-reduced-motion: reduce) {
  #wrapper.mh-prayer-page *,
  #wrapper.mh-prayer-page *::before,
  #wrapper.mh-prayer-page *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  #wrapper.mh-prayer-page #tasbeehTap:active,
  #wrapper.mh-prayer-page #tasbeehTap.is-tapping {
    transform: none;
  }

  #wrapper.mh-prayer-page .prayer-donut__fill {
    transition: none;
  }
}

#wrapper.mh-prayer-page .prayer-tracker__list li.is-checked i {
  color: var(--mh-green);
}

#wrapper.mh-prayer-page .prayer-tracker__list li:not(.is-checked) i {
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-outline-btn,
#wrapper.mh-prayer-page .prayer-tasbeeh__actions .prayer-outline-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 42px;
  padding: 0.45rem 0.95rem;
  border-radius: var(--mh-btn-radius);
  border: 1.5px solid rgba(30, 123, 133, 0.28);
  background: #fff;
  color: var(--mh-green);
  font-size: var(--mh-fs-small);
  font-weight: 600;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#wrapper.mh-prayer-page .prayer-outline-btn:hover {
  background: rgba(30, 123, 133, 0.06);
  border-color: var(--mh-green);
  color: var(--mh-green-dark);
}

#wrapper.mh-prayer-page .prayer-icon-btn {
  width: 40px;
  height: 40px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--mh-line);
  border-radius: 12px;
  background: #fff;
  color: var(--mh-muted);
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

#wrapper.mh-prayer-page .prayer-icon-btn:hover {
  color: var(--mh-green);
  border-color: rgba(30, 123, 133, 0.35);
  background: var(--mh-green-soft);
}

#wrapper.mh-prayer-page .prayer-name-cell {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 700;
}

#wrapper.mh-prayer-page .prayer-name-cell i {
  width: 40px;
  height: 40px;
  display: inline-grid;
  place-items: center;
  border-radius: 12px;
  background: var(--mh-green-soft);
  color: var(--mh-green);
}

#wrapper.mh-prayer-page .prayer-streak {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 1.15rem;
  padding: 0.9rem 1rem;
  border-radius: var(--mh-radius-md);
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.12), rgba(30, 123, 133, 0.08));
  border: 1px solid rgba(234, 179, 8, 0.22);
}

#wrapper.mh-prayer-page .prayer-streak > i {
  color: var(--mh-gold);
  margin-top: 0.15rem;
}

#wrapper.mh-prayer-page .prayer-streak strong {
  display: block;
  color: var(--mh-ink);
}

#wrapper.mh-prayer-page .prayer-streak span {
  font-size: var(--mh-fs-small);
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-tasbeeh__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.65rem;
  width: 100%;
}

#wrapper.mh-prayer-page .prayer-duas__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

#wrapper.mh-prayer-page .prayer-duas__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  flex: 1 1 320px;
  justify-content: flex-end;
  position: relative;
  z-index: 6;
}

#wrapper.mh-prayer-page .prayer-dua-dd {
  position: relative;
  flex: 0 1 220px;
  min-width: 180px;
  max-width: 240px;
}

#wrapper.mh-prayer-page .prayer-dua-dd__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  min-height: 44px;
  padding: 0.55rem 0.95rem;
  border-radius: var(--mh-btn-radius);
  border: 1px solid var(--mh-line);
  background: var(--mh-bg);
  color: var(--mh-ink);
  font-size: var(--mh-fs-small);
  font-weight: 650;
  text-align: left;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

#wrapper.mh-prayer-page .prayer-dua-dd__trigger:hover,
#wrapper.mh-prayer-page .prayer-dua-dd.is-open .prayer-dua-dd__trigger {
  border-color: rgba(30, 123, 133, 0.4);
  box-shadow: 0 0 0 0.15rem rgba(30, 123, 133, 0.1);
  background: #fff;
}

#wrapper.mh-prayer-page .prayer-dua-dd__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-dua-dd.has-value .prayer-dua-dd__value {
  color: var(--mh-ink);
}

#wrapper.mh-prayer-page .prayer-dua-dd__trigger > i {
  color: var(--mh-muted);
  font-size: 0.72rem;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

#wrapper.mh-prayer-page .prayer-dua-dd.is-open .prayer-dua-dd__trigger > i {
  transform: rotate(180deg);
}

#wrapper.mh-prayer-page .prayer-dua-dd__menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  margin: 0;
  padding: 0.4rem;
  list-style: none;
  max-height: 280px;
  overflow-y: auto;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(30, 123, 133, 0.12);
  box-shadow: 0 18px 40px rgba(16, 64, 70, 0.16);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) scale(0.98);
  transform-origin: top center;
  pointer-events: none;
  transition:
    opacity 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0.22s;
  z-index: 30;
}

#wrapper.mh-prayer-page .prayer-dua-dd.is-open .prayer-dua-dd__menu,
#wrapper.mh-prayer-page .prayer-dua-dd.is-visible .prayer-dua-dd__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

#wrapper.mh-prayer-page .prayer-dua-dd__menu li {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.65rem 0.75rem;
  border-radius: 10px;
  font-size: var(--mh-fs-small);
  font-weight: 600;
  color: var(--mh-ink);
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease;
}

#wrapper.mh-prayer-page .prayer-dua-dd__menu li > i {
  width: 0.9rem;
  font-size: 0.72rem;
  color: transparent;
  flex-shrink: 0;
}

#wrapper.mh-prayer-page .prayer-dua-dd__menu li[data-category="favorites"] > i {
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-dua-dd__menu li.is-active > i,
#wrapper.mh-prayer-page .prayer-dua-dd__menu li[data-category="favorites"].is-active > i {
  color: var(--mh-green);
}

#wrapper.mh-prayer-page .prayer-dua-dd__menu li:hover,
#wrapper.mh-prayer-page .prayer-dua-dd__menu li:focus-visible {
  background: rgba(30, 123, 133, 0.08);
  color: var(--mh-green-dark);
}

#wrapper.mh-prayer-page .prayer-dua-dd__menu li.is-active {
  background: rgba(30, 123, 133, 0.1);
  color: var(--mh-green-dark);
}

#wrapper.mh-prayer-page .prayer-search {
  position: relative;
  flex: 1 1 200px;
  max-width: 320px;
}

#wrapper.mh-prayer-page .prayer-search i {
  position: absolute;
  left: 0.9rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--mh-muted);
  pointer-events: none;
}

#wrapper.mh-prayer-page .prayer-search .form-control {
  padding-left: 2.5rem;
  border-radius: var(--mh-btn-radius);
  border-color: var(--mh-line);
  background: var(--mh-bg);
  min-height: 44px;
}

#wrapper.mh-prayer-page .prayer-dua-card.is-hidden {
  display: none;
}

#wrapper.mh-prayer-page .prayer-dua-card.is-hiding {
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
}

#wrapper.mh-prayer-page .prayer-duas__empty {
  text-align: center;
  color: var(--mh-muted);
  font-weight: 600;
  padding: 1.5rem 0.5rem;
}

#wrapper.mh-prayer-page .prayer-icon-btn.is-bookmarked {
  color: var(--mh-green);
}

#wrapper.mh-prayer-page .prayer-dua-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

#wrapper.mh-prayer-page .prayer-dua-card__top h3 {
  margin: 0;
  font-size: var(--mh-fs-card);
  font-weight: 750;
}

#wrapper.mh-prayer-page .prayer-dua-arabic {
  margin: 0 0 0.65rem;
  font-family: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  font-weight: 600;
  line-height: 1.7;
  color: var(--mh-ink);
  text-align: center;
}

#wrapper.mh-prayer-page .prayer-dua-translit {
  margin: 0 0 0.35rem;
  text-align: center;
  color: var(--mh-green-dark);
  font-weight: 600;
  font-style: italic;
}

#wrapper.mh-prayer-page .prayer-dua-en {
  margin: 0 0 1rem;
  text-align: center;
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-dua-card__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(213, 228, 230, 0.8);
}

#wrapper.mh-prayer-page .prayer-dua-source {
  font-size: var(--mh-fs-small);
  color: var(--mh-muted);
  font-weight: 600;
}

#wrapper.mh-prayer-page .prayer-dua-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

#wrapper.mh-prayer-page .form-check-input:checked {
  background-color: var(--mh-green);
  border-color: var(--mh-green);
}

#wrapper.mh-prayer-page > .main-navbar {
  position: fixed;
  top: 24px;
  left: 0;
  right: 0;
  z-index: 1100;
}

#wrapper.mh-prayer-page .mob-navbar {
  position: fixed;
  top: 12px;
  left: 12px;
  right: 12px;
  z-index: 1100;
  background: #fff;
  border-radius: 14px;
}

@media (min-width: 992px) {
  #wrapper.mh-prayer-page .mob-navbar {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  #wrapper.mh-prayer-page > .main-navbar {
    display: none !important;
  }

  #wrapper.mh-prayer-page .prayer-page {
    padding-top: 88px;
  }

  #wrapper.mh-prayer-page .prayer-duas__controls {
    justify-content: stretch;
  }

  #wrapper.mh-prayer-page .prayer-dua-dd,
  #wrapper.mh-prayer-page .prayer-search {
    max-width: none;
    width: 100%;
    flex: 1 1 100%;
  }
}

/* —— Qibla Direction card (centered like Digital Tasbeeh) —— */
#wrapper.mh-prayer-page .prayer-qibla {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow: visible;
}

#wrapper.mh-prayer-page .prayer-qibla__title {
  margin: 0 0 1rem;
  width: 100%;
  font-size: var(--mh-fs-card);
  font-weight: 750;
  color: var(--mh-ink);
  text-align: center;
}

#wrapper.mh-prayer-page .prayer-qibla__compass {
  display: flex;
  justify-content: center;
  margin: 0.25rem auto 0.85rem;
}

#wrapper.mh-prayer-page .prayer-qibla__ring {
  position: relative;
  width: min(220px, 72vw);
  height: min(220px, 72vw);
  border-radius: 50%;
  border: 3px solid rgba(30, 123, 133, 0.18);
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.95) 0%, rgba(217, 238, 241, 0.65) 55%, rgba(30, 123, 133, 0.12) 100%);
  box-shadow:
    inset 0 2px 12px rgba(255, 255, 255, 0.8),
    0 16px 40px rgba(30, 123, 133, 0.14);
}

#wrapper.mh-prayer-page .prayer-qibla__n,
#wrapper.mh-prayer-page .prayer-qibla__e,
#wrapper.mh-prayer-page .prayer-qibla__s,
#wrapper.mh-prayer-page .prayer-qibla__w {
  position: absolute;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-qibla__n {
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--mh-green);
}

#wrapper.mh-prayer-page .prayer-qibla__e {
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

#wrapper.mh-prayer-page .prayer-qibla__s {
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}

#wrapper.mh-prayer-page .prayer-qibla__w {
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}

#wrapper.mh-prayer-page .prayer-qibla__needle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 72px;
  margin-left: -2.5px;
  margin-top: -72px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--mh-gold) 0%, #c4920a 55%, transparent 100%);
  transform: rotate(58deg);
  transform-origin: bottom center;
  box-shadow: 0 0 14px rgba(234, 179, 8, 0.4);
}

#wrapper.mh-prayer-page .prayer-qibla__kaaba {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 44px;
  height: 44px;
  margin: -22px 0 0 -22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--mh-green);
  color: #fff;
  font-size: 1.05rem;
  box-shadow: 0 10px 22px rgba(30, 123, 133, 0.3);
}

#wrapper.mh-prayer-page .prayer-qibla__degree {
  margin: 0;
  font-size: clamp(2rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1;
  color: var(--mh-green-dark);
  letter-spacing: -0.03em;
}

#wrapper.mh-prayer-page .prayer-qibla__label {
  margin-top: 0.45rem;
  font-weight: 700;
  color: var(--mh-ink);
}

#wrapper.mh-prayer-page .prayer-qibla__hint {
  margin-top: 0.25rem;
  font-size: var(--mh-fs-small);
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-qibla__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.65rem;
  width: 100%;
  margin-top: 1rem;
}

#wrapper.mh-prayer-page .prayer-qibla__btn {
  min-height: 44px;
  height: 44px;
  padding: 0 18px;
}

/* —— Dhikr smooth dropdown —— */
#wrapper.mh-prayer-page .prayer-dhikr {
  width: min(100%, 360px);
  margin: 0 auto 1.15rem;
  text-align: left;
  position: relative;
  z-index: 5;
}

#wrapper.mh-prayer-page .prayer-dhikr__label {
  display: block;
  margin-bottom: 0.45rem;
  font-size: var(--mh-fs-small);
  font-weight: 600;
  color: var(--mh-muted);
}

#wrapper.mh-prayer-page .prayer-dhikr__dd {
  position: relative;
}

#wrapper.mh-prayer-page .prayer-dhikr__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 48px;
  padding: 0.7rem 0.95rem;
  border-radius: 14px;
  border: 1px solid rgba(30, 123, 133, 0.16);
  background: #fff;
  color: var(--mh-ink);
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: left;
  box-shadow: 0 6px 18px rgba(16, 64, 70, 0.06);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

#wrapper.mh-prayer-page .prayer-dhikr__trigger:hover,
#wrapper.mh-prayer-page .prayer-dhikr__dd.is-open .prayer-dhikr__trigger {
  border-color: rgba(30, 123, 133, 0.35);
  box-shadow: 0 10px 24px rgba(16, 64, 70, 0.1);
}

#wrapper.mh-prayer-page .prayer-dhikr__trigger i {
  color: var(--mh-muted);
  font-size: 0.75rem;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

#wrapper.mh-prayer-page .prayer-dhikr__dd.is-open .prayer-dhikr__trigger i {
  transform: rotate(180deg);
}

#wrapper.mh-prayer-page .prayer-dhikr__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#wrapper.mh-prayer-page .prayer-dhikr__menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  margin: 0;
  padding: 0.45rem;
  list-style: none;
  max-height: 280px;
  overflow-y: auto;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(30, 123, 133, 0.1);
  box-shadow: 0 18px 40px rgba(16, 64, 70, 0.16);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) scale(0.98);
  transform-origin: top center;
  pointer-events: none;
  transition:
    opacity 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0.22s;
  z-index: 20;
}

#wrapper.mh-prayer-page .prayer-dhikr__dd.is-open .prayer-dhikr__menu,
#wrapper.mh-prayer-page .prayer-dhikr__dd.is-visible .prayer-dhikr__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

#wrapper.mh-prayer-page .prayer-dhikr__menu li {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.7rem 0.75rem;
  border-radius: 12px;
  color: var(--mh-ink);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.35;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease;
}

#wrapper.mh-prayer-page .prayer-dhikr__menu li i {
  width: 1rem;
  margin-top: 0.15rem;
  color: transparent;
  font-size: 0.75rem;
  flex-shrink: 0;
}

#wrapper.mh-prayer-page .prayer-dhikr__menu li.is-active i {
  color: var(--mh-green);
}

#wrapper.mh-prayer-page .prayer-dhikr__menu li:hover,
#wrapper.mh-prayer-page .prayer-dhikr__menu li:focus-visible {
  background: var(--mh-green);
  color: #fff;
  outline: none;
}

#wrapper.mh-prayer-page .prayer-dhikr__menu li:hover i,
#wrapper.mh-prayer-page .prayer-dhikr__menu li:focus-visible i,
#wrapper.mh-prayer-page .prayer-dhikr__menu li.is-active:hover i {
  color: #fff;
}

#wrapper.mh-prayer-page .prayer-panel.prayer-tasbeeh {
  overflow: visible;
  z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
  #wrapper.mh-prayer-page .prayer-dhikr__menu,
  #wrapper.mh-prayer-page .prayer-dhikr__trigger i {
    transition: none !important;
  }
}


/* ========== Unified buttons ========== */

/**
 * Muslim Helper — unified primary buttons
 * Default: #1E7B85 + white text  |  Hover: #EAB308 + dark text
 * Loaded last so it wins across all pages.
 */

:root {
  /* Single radius for every button in the product */
  --btn-radius: 12px;
  --btn-primary-radius: var(--btn-radius);

  --btn-primary-bg: var(--main-color, #1E7B85);
  --btn-primary-color: #ffffff;
  --btn-primary-hover-bg: var(--second-color, #EAB308);
  --btn-primary-hover-color: #121212;
  --btn-primary-height: 48px;
  --btn-primary-pad-y: 12px;
  --btn-primary-pad-x: 22px;
  --btn-primary-font-size: 15px;
  --btn-primary-font-weight: 600;
  --btn-primary-shadow: 0 8px 20px rgba(30, 123, 133, 0.22);
  --btn-primary-shadow-hover: 0 12px 28px rgba(234, 179, 8, 0.32);
  --btn-primary-transition: background-color 0.25s ease, color 0.25s ease,
    box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

/* —— Global button radius (all variants) —— */
.btn,
a.btn,
button.btn,
button[type="submit"].btn,
.btn-success,
.btn-primary,
.btn-secondary,
.btn-outline-primary,
.btn-outline-secondary,
.btn-link,
.mh-btn,
.mh-btn-primary,
.mh-btn-secondary,
.mh-btn-light,
.auth-content form .btn,
.auth-content form .btn[type="submit"],
.account-btn .btn,
.main-navbar .account-btn .btn,
.lesson-content .edu-card .btn,
.course-days .right-side .card .btn,
.the-profile .certificate-card .card-footer .btn,
.post-modal .modal-body .btn,
.modal .modal-content .modal-footer .btn,
.community-page .actions .btn,
.community-page .btn {
  border-radius: var(--btn-radius) !important;
  --bs-border-radius: var(--btn-radius);
  --bs-btn-border-radius: var(--btn-radius);
}

/* Keep close / circular controls untouched */
.btn-close,
.btn-close *,
.rounded-circle.btn,
.chat-icon .btn,
.chat-icon button {
  border-radius: 50% !important;
}

/* —— Primary filled CTAs —— */
.btn-success,
a.btn-success,
button.btn-success,
.btn.btn-primary:not(.toggle-btn):not(.btn-close),
a.btn.btn-primary:not(.toggle-btn),
button.btn.btn-primary:not(.toggle-btn),
.mh-btn-primary,
.auth-content form .btn[type="submit"],
.auth-content form button[type="submit"].btn,
.account-btn .btn,
.account-btn .btn.btn-success,
.main-navbar .account-btn .btn,
.main-navbar .account-btn a.btn,
.lesson-content .edu-card .btn,
.course-days .right-side .card .btn,
.the-profile .certificate-card .card-footer .btn.view,
.post-modal .modal-body .btn,
.modal .modal-content .modal-footer .btn.btn-primary,
.community-page .actions .btn.btn-success {
  --bs-btn-color: #ffffff !important;
  --bs-btn-bg: #1E7B85 !important;
  --bs-btn-border-color: #1E7B85 !important;
  --bs-btn-hover-color: #121212 !important;
  --bs-btn-hover-bg: #EAB308 !important;
  --bs-btn-hover-border-color: #EAB308 !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: var(--btn-primary-height) !important;
  height: var(--btn-primary-height) !important;
  padding: var(--btn-primary-pad-y) var(--btn-primary-pad-x) !important;
  border: none !important;
  border-radius: var(--btn-radius, var(--btn-primary-radius)) !important;
  background: var(--btn-primary-bg) !important;
  background-color: var(--btn-primary-bg) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  font-size: var(--btn-primary-font-size) !important;
  font-weight: var(--btn-primary-font-weight) !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  box-shadow: var(--btn-primary-shadow) !important;
  transition: var(--btn-primary-transition) !important;
  cursor: pointer;
}

/* Force white text/icons inside primary buttons (beats color: inherit) */
.btn-success,
.btn-success *,
.btn-success i,
.btn-success span,
a.btn-success,
a.btn-success *,
a.btn-success i,
.account-btn .btn,
.account-btn .btn *,
.account-btn .btn i,
.main-navbar .account-btn .btn,
.main-navbar .account-btn .btn *,
.main-navbar .account-btn .btn i,
.mh-btn-primary,
.mh-btn-primary *,
.mh-btn-primary span,
.mh-btn-primary i,
.auth-content form .btn[type="submit"],
.auth-content form .btn[type="submit"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
}

/* Hover — second color + dark text */
.btn-success:hover,
.btn-success:focus-visible,
a.btn-success:hover,
button.btn-success:hover,
.btn.btn-primary:not(.toggle-btn):not(.btn-close):hover,
.btn.btn-primary:not(.toggle-btn):not(.btn-close):focus-visible,
.mh-btn-primary:hover,
.mh-btn-primary:focus-visible,
.auth-content form .btn[type="submit"]:hover,
.account-btn .btn:hover,
.account-btn .btn.btn-success:hover,
.main-navbar .account-btn .btn:hover,
.lesson-content .edu-card .btn:hover,
.course-days .right-side .card .btn:hover,
.the-profile .certificate-card .card-footer .btn.view:hover,
.post-modal .modal-body .btn:hover,
.modal .modal-content .modal-footer .btn.btn-primary:hover:not(:disabled),
.community-page .actions .btn.btn-success:hover {
  background: var(--btn-primary-hover-bg) !important;
  background-color: var(--btn-primary-hover-bg) !important;
  color: var(--btn-primary-hover-color) !important;
  -webkit-text-fill-color: var(--btn-primary-hover-color);
  box-shadow: var(--btn-primary-shadow-hover) !important;
  transform: translateY(-2px);
  border-color: transparent !important;
}

.btn-success:hover *,
.btn-success:hover i,
.btn-success:hover span,
a.btn-success:hover *,
a.btn-success:hover i,
.account-btn .btn:hover *,
.account-btn .btn:hover i,
.main-navbar .account-btn .btn:hover *,
.main-navbar .account-btn .btn:hover i,
.mh-btn-primary:hover *,
.mh-btn-primary:hover span,
.mh-btn-primary:hover i {
  color: #121212 !important;
  -webkit-text-fill-color: #121212;
}

.btn-success:active,
.mh-btn-primary:active,
.account-btn .btn:active,
.auth-content form .btn[type="submit"]:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(30, 123, 133, 0.18) !important;
}

.btn-success:disabled,
.btn-success.disabled,
.mh-btn-primary:disabled,
.auth-content form .btn[type="submit"]:disabled {
  opacity: 0.6;
  transform: none !important;
  box-shadow: none !important;
  cursor: not-allowed;
  pointer-events: none;
}

/* —— Secondary / outline CTAs — same box as primary —— */
.mh-btn-secondary,
.btn-outline-primary,

.mh-btn-secondary:hover,
.btn-outline-primary:hover,

.mh-btn-secondary *,
.mh-btn-secondary span {
  color: inherit !important;
  -webkit-text-fill-color: inherit;
}

/* Auth full width */
.auth-content form .btn[type="submit"],
.auth-content form button[type="submit"].btn {
  width: 100%;
}

/* Hero / assistant: both CTAs share identical metrics */
.mh-hero-actions .mh-btn,
.mh-hero-actions .mh-btn-primary,
.mh-hero-actions .mh-btn-secondary,
.mh-assistant-copy .mh-btn-primary {
  min-height: var(--btn-primary-height) !important;
  height: var(--btn-primary-height) !important;
  padding: var(--btn-primary-pad-y) var(--btn-primary-pad-x) !important;
  border-radius: var(--btn-radius, var(--btn-primary-radius)) !important;
  font-size: var(--btn-primary-font-size) !important;
  font-weight: var(--btn-primary-font-weight) !important;
}

@media (prefers-reduced-motion: reduce) {
  .btn-success,
  .mh-btn-primary,
  .mh-btn-secondary,
  .auth-content form .btn[type="submit"] {
    transition: none !important;
  }

  .btn-success:hover,
  .mh-btn-primary:hover,
  .mh-btn-secondary:hover {
    transform: none;
  }
}


/* ========== Skeleton loader ========== */

/* Critical FOUC guard */
body.mh-loading #wrapper { visibility: hidden; }
body.mh-loading > .row { visibility: hidden; }

/* —— Pure CSS Skeleton Loader —— */
.mh-skeleton {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background:
    radial-gradient(circle at 10% 8%, rgba(234, 179, 8, 0.1), transparent 24%),
    radial-gradient(circle at 90% 18%, rgba(30, 123, 133, 0.08), transparent 28%),
    #f7f5ef;
  overflow: auto;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

body.is-ready .mh-skeleton {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.mh-skel-inner {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 18px 0 48px;
}

.mh-skel {
  --skel-base: #e4ebe7;
  --skel-shine: #f5f8f6;
  background: linear-gradient(
    105deg,
    var(--skel-base) 0%,
    var(--skel-base) 38%,
    var(--skel-shine) 50%,
    var(--skel-base) 62%,
    var(--skel-base) 100%
  );
  background-size: 220% 100%;
  animation: mh-skel-shimmer 1.4s ease-in-out infinite;
  border-radius: 12px;
}

@keyframes mh-skel-shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

@media (prefers-reduced-motion: reduce) {
  .mh-skel { animation: none; background: #e4ebe7; }
  .mh-skeleton { transition: none; }
}

.mh-skel-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  height: 72px;
  padding: 0 18px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid #dde6e1;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(16, 64, 70, 0.05);
  margin-bottom: 48px;
}

.mh-skel-logo { width: 140px; height: 34px; border-radius: 10px; }
.mh-skel-nav-links {
  display: flex;
  gap: 18px;
  flex: 1;
  justify-content: center;
}
.mh-skel-link { width: 72px; height: 14px; border-radius: 8px; }
.mh-skel-btn { width: 108px; height: 40px; border-radius: 12px; }

.mh-skel-hero {
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  gap: 64px;
  align-items: center;
  margin-bottom: 64px;
}

.mh-skel-copy { display: grid; gap: 14px; }
.mh-skel-pill { width: 220px; height: 32px; border-radius: 999px; }
.mh-skel-title { width: 92%; height: 48px; border-radius: 14px; }
.mh-skel-title.short { width: 68%; height: 48px; }
.mh-skel-line { width: 88%; height: 14px; border-radius: 8px; }
.mh-skel-line.mid { width: 72%; }
.mh-skel-line.short { width: 48%; }

.mh-skel-actions {
  display: flex;
  gap: 12px;
  margin-top: 10px;
}
.mh-skel-cta { width: 180px; height: 50px; border-radius: 16px; }
.mh-skel-cta.ghost { width: 170px; opacity: 0.75; }

.mh-skel-trust {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.mh-skel-chip { width: 110px; height: 28px; border-radius: 999px; }

.mh-skel-visual {
  position: relative;
  min-height: 480px;
}

.mh-skel-dash {
  position: absolute;
  right: 0;
  top: 20px;
  width: min(460px, 100%);
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #e1eaeb;
  border-radius: 28px;
  padding: 20px;
  box-shadow: 0 18px 50px rgba(16, 64, 70, 0.1);
  display: grid;
  gap: 14px;
  transform: rotate(1deg);
}

.mh-skel-dash-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mh-skel-avatar { width: 42px; height: 42px; border-radius: 14px; flex-shrink: 0; }
.mh-skel-dash-meta { flex: 1; display: grid; gap: 8px; }
.mh-skel-prayer { height: 120px; border-radius: 20px; }
.mh-skel-dash-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.mh-skel-mini { height: 120px; border-radius: 18px; }

.mh-skel-float {
  position: absolute;
  left: 0;
  bottom: 28px;
  width: 250px;
  height: 120px;
  border-radius: 22px;
  transform: rotate(-2deg);
  box-shadow: 0 12px 30px rgba(16, 64, 70, 0.08);
}

.mh-skel-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.mh-skel-card {
  height: 210px;
  border-radius: 24px;
  background-color: #fff;
  border: 1px solid #dde6e1;
}

@media (max-width: 980px) {
  .mh-skel-nav-links { display: none; }
  .mh-skel-hero { grid-template-columns: 1fr; gap: 32px; }
  .mh-skel-visual { min-height: 420px; max-width: 520px; margin: 0 auto; width: 100%; }
  .mh-skel-dash { transform: none; position: relative; top: 0; right: auto; width: 100%; }
  .mh-skel-float { left: 12px; bottom: 0; }
  .mh-skel-cards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .mh-skel-inner { width: min(100% - 24px, 1180px); padding-top: 12px; }
  .mh-skel-nav { height: 62px; border-radius: 14px; padding: 0 12px; margin-bottom: 28px; }
  .mh-skel-logo { width: 110px; height: 28px; }
  .mh-skel-btn { width: 44px; }
  .mh-skel-title,
  .mh-skel-title.short { height: 36px; }
  .mh-skel-actions { display: grid; }
  .mh-skel-cta,
  .mh-skel-cta.ghost { width: 100%; }
  .mh-skel-cards { grid-template-columns: 1fr; }
  .mh-skel-card { height: 160px; }
}

/* Generic page content skeleton rows */
.mh-skel-page-head {
  display: grid;
  gap: 12px;
  margin-bottom: 28px;
}
.mh-skel-banner {
  height: 180px;
  border-radius: 24px;
  margin-bottom: 24px;
}
.mh-skel-rows {
  display: grid;
  gap: 14px;
  margin-top: 24px;
}
.mh-skel-row {
  height: 72px;
  border-radius: 16px;
}

/* ========== Dua floating audio player ========== */
#wrapper.mh-prayer-page .prayer-dua-actions .prayer-outline-btn {
  border-radius: 999px;
  padding: 0.5rem 1.15rem;
}

.mh-dua-player {
  position: fixed;
  left: 50%;
  bottom: 1.35rem;
  z-index: 12050;
  width: min(440px, calc(100vw - 1.5rem));
  transform: translateX(-50%) translateY(120%);
  opacity: 0;
  pointer-events: none;
  transition:
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.35s ease;
}

.mh-dua-player.is-visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.mh-dua-player__panel {
  position: relative;
  overflow: hidden;
  padding: 1rem 1.1rem 0.95rem;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 251, 0.94));
  border: 1px solid rgba(30, 123, 133, 0.16);
  box-shadow:
    0 18px 50px rgba(16, 64, 70, 0.18),
    0 2px 0 rgba(255, 255, 255, 0.8) inset;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.mh-dua-player__glow {
  position: absolute;
  inset: auto -20% -40% -20%;
  height: 70%;
  background: radial-gradient(circle, rgba(30, 123, 133, 0.16), transparent 65%);
  pointer-events: none;
}

.mh-dua-player__meta {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

.mh-dua-player__icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #1E7B85, #165e66);
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 10px 22px rgba(30, 123, 133, 0.28);
}

.mh-dua-player__copy {
  flex: 1;
  min-width: 0;
}

.mh-dua-player__title {
  margin: 0;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 0.98rem;
  font-weight: 750;
  color: #14383c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mh-dua-player__sub {
  margin: 0.15rem 0 0;
  font-size: 0.78rem;
  font-weight: 600;
  color: #65756f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mh-dua-player__close {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(30, 123, 133, 0.08);
  color: #165e66;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.mh-dua-player__close:hover {
  background: rgba(30, 123, 133, 0.16);
  transform: scale(1.05);
}

.mh-dua-player__wave {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  height: 28px;
  margin-bottom: 0.75rem;
}

.mh-dua-player__wave span {
  width: 4px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, #EAB308, #1E7B85);
  opacity: 0.45;
  transform-origin: bottom center;
  transition: opacity 0.2s ease;
}

.mh-dua-player.is-playing .mh-dua-player__wave span {
  opacity: 1;
  animation: mh-dua-wave 0.9s ease-in-out infinite;
}

.mh-dua-player.is-playing .mh-dua-player__wave span:nth-child(1) { animation-delay: 0s; height: 10px; }
.mh-dua-player.is-playing .mh-dua-player__wave span:nth-child(2) { animation-delay: 0.08s; height: 18px; }
.mh-dua-player.is-playing .mh-dua-player__wave span:nth-child(3) { animation-delay: 0.16s; height: 24px; }
.mh-dua-player.is-playing .mh-dua-player__wave span:nth-child(4) { animation-delay: 0.05s; height: 14px; }
.mh-dua-player.is-playing .mh-dua-player__wave span:nth-child(5) { animation-delay: 0.2s; height: 26px; }
.mh-dua-player.is-playing .mh-dua-player__wave span:nth-child(6) { animation-delay: 0.12s; height: 16px; }
.mh-dua-player.is-playing .mh-dua-player__wave span:nth-child(7) { animation-delay: 0.22s; height: 22px; }
.mh-dua-player.is-playing .mh-dua-player__wave span:nth-child(8) { animation-delay: 0.04s; height: 12px; }

@keyframes mh-dua-wave {
  0%, 100% { transform: scaleY(0.45); }
  50% { transform: scaleY(1); }
}

.mh-dua-player__controls {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  margin-bottom: 0.7rem;
}

.mh-dua-player__btn {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(30, 123, 133, 0.18);
  border-radius: 50%;
  background: #fff;
  color: #1E7B85;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.mh-dua-player__btn:hover {
  background: rgba(30, 123, 133, 0.06);
  border-color: #1E7B85;
  transform: translateY(-1px);
}

.mh-dua-player__play {
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(145deg, #1E7B85, #165e66);
  color: #fff;
  font-size: 1.15rem;
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(30, 123, 133, 0.32);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mh-dua-player__play:hover {
  transform: scale(1.05);
  box-shadow: 0 14px 32px rgba(30, 123, 133, 0.38);
}

.mh-dua-player__seek {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.mh-dua-player__time {
  flex-shrink: 0;
  min-width: 2.2rem;
  font-size: 0.72rem;
  font-weight: 700;
  color: #65756f;
  font-variant-numeric: tabular-nums;
}

.mh-dua-player__range {
  flex: 1;
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, #1E7B85 var(--seek, 0%), rgba(30, 123, 133, 0.15) var(--seek, 0%));
  outline: none;
  cursor: pointer;
}

.mh-dua-player__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #1E7B85;
  box-shadow: 0 4px 10px rgba(30, 123, 133, 0.25);
  cursor: pointer;
}

.mh-dua-player__range::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #1E7B85;
  box-shadow: 0 4px 10px rgba(30, 123, 133, 0.25);
  cursor: pointer;
}

@media (max-width: 575.98px) {
  .mh-dua-player {
    bottom: 0.85rem;
    width: calc(100vw - 1rem);
  }

  .mh-dua-player__panel {
    border-radius: 18px;
    padding: 0.9rem;
  }

  .mh-dua-player__play {
    width: 50px;
    height: 50px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mh-dua-player {
    transition: none;
  }

  .mh-dua-player.is-playing .mh-dua-player__wave span {
    animation: none;
  }
}

/* —— Prayer modals: Monthly / Method / Adhan —— */
.prayer-modal .modal-dialog {
  margin: 1rem;
}
.prayer-modal__content {
  border: 0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(18, 38, 58, 0.18);
}
.prayer-modal__content--calendar {
  padding: 1.35rem 1.35rem 1.5rem;
  background: #fff;
}
.prayer-modal__header {
  border-bottom: 1px solid #e8eef0;
  padding: 1.1rem 1.25rem;
}
.prayer-modal__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 750;
  color: #163a40;
}
.prayer-modal__body {
  padding: 1.15rem 1.25rem;
}
.prayer-modal__footer {
  border-top: 1px solid #e8eef0;
  background: #f5f7f8;
  padding: 0.95rem 1.25rem;
  gap: 0.65rem;
}
.prayer-modal__footer--split {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.prayer-modal__footer-actions {
  display: flex;
  gap: 0.65rem;
  margin-left: auto;
}
.prayer-modal__btn {
  min-height: 42px;
  padding: 0.5rem 1.1rem;
  border-radius: 10px;
  font-size: 0.9rem;
  font-weight: 650;
  border: 0;
}
.prayer-modal__btn--muted {
  background: #e8ebef;
  color: #334155;
}
.prayer-modal__btn--muted:hover {
  background: #dde2e8;
  color: #1e293b;
}
.prayer-modal__btn--primary {
  background: #1e7b85;
  color: #fff;
}
.prayer-modal__btn--primary:hover {
  background: #17656e;
  color: #fff;
}
.prayer-modal__btn--test {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  background: #fff;
  border: 1.5px solid #6b9e7c;
  color: #4f8a60;
  position: relative;
}
.prayer-modal__btn--test:hover {
  background: rgba(107, 158, 124, 0.08);
  color: #3f734e;
}
.prayer-modal__btn--test.is-pulse {
  animation: prayerTestPulse 0.45s ease;
}
.prayer-modal__btn--test[data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  left: 0;
  bottom: calc(100% + 8px);
  white-space: nowrap;
  background: #163a40;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.4rem 0.65rem;
  border-radius: 8px;
  pointer-events: none;
}
@keyframes prayerTestPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.03); }
}

/* Monthly calendar */
.prayer-cal__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.15rem;
}
.prayer-cal__title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 750;
  color: #1e7b85;
  text-align: center;
}
.prayer-cal__nav-btn {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: #f1f4f6;
  color: #5b6b7c;
  display: grid;
  place-items: center;
  transition: background 0.15s, color 0.15s;
}
.prayer-cal__nav-btn:hover {
  background: rgba(30, 123, 133, 0.12);
  color: #1e7b85;
}
.prayer-cal__weekdays {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.45rem;
  margin-bottom: 0.55rem;
}
.prayer-cal__weekdays span {
  text-align: center;
  font-size: 0.78rem;
  font-weight: 650;
  color: #7a8794;
  background: #f1f4f6;
  border-radius: 10px;
  padding: 0.45rem 0.2rem;
}
.prayer-cal__grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.45rem;
}
.prayer-cal__cell {
  aspect-ratio: 1;
  min-height: 0;
  border: 0;
  border-radius: 12px;
  background: #f4f6f8;
  color: #1f2937;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  padding: 0.35rem 0.2rem;
  transition: background 0.15s, color 0.15s, transform 0.15s;
}
.prayer-cal__cell.is-empty {
  background: transparent;
  pointer-events: none;
}
.prayer-cal__cell:not(.is-empty):hover {
  background: rgba(30, 123, 133, 0.12);
  transform: translateY(-1px);
}
.prayer-cal__cell.is-selected {
  background: #1e7b85;
  color: #fff;
}
.prayer-cal__day {
  font-size: clamp(0.95rem, 2.2vw, 1.2rem);
  font-weight: 750;
  line-height: 1;
}
.prayer-cal__hijri {
  font-size: clamp(0.55rem, 1.4vw, 0.68rem);
  font-weight: 500;
  opacity: 0.72;
  line-height: 1.2;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0.15rem;
}
.prayer-cal__cell.is-selected .prayer-cal__hijri {
  opacity: 0.92;
}

/* Calculation method list */
.prayer-method-list {
  display: grid;
  gap: 0.65rem;
}
.prayer-method-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  text-align: left;
  border: 2px solid transparent;
  border-radius: 12px;
  background: #f4f6f8;
  color: #334155;
  font-size: 0.95rem;
  font-weight: 550;
  padding: 0.95rem 1.05rem;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.prayer-method-item:hover {
  background: #eef2f4;
}
.prayer-method-item.is-selected,
.prayer-method-item:focus-visible {
  border-color: #1e7b85;
  background: rgba(30, 123, 133, 0.06);
  color: #163a40;
  outline: none;
}
.prayer-method-item .fa-check {
  color: #1e7b85;
  font-size: 0.95rem;
  flex-shrink: 0;
}

/* Adhan settings */
.prayer-adhan-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 3rem;
}
.prayer-adhan-row__label {
  font-size: 1rem;
  font-weight: 650;
  color: #374151;
}
.prayer-switch {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  margin: 0;
}
.prayer-switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.prayer-switch__ui {
  width: 48px;
  height: 28px;
  border-radius: 999px;
  background: #d1d5db;
  position: relative;
  transition: background 0.2s ease;
}
.prayer-switch__ui::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease;
}
.prayer-switch input:checked + .prayer-switch__ui {
  background: #1e7b85;
}
.prayer-switch input:checked + .prayer-switch__ui::after {
  transform: translateX(20px);
}
.prayer-switch input:focus-visible + .prayer-switch__ui {
  box-shadow: 0 0 0 3px rgba(30, 123, 133, 0.25);
}

@media (max-width: 575.98px) {
  .prayer-modal__content--calendar {
    padding: 1rem;
  }
  .prayer-cal__weekdays,
  .prayer-cal__grid {
    gap: 0.3rem;
  }
  .prayer-cal__cell {
    border-radius: 9px;
  }
  .prayer-modal__footer--split {
    flex-direction: column;
    align-items: stretch;
  }
  .prayer-modal__footer-actions {
    margin-left: 0;
    width: 100%;
  }
  .prayer-modal__footer-actions .btn,
  .prayer-modal__btn--test {
    flex: 1;
    justify-content: center;
  }
}

/* ========== Holy Quran reader (mh-quran-page) ========== */
#wrapper.mh-quran-page {
  --mh-q-teal: #1E7B85;
  --mh-q-teal-dark: #165e66;
  --mh-q-teal-soft: #e7f4f5;
  --mh-q-ink: #14383c;
  --mh-q-muted: #6b7c80;
  --mh-q-line: #dce8ea;
  --mh-q-bg: #f4f6f7;
  --mh-q-surface: #ffffff;
  --mh-q-gold: #c9a227;
  --mh-q-gold-soft: #f7f0dc;
  --mh-q-radius: 18px;
  --mh-q-text-size: 22px;
  background: var(--mh-q-bg);
  min-height: 100vh;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  color: var(--mh-q-ink);
}

#wrapper.mh-quran-page.mh-q-theme-dark {
  --mh-q-bg: #0f1c1e;
  --mh-q-surface: #152628;
  --mh-q-ink: #e8f2f3;
  --mh-q-muted: #9bb0b4;
  --mh-q-line: #2a3f42;
  --mh-q-teal-soft: #1a3336;
  --mh-q-gold-soft: #2a2618;
}

#wrapper.mh-quran-page.mh-q-theme-sepia {
  --mh-q-bg: #f3ecdf;
  --mh-q-surface: #faf6ee;
  --mh-q-ink: #3b2f22;
  --mh-q-muted: #7a6a55;
  --mh-q-line: #e4d7c2;
  --mh-q-teal-soft: #ebe3d2;
  --mh-q-gold-soft: #efe4c8;
}

/* The navbar keeps its light surface in every reader theme, but
   `#wrapper.mh-home a { color: inherit }` made its links inherit the
   dark-theme ink (near-white on white). Re-assert the light ink here. */
#wrapper.mh-quran-page.mh-q-theme-dark .main-navbar,
#wrapper.mh-quran-page.mh-q-theme-dark .mob-navbar {
  color: #14383c;
}

#wrapper.mh-quran-page > .main-navbar {
  position: fixed;
  top: 24px;
  left: 0;
  right: 0;
  z-index: 1100;
}

#wrapper.mh-quran-page .mob-navbar {
  position: fixed;
  top: 12px;
  left: 12px;
  right: 12px;
  z-index: 1100;
  background: #fff;
  border-radius: 14px;
}

@media (min-width: 992px) {
  #wrapper.mh-quran-page .mob-navbar { display: none !important; }
}
@media (max-width: 991.98px) {
  #wrapper.mh-quran-page > .main-navbar { display: none !important; }
}

#wrapper.mh-quran-page .mh-q-main {
  padding: 120px 0 140px;
}

#wrapper.mh-quran-page .mh-q-shell {
  max-width: 1280px;
}

#wrapper.mh-quran-page .mh-q-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr) 300px;
  gap: 1.25rem;
  align-items: start;
}

@media (max-width: 1199.98px) {
  #wrapper.mh-quran-page .mh-q-layout {
    grid-template-columns: 250px minmax(0, 1fr);
  }
  #wrapper.mh-quran-page .mh-q-tools {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
}

@media (max-width: 991.98px) {
  #wrapper.mh-quran-page .mh-q-main { padding-top: 96px; }
  #wrapper.mh-quran-page .mh-q-layout {
    grid-template-columns: 1fr;
  }
  #wrapper.mh-quran-page .mh-q-tools {
    grid-template-columns: 1fr;
  }

  #wrapper.mh-quran-page .mh-q-read {
    order: 1;
  }

  #wrapper.mh-quran-page .mh-q-tools {
    order: 2;
  }

  #wrapper.mh-quran-page .mh-q-side {
    order: 3;
  }

  #wrapper.mh-quran-page .mh-q-side.offcanvas-bottom {
    --bs-offcanvas-height: min(88vh, 760px);
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1045;
    width: 100% !important;
    max-width: 100% !important;
    height: var(--bs-offcanvas-height) !important;
    max-height: var(--bs-offcanvas-height) !important;
    border-radius: 20px 20px 0 0;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 -12px 40px rgba(16, 64, 70, 0.16);
    background: var(--mh-q-surface);
  }

  #wrapper.mh-quran-page .mh-q-side.offcanvas-bottom:not(.show) {
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
    transform: translate3d(0, 100%, 0) !important;
  }

  #wrapper.mh-quran-page .mh-q-side__sheet-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.35rem 1.15rem 0.85rem;
    border-bottom: 1px solid var(--mh-q-line);
  }

  #wrapper.mh-quran-page .mh-q-side__sheet-handle {
    position: absolute;
    top: 0.55rem;
    left: 50%;
    width: 2.5rem;
    height: 0.28rem;
    border-radius: 999px;
    background: #d0d5dd;
    transform: translateX(-50%);
  }

  #wrapper.mh-quran-page .mh-q-side__sheet-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--mh-q-ink);
  }

  #wrapper.mh-quran-page .mh-q-side__body {
    padding: 16px;
    overflow: hidden;
  }

  #wrapper.mh-quran-page .mh-q-side__panels {
    flex: 1;
    min-height: 0;
  }

  #wrapper.mh-quran-page .mh-q-search-input {
    border-radius: 999px;
    min-height: 46px;
    padding-left: 2.55rem;
  }

  #wrapper.mh-quran-page .mh-q-kbd {
    display: none;
  }
}

/* —— Left sidebar —— */
#wrapper.mh-quran-page .mh-q-side,
#wrapper.mh-quran-page .mh-q-read,
#wrapper.mh-quran-page .mh-q-card {
  background: var(--mh-q-surface);
  border: 1px solid var(--mh-q-line);
  border-radius: var(--mh-q-radius);
  box-shadow: 0 10px 30px rgba(16, 64, 70, 0.05);
}

#wrapper.mh-quran-page .mh-q-side {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  overflow: hidden;
}

#wrapper.mh-quran-page .mh-q-side__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

#wrapper.mh-quran-page .mh-q-read__topbar {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0 0 0.9rem;
}

#wrapper.mh-quran-page .mh-q-read__topbar .mh-q-breadcrumb {
  margin: 0;
}

#wrapper.mh-quran-page .mh-q-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 38px;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  border: 1px solid var(--mh-q-line);
  background: var(--mh-q-bg);
  color: var(--mh-q-ink);
  font-size: 0.82rem;
  font-weight: 750;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(16, 64, 70, 0.05);
}

#wrapper.mh-quran-page .mh-q-filter-btn i {
  color: var(--mh-q-teal);
  font-size: 0.8rem;
}

@media (min-width: 992px) {
  #wrapper.mh-quran-page .mh-q-side.offcanvas-lg {
    position: sticky !important;
    top: 110px;
    visibility: visible !important;
    transform: none !important;
    height: auto !important;
    max-height: calc(100vh - 130px);
    background: var(--mh-q-surface) !important;
    border: 1px solid var(--mh-q-line) !important;
    box-shadow: 0 10px 30px rgba(16, 64, 70, 0.05);
    padding: 1rem;
  }

  #wrapper.mh-quran-page .mh-q-side.offcanvas-lg .offcanvas-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: auto;
    max-height: none;
  }
}

#wrapper.mh-quran-page .mh-q-side__search {
  position: relative;
  margin-bottom: 0.85rem;
}

#wrapper.mh-quran-page .mh-q-side__search > i {
  position: absolute;
  left: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--mh-q-muted);
  pointer-events: none;
  font-size: 0.85rem;
}

#wrapper.mh-quran-page .mh-q-search-input {
  width: 100%;
  min-height: 44px;
  padding: 0.55rem 3.2rem 0.55rem 2.4rem;
  border-radius: 12px;
  border: 1px solid var(--mh-q-line);
  background: var(--mh-q-bg);
  color: var(--mh-q-ink);
  font-size: 0.875rem;
  font-weight: 500;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#wrapper.mh-quran-page .mh-q-search-input:focus {
  border-color: rgba(30, 123, 133, 0.45);
  box-shadow: 0 0 0 0.18rem rgba(30, 123, 133, 0.12);
  background: #fff;
}

#wrapper.mh-quran-page .mh-q-kbd {
  position: absolute;
  right: 0.65rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.15rem 0.4rem;
  border-radius: 6px;
  border: 1px solid var(--mh-q-line);
  background: var(--mh-q-surface);
  color: var(--mh-q-muted);
  font-size: 0.65rem;
  font-weight: 700;
  font-family: inherit;
}

#wrapper.mh-quran-page .mh-q-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.35rem;
  padding: 0.3rem;
  margin-bottom: 0.85rem;
  border-radius: 12px;
  background: var(--mh-q-bg);
}

#wrapper.mh-quran-page .mh-q-tab {
  border: 0;
  border-radius: 10px;
  min-height: 36px;
  background: transparent;
  color: var(--mh-q-muted);
  font-size: 0.8125rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

#wrapper.mh-quran-page .mh-q-tab.is-active {
  background: var(--mh-q-surface);
  color: var(--mh-q-teal);
  box-shadow: 0 4px 12px rgba(16, 64, 70, 0.08);
}

#wrapper.mh-quran-page .mh-q-side__panels {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding-right: 0.15rem;
  scrollbar-width: thin;
}

#wrapper.mh-quran-page .mh-q-surah-list,
#wrapper.mh-quran-page .mh-q-juz-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

#wrapper.mh-quran-page .mh-q-surah-list button,
#wrapper.mh-quran-page .mh-q-surah-item,
#wrapper.mh-quran-page .mh-q-juz-item {
  width: 100%;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem;
  padding: 0.7rem 0.65rem;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  position: relative;
  transition: background 0.2s ease, border-color 0.2s ease;
}

#wrapper.mh-quran-page .mh-q-surah-list button:hover,
#wrapper.mh-quran-page .mh-q-surah-item:hover,
#wrapper.mh-quran-page .mh-q-juz-item:hover {
  background: var(--mh-q-teal-soft);
}

#wrapper.mh-quran-page .mh-q-surah-list button.is-active,
#wrapper.mh-quran-page .mh-q-surah-item.is-active {
  background: var(--mh-q-teal-soft);
  border-color: rgba(30, 123, 133, 0.18);
  box-shadow: inset 3px 0 0 var(--mh-q-teal);
}

#wrapper.mh-quran-page .mh-q-surah-num,
#wrapper.mh-quran-page .mh-q-juz-num {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: var(--mh-q-bg);
  color: var(--mh-q-muted);
  font-size: 0.75rem;
  font-weight: 750;
}

#wrapper.mh-quran-page .mh-q-surah-list button.is-active .mh-q-surah-num {
  background: var(--mh-q-teal);
  color: #fff;
}

#wrapper.mh-quran-page .mh-q-surah-meta,
#wrapper.mh-quran-page .mh-q-juz-meta {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}

#wrapper.mh-quran-page .mh-q-surah-en {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--mh-q-ink);
}

#wrapper.mh-quran-page .mh-q-surah-count {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--mh-q-muted);
}

#wrapper.mh-quran-page .mh-q-surah-ar {
  font-family: "Amiri Quran", "Amiri", "Times New Roman", serif;
  font-size: 1.05rem;
  font-weight: 400;
  color: var(--mh-q-teal-dark);
}

#wrapper.mh-quran-page .mh-q-side__footer {
  display: block;
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--mh-q-line);
  color: var(--mh-q-teal);
  font-size: 0.8125rem;
  font-weight: 700;
  text-decoration: none;
}

#wrapper.mh-quran-page .mh-q-side__footer:hover {
  color: var(--mh-q-teal-dark);
}

/* —— Center reading —— */
#wrapper.mh-quran-page .mh-q-read {
  position: relative;
  padding: 1.35rem 1.5rem 1.75rem;
  min-height: 70vh;
  background: var(--mh-q-surface);
}

#wrapper.mh-quran-page .mh-q-read__header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 1.35rem;
  padding: 0.1rem 0;
  text-align: center;
  z-index: 1;
}

#wrapper.mh-quran-page .mh-q-breadcrumb {
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0 0 0.9rem;
  padding: 0;
  font-size: 0.8rem;
  font-weight: 500;
  color: #9aa7ab;
}

#wrapper.mh-quran-page .mh-q-breadcrumb a {
  color: inherit;
  text-decoration: none;
}

#wrapper.mh-quran-page .mh-q-breadcrumb a:hover {
  color: var(--mh-q-teal);
}

#wrapper.mh-quran-page .mh-q-read__center {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 440px;
  margin: 0.1rem auto 1.2rem;
}

#wrapper.mh-quran-page .mh-q-read__title {
  margin: 0;
  font-family: Georgia, "Times New Roman", "Amiri", serif;
  font-size: clamp(2.05rem, 3.5vw, 2.85rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--mh-q-ink);
  line-height: 1.2;
}

#wrapper.mh-quran-page .mh-q-read__meta {
  margin: 0.5rem 0 0;
  color: #8a979b;
  font-size: 0.9rem;
  font-weight: 500;
}

#wrapper.mh-quran-page .mh-q-read__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.7rem;
  margin-top: 1.05rem;
}

#wrapper.mh-quran-page .mh-q-btn-listen,
#wrapper.mh-quran-page .mh-q-btn-bookmark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 44px;
  padding: 0.55rem 1.25rem;
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#wrapper.mh-quran-page .mh-q-btn-listen {
  border: 0;
  background: var(--mh-q-teal);
  color: #fff;
  box-shadow: none;
}

#wrapper.mh-quran-page .mh-q-btn-listen:hover {
  background: var(--mh-q-teal-dark);
  transform: translateY(-1px);
}

#wrapper.mh-quran-page .mh-q-btn-bookmark {
  border: 1.5px solid #d5e0e3;
  background: #fff;
  color: #5c6d71;
}

#wrapper.mh-quran-page .mh-q-btn-bookmark:hover,
#wrapper.mh-quran-page .mh-q-btn-bookmark.is-active {
  background: var(--mh-q-teal-soft);
  border-color: rgba(30, 123, 133, 0.35);
  color: var(--mh-q-teal);
}

#wrapper.mh-quran-page .mh-q-verse-progress {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  width: 100%;
  margin-top: 0.15rem;
}

#wrapper.mh-quran-page .mh-q-verse-progress__line {
  flex: 1;
  height: 1px;
  background: rgba(30, 123, 133, 0.14);
}

#wrapper.mh-quran-page .mh-q-verse-progress__label {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  flex-shrink: 0;
  font-size: 0.78rem;
  font-weight: 600;
  color: #7a8a8e;
  white-space: nowrap;
}

#wrapper.mh-quran-page .mh-q-verse-progress__gem {
  width: 7px;
  height: 7px;
  background: #eab308;
  transform: rotate(45deg);
  border-radius: 1px;
  display: inline-block;
  box-shadow: 0 0 0 1px rgba(234, 179, 8, 0.15);
}

@media (max-width: 575.98px) {
  #wrapper.mh-quran-page .mh-q-read__header {
    padding: 0;
  }

  #wrapper.mh-quran-page .mh-q-read__center {
    margin-bottom: 1.15rem;
  }
}

#wrapper.mh-quran-page .mh-q-bismillah {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 1.5rem;
  padding: 1.35rem 12% 1.45rem;
  height: 96px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: url("/design2027/basmala-frame.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  text-align: center;
  position: relative;
}

#wrapper.mh-quran-page .mh-q-bismillah__text {
  margin: 0;
  font-family: "Amiri Quran", "Amiri", "Times New Roman", serif;
  font-size: 24px;
  position: absolute;
  top: 22px;
  font-weight: 400;
  color: #111;
}

#wrapper.mh-quran-page .mh-q-bismillah[hidden] {
  display: none !important;
}

@media (max-width: 767.98px) {
  #wrapper.mh-quran-page .mh-q-bismillah {
    min-height: 72px;
    padding: 1.1rem 14% 1.2rem;
  }

  #wrapper.mh-quran-page .mh-q-bismillah__text {
    font-size: clamp(1.05rem, 4.2vw, 1.35rem);
  }
}

#wrapper.mh-quran-page .mh-q-verses {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

#wrapper.mh-quran-page .mh-q-verse {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem 0.25rem 1.35rem;
  border-radius: 14px;
  border-bottom: 1px solid rgba(220, 232, 234, 0.7);
  transition: background 0.2s ease;
}

#wrapper.mh-quran-page .mh-q-verse:hover,
#wrapper.mh-quran-page .mh-q-verse.is-active {
  background: rgba(30, 123, 133, 0.05);
}

#wrapper.mh-quran-page .mh-q-verse__ar-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  width: 100%;
}

#wrapper.mh-quran-page .mh-q-verse__ar {
  margin: 0;
  flex: 1;
  font-family: "Amiri Quran", "Amiri", "Times New Roman", serif;
  font-size: var(--mh-q-text-size, 22px);
  font-weight: 400;
  line-height: 2.05;
  color: var(--mh-q-ink);
  text-align: right;
}

#wrapper.mh-quran-page .mh-q-verse__en {
  font-size: 0.98rem;
  line-height: 1.65;
  color: var(--mh-q-muted);
  font-weight: 500;
  text-align: left;
  width: 100%;
}

#wrapper.mh-quran-page .mh-q-verse__en p {
  margin: 0;
  text-align: left;
}

#wrapper.mh-quran-page.mh-q-hide-translation .mh-q-verse__en,
#wrapper.mh-quran-page .mh-q-read.mh-q-hide-translation .mh-q-verse__en {
  display: none;
}

#wrapper.mh-quran-page .mh-q-ayah-badge {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 30%;
  background:
    radial-gradient(circle at center, var(--mh-q-teal-soft) 45%, transparent 46%),
    conic-gradient(from 22deg, rgba(30, 123, 133, 0.35), rgba(30, 123, 133, 0.08), rgba(30, 123, 133, 0.35));
  color: var(--mh-q-teal-dark);
  font-size: 0.72rem;
  font-weight: 800;
  border: 1px solid rgba(30, 123, 133, 0.25);
}

#wrapper.mh-quran-page .mh-q-trans-block .mh-q-field--row {
  margin-bottom: 0.55rem;
}

#wrapper.mh-quran-page .mh-q-field__label {
  font-size: 0.78rem;
  font-weight: 650;
  color: var(--mh-q-muted);
}

#wrapper.mh-quran-page .mh-q-trans-select[hidden] {
  display: none !important;
}

#wrapper.mh-quran-page .mh-q-trans-select .mh-q-select {
  margin-top: 0;
}

#wrapper.mh-quran-page .mh-q-verse__toolbar {
  position: static;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.15rem;
  padding: 0;
  opacity: 1;
  pointer-events: auto;
}

#wrapper.mh-quran-page .mh-q-vtool {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid var(--mh-q-line);
  background: #fff;
  color: #5c6d71;
  display: grid;
  place-items: center;
  font-size: 0.72rem;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

#wrapper.mh-quran-page .mh-q-vtool:hover,
#wrapper.mh-quran-page .mh-q-vtool.is-active {
  background: var(--mh-q-teal);
  border-color: var(--mh-q-teal);
  color: #fff;
}

/* —— Right tools —— */
#wrapper.mh-quran-page .mh-q-tools {
  position: sticky;
  top: 110px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: box-shadow 0.35s ease;
}

#wrapper.mh-quran-page .mh-q-tools.is-highlight .mh-q-card:first-child {
  box-shadow: 0 0 0 2px rgba(30, 123, 133, 0.35), 0 10px 30px rgba(16, 64, 70, 0.08);
}

#wrapper.mh-quran-page .mh-q-card {
  padding: 1.15rem 1.2rem 1.25rem;
}

#wrapper.mh-quran-page .mh-q-card__title {
  margin: 0 0 0.95rem;
  font-size: 0.95rem;
  font-weight: 750;
  color: var(--mh-q-teal);
}

#wrapper.mh-quran-page .mh-q-card__toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0 0 0.85rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--mh-q-teal);
  cursor: pointer;
  text-align: left;
}

#wrapper.mh-quran-page .mh-q-card__toggle .mh-q-card__title {
  margin: 0;
}

#wrapper.mh-quran-page .mh-q-card__toggle > i {
  font-size: 0.72rem;
  color: var(--mh-q-teal);
  transition: transform 0.25s ease;
}

#wrapper.mh-quran-page .mh-q-card--overview.is-collapsed .mh-q-card__toggle > i {
  transform: rotate(180deg);
}

#wrapper.mh-quran-page .mh-q-card--overview.is-collapsed .mh-q-overview-body {
  display: none;
}

#wrapper.mh-quran-page .mh-q-card--overview.is-collapsed .mh-q-card__toggle {
  margin-bottom: 0;
}

#wrapper.mh-quran-page .mh-q-overview {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  margin: 0 0 1rem;
}

#wrapper.mh-quran-page .mh-q-overview__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

#wrapper.mh-quran-page .mh-q-overview dt {
  margin: 0;
  color: #7a8a8e;
  font-size: 0.875rem;
  font-weight: 500;
}

#wrapper.mh-quran-page .mh-q-overview dd {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--mh-q-teal);
  text-align: right;
}

#wrapper.mh-quran-page .mh-q-overview__intro {
  margin: 0 0 1rem;
  font-size: 0.84rem;
  line-height: 1.55;
  color: #7a8a8e;
  font-weight: 500;
}

#wrapper.mh-quran-page .mh-q-overview__btn {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 44px;
  padding: 0.55rem 1rem;
  border: 1.5px solid var(--mh-q-teal);
  border-radius: 12px;
  background: #fff;
  color: var(--mh-q-teal);
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

#wrapper.mh-quran-page .mh-q-overview__btn:hover {
  background: var(--mh-q-teal-soft);
  transform: translateY(-1px);
}

#wrapper.mh-quran-page .mh-q-overview__btn i {
  font-size: 0.9rem;
}

#wrapper.mh-quran-page .mh-q-action {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.72rem 0.15rem;
  border: 0;
  background: transparent;
  color: var(--mh-q-teal);
  font-size: 0.9rem;
  font-weight: 650;
  text-align: left;
  cursor: pointer;
  transition: color 0.2s ease, opacity 0.2s ease;
}

#wrapper.mh-quran-page .mh-q-actions li:last-child .mh-q-action {
  padding-bottom: 0.15rem;
}

#wrapper.mh-quran-page .mh-q-actions li:first-child .mh-q-action {
  padding-top: 0.15rem;
}

#wrapper.mh-quran-page .mh-q-action i {
  width: 1.15rem;
  color: var(--mh-q-teal);
  font-size: 0.95rem;
}

#wrapper.mh-quran-page .mh-q-action:hover {
  color: var(--mh-q-teal-dark);
  opacity: 0.9;
}

#wrapper.mh-quran-page .mh-q-field {
  display: block;
  margin-bottom: 0.85rem;
  font-size: 0.78rem;
  font-weight: 650;
  color: var(--mh-q-muted);
}

#wrapper.mh-quran-page .mh-q-field--row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

#wrapper.mh-quran-page .mh-q-select {
  display: block;
  width: 100%;
  margin-top: 0.4rem;
  min-height: 42px;
  padding: 0.45rem 0.75rem;
  border-radius: 11px;
  border: 1px solid var(--mh-q-line);
  background: var(--mh-q-bg);
  color: var(--mh-q-ink);
  font-size: 0.875rem;
  font-weight: 600;
}

#wrapper.mh-quran-page .mh-q-size-ctrl {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.4rem;
  padding: 0.25rem;
  border-radius: 11px;
  background: var(--mh-q-bg);
  border: 1px solid var(--mh-q-line);
}

#wrapper.mh-quran-page .mh-q-size-btn {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 8px;
  background: var(--mh-q-surface);
  color: var(--mh-q-teal);
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
}

#wrapper.mh-quran-page .mh-q-size-val {
  min-width: 3rem;
  text-align: center;
  font-weight: 750;
  color: var(--mh-q-ink);
  font-size: 0.85rem;
}

#wrapper.mh-quran-page .form-check-input:checked {
  background-color: var(--mh-q-teal);
  border-color: var(--mh-q-teal);
}

#wrapper.mh-quran-page .form-switch .form-check-input {
  width: 2.6em;
  height: 1.35em;
  cursor: pointer;
}

#wrapper.mh-quran-page .mh-q-theme-btns {
  display: flex;
  gap: 0.45rem;
  margin-top: 0.45rem;
}

#wrapper.mh-quran-page .mh-q-theme-btn {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  border: 1px solid var(--mh-q-line);
  background: var(--mh-q-bg);
  color: var(--mh-q-muted);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#wrapper.mh-quran-page .mh-q-theme-btn.is-active,
#wrapper.mh-quran-page .mh-q-theme-btn:hover {
  background: var(--mh-q-teal);
  border-color: var(--mh-q-teal);
  color: #fff;
}

/* —— Footer —— */


/* —— Floating player —— */
#wrapper.mh-quran-page .mh-q-player, #wrapper.mh-hadith-page .mh-q-player {
  position: fixed;
  left: 50%;
  bottom: 1.25rem;
  z-index: 12050;
  width: min(720px, calc(100vw - 1.5rem));
  transform: translateX(-50%) translateY(120%);
  opacity: 0;
  pointer-events: none;
  transition:
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.35s ease;
}

#wrapper.mh-quran-page .mh-q-player.is-visible, #wrapper.mh-hadith-page .mh-q-player.is-visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  pointer-events: auto;
}

#wrapper.mh-quran-page .mh-q-player__panel, #wrapper.mh-hadith-page .mh-q-player__panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "meta controls"
    "seek seek";
  gap: 0.65rem 0.85rem;
  align-items: center;
  padding: 0.85rem 1rem;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(30, 123, 133, 0.14);
  box-shadow: 0 18px 50px rgba(16, 64, 70, 0.18);
  backdrop-filter: blur(14px);
}

#wrapper.mh-quran-page.mh-q-theme-dark .mh-q-player__panel {
  background: rgba(21, 38, 40, 0.96);
}

#wrapper.mh-quran-page .mh-q-player__meta, #wrapper.mh-hadith-page .mh-q-player__meta {
  grid-area: meta;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 0;
}

#wrapper.mh-quran-page .mh-q-player__avatar, #wrapper.mh-hadith-page .mh-q-player__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(30, 123, 133, 0.2);
}

#wrapper.mh-quran-page .mh-q-player__name, #wrapper.mh-hadith-page .mh-q-player__name {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 750;
  color: var(--mh-q-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#wrapper.mh-quran-page .mh-q-player__track, #wrapper.mh-hadith-page .mh-q-player__track {
  margin: 0.1rem 0 0;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--mh-q-muted);
}

#wrapper.mh-quran-page .mh-q-player__close, #wrapper.mh-hadith-page .mh-q-player__close {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #e8eef0;
  color: var(--mh-q-teal-dark);
  display: grid;
  place-items: center;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 0.85rem;
}

#wrapper.mh-quran-page .mh-q-player__close:hover, #wrapper.mh-hadith-page .mh-q-player__close:hover {
  background: #dce5e8;
}

#wrapper.mh-quran-page .mh-q-player__controls, #wrapper.mh-hadith-page .mh-q-player__controls {
  grid-area: controls;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
}

#wrapper.mh-quran-page .mh-q-player__btn, #wrapper.mh-hadith-page .mh-q-player__btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(30, 123, 133, 0.16);
  background: #fff;
  color: var(--mh-q-teal);
  display: grid;
  place-items: center;
  cursor: pointer;
}

#wrapper.mh-quran-page .mh-q-player__play, #wrapper.mh-hadith-page .mh-q-player__play {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(145deg, #1E7B85, #165e66);
  color: #fff;
  display: grid;
  place-items: center;
  box-shadow: 0 10px 24px rgba(30, 123, 133, 0.3);
  cursor: pointer;
}

#wrapper.mh-quran-page .mh-q-player__seek, #wrapper.mh-hadith-page .mh-q-player__seek {
  grid-area: seek;
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

#wrapper.mh-quran-page .mh-q-player__time, #wrapper.mh-hadith-page .mh-q-player__time {
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--mh-q-muted);
  min-width: 2.1rem;
  font-variant-numeric: tabular-nums;
}

#wrapper.mh-quran-page .mh-q-player__range, #wrapper.mh-hadith-page .mh-q-player__range {
  flex: 1;
  -webkit-appearance: none;
  appearance: none;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, #1E7B85 var(--seek, 0%), rgba(30, 123, 133, 0.15) var(--seek, 0%));
  outline: none;
  cursor: pointer;
}

#wrapper.mh-quran-page .mh-q-player__range::-webkit-slider-thumb, #wrapper.mh-hadith-page .mh-q-player__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #1E7B85;
}

#wrapper.mh-quran-page .mh-q-player__extras, #wrapper.mh-hadith-page .mh-q-player__extras {
  grid-area: extras;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.4rem;
}

#wrapper.mh-quran-page .mh-q-player__chip, #wrapper.mh-hadith-page .mh-q-player__chip {
  width: 36px;
  height: 36px;
  min-width: 36px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(30, 123, 133, 0.16);
  background: #fff;
  color: var(--mh-q-teal);
  font-size: 0.72rem;
  font-weight: 750;
  display: grid;
  place-items: center;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  #wrapper.mh-quran-page .mh-q-player__panel, #wrapper.mh-hadith-page .mh-q-player__panel {
    grid-template-columns: 1fr;
    grid-template-areas:
      "meta"
      "controls"
      "seek";
    text-align: left;
  }

  #wrapper.mh-quran-page .mh-q-player__controls, #wrapper.mh-hadith-page .mh-q-player__controls {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  #wrapper.mh-quran-page .mh-q-verse {
    padding-left: 0.25rem;
    gap: 0.65rem;
  }
  #wrapper.mh-quran-page .mh-q-verse__ar-wrap {
    justify-content: flex-end;
  }
  #wrapper.mh-quran-page .mh-q-tools {
    position: relative;
    top: auto;
    max-height: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #wrapper.mh-quran-page .mh-q-player, #wrapper.mh-hadith-page .mh-q-player {
    transition: none;
  }
}


/* —— Hadith page redesign —— */
#wrapper.mh-hadith-page {
  --mh-h-navy: #102a43;
  --mh-h-ink: #1c3347;
  --mh-h-muted: #6b7c88;
  --mh-h-gold: #b8952c;
  --mh-h-teal: #1E7B85;
  --mh-h-teal-dark: #165e66;
  --mh-h-green: #2f8f5b;
  --mh-h-cream: #f3efe6;
  --mh-h-surface: #ffffff;
  --mh-h-line: #e3eaed;
  --mh-h-soft: #eef6f7;
  --mh-h-radius: 16px;
  font-family: "Plus Jakarta Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;
  color: var(--mh-h-ink);
  background: #f7f8f9;
}

#wrapper.mh-hadith-page .mh-h-main {
  overflow: clip;
}

#wrapper.mh-hadith-page .mh-h-eyebrow {
  margin: 0 0 0.55rem;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mh-h-gold);
}

#wrapper.mh-hadith-page .mh-h-section-title {
  margin: 0;
  font-size: clamp(1.55rem, 2.4vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--mh-h-navy);
  line-height: 1.2;
}

#wrapper.mh-hadith-page .mh-h-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

#wrapper.mh-hadith-page .mh-h-section-head--simple {
  margin-bottom: 1.25rem;
}

#wrapper.mh-hadith-page .mh-h-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--mh-h-teal);
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

#wrapper.mh-hadith-page .mh-h-link:hover {
  color: var(--mh-h-teal-dark);
}

#wrapper.mh-hadith-page .mh-h-link--quiet {
  color: var(--mh-h-muted);
}

#wrapper.mh-hadith-page .mh-h-link--quiet:hover {
  color: var(--mh-h-teal);
}

#wrapper.mh-hadith-page .mh-h-icon-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

#wrapper.mh-hadith-page .mh-h-icon-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--mh-h-line);
  background: #fff;
  color: var(--mh-h-muted);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#wrapper.mh-hadith-page .mh-h-icon-btn:hover,
#wrapper.mh-hadith-page .mh-h-icon-btn.is-active {
  color: var(--mh-h-teal);
  border-color: rgba(30, 123, 133, 0.35);
  background: var(--mh-h-soft);
}

#wrapper.mh-hadith-page .mh-h-play-btn.is-playing,
#wrapper.mh-hadith-page .mh-h-play-btn:hover {
  color: #fff;
  background: var(--mh-h-teal);
  border-color: var(--mh-h-teal);
}

body.mh-q-player-open #wrapper.mh-hadith-page .mh-h-explore {
  padding-bottom: 7rem;
}

#wrapper.mh-hadith-page .mh-h-grade {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 750;
  line-height: 1;
}

#wrapper.mh-hadith-page .mh-h-grade--sahih {
  background: rgba(47, 143, 91, 0.12);
  color: var(--mh-h-green);
}

#wrapper.mh-hadith-page .mh-h-grade--hasan {
  background: rgba(184, 149, 44, 0.14);
  color: #8a6d16;
}

/* Hero */
#wrapper.mh-hadith-page .mh-h-hero {
  --mh-h-hero-bg: #fdfbf7;
  position: relative;
  isolation: isolate;
  padding: 8.5rem 0 4rem;
  background: var(--mh-h-hero-bg);
  overflow: hidden;
}

#wrapper.mh-hadith-page .mh-h-hero__bg {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(64%, 900px);
  pointer-events: none;
}

#wrapper.mh-hadith-page .mh-h-hero__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(
    90deg,
    var(--mh-h-hero-bg) 0%,
    rgba(253, 251, 247, 0.98) 6%,
    rgba(253, 251, 247, 0.9) 14%,
    rgba(253, 251, 247, 0.72) 24%,
    rgba(253, 251, 247, 0.48) 34%,
    rgba(253, 251, 247, 0.26) 44%,
    rgba(253, 251, 247, 0.12) 54%,
    rgba(253, 251, 247, 0.04) 64%,
    rgba(253, 251, 247, 0) 76%
  );
}

#wrapper.mh-hadith-page .mh-h-hero__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(180deg, var(--mh-h-hero-bg) 0%, rgba(253, 251, 247, 0) 22%),
    linear-gradient(0deg, var(--mh-h-hero-bg) 0%, rgba(253, 251, 247, 0) 18%);
  opacity: 0.9;
  pointer-events: none;
}

#wrapper.mh-hadith-page .mh-h-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 78% center;
  display: block;
  filter: saturate(0.9) contrast(1.02) brightness(1.08);
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, 0.15) 10%,
    rgba(0, 0, 0, 0.45) 22%,
    rgba(0, 0, 0, 0.75) 38%,
    #000 58%,
    #000 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, 0.15) 10%,
    rgba(0, 0, 0, 0.45) 22%,
    rgba(0, 0, 0, 0.75) 38%,
    #000 58%,
    #000 100%
  );
}

#wrapper.mh-hadith-page .mh-h-hero .container {
  position: relative;
  z-index: 1;
}

#wrapper.mh-hadith-page .mh-h-hero .mh-h-eyebrow {
  color: #b38b59;
  letter-spacing: 0.16em;
}

#wrapper.mh-hadith-page .mh-h-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
}

#wrapper.mh-hadith-page .mh-h-hero__copy {
  max-width: 36rem;
}

#wrapper.mh-hadith-page .mh-h-hero__title {
  margin: 0 0 0.9rem;
  font-size: clamp(2.35rem, 4.6vw, 3.55rem);
  font-weight: 800;
  letter-spacing: -0.045em;
  color: #101d33;
  line-height: 1.05;
}

#wrapper.mh-hadith-page .mh-h-hero__lead {
  margin: 0 0 1.45rem;
  max-width: 32rem;
  font-size: 1.02rem;
  line-height: 1.65;
  color: #667085;
  font-weight: 500;
}

#wrapper.mh-hadith-page .mh-h-search {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  max-width: 36rem;
  padding: 0.4rem 0.4rem 0.4rem 1.05rem;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e7e5e0;
  box-shadow: 0 10px 28px rgba(16, 29, 51, 0.06);
}

#wrapper.mh-hadith-page .mh-h-search > i {
  color: #98a2b3;
  flex-shrink: 0;
  font-size: 0.9rem;
}

#wrapper.mh-hadith-page .mh-h-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 0.9rem;
  font-weight: 500;
  color: #101d33;
}

#wrapper.mh-hadith-page .mh-h-search input::placeholder {
  color: #98a2b3;
}

#wrapper.mh-hadith-page .mh-h-search__btn {
  flex-shrink: 0;
  min-height: 44px;
  padding: 0 1.25rem;
  border: 0;
  border-radius: 10px;
  background: #1e6b6b;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 750;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

#wrapper.mh-hadith-page .mh-h-search__btn:hover {
  background: #165555;
  transform: translateY(-1px);
}

#wrapper.mh-hadith-page .mh-h-topics {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.7rem;
  margin-top: 1.05rem;
}

#wrapper.mh-hadith-page .mh-h-topics__label {
  font-size: 0.82rem;
  font-weight: 600;
  color: #667085;
}

#wrapper.mh-hadith-page .mh-h-topics__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

#wrapper.mh-hadith-page .mh-h-topic {
  min-height: 34px;
  padding: 0.3rem 0.9rem;
  border-radius: 999px;
  border: 1px solid #d9dee5;
  background: #fff;
  color: #344054;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#wrapper.mh-hadith-page .mh-h-topic:hover,
#wrapper.mh-hadith-page .mh-h-topic.is-active {
  background: #eef6f6;
  border-color: rgba(30, 107, 107, 0.35);
  color: #1e6b6b;
}

#wrapper.mh-hadith-page .mh-h-hero__visual {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#wrapper.mh-hadith-page .mh-h-day {
  position: relative;
  z-index: 2;
  width: min(100%, 400px);
  margin: 0 auto;
  padding: 1.35rem 1.35rem 1.2rem;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(16, 29, 51, 0.06);
  box-shadow: 0 18px 48px rgba(16, 29, 51, 0.12);
}

#wrapper.mh-hadith-page .mh-h-day__badge {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.95rem;
  font-size: 0.8rem;
  font-weight: 650;
  color: #667085;
}

#wrapper.mh-hadith-page .mh-h-day__ar {
  margin: 0 0 0.85rem;
  font-family: Amiri, "IBM Plex Sans Arabic", serif;
  font-size: clamp(1.35rem, 2.2vw, 1.65rem);
  line-height: 1.9;
  color: #101d33;
  text-align: center;
}

#wrapper.mh-hadith-page .mh-h-day__en {
  margin: 0 0 0.95rem;
  font-size: 0.94rem;
  line-height: 1.55;
  color: #475467;
  font-weight: 500;
  text-align: left;
}

#wrapper.mh-hadith-page .mh-h-day__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.55rem;
}

#wrapper.mh-hadith-page .mh-h-source-pill {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  border: 1px solid #e4e7ec;
  background: #f9fafb;
  color: #475467;
  font-size: 0.75rem;
  font-weight: 650;
}

#wrapper.mh-hadith-page .mh-h-source {
  color: var(--mh-h-teal);
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
}

#wrapper.mh-hadith-page .mh-h-day__narrator {
  margin: 0 0 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #667085;
}

#wrapper.mh-hadith-page .mh-h-pbuh {
  margin-inline-start: 0.2rem;
  color: #1e6b6b;
  font-weight: 700;
}

#wrapper.mh-hadith-page .mh-h-day__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-top: 0.95rem;
  border-top: 1px solid #eef0f3;
}

#wrapper.mh-hadith-page .mh-h-day .mh-h-link {
  color: #1e6b6b;
}

#wrapper.mh-hadith-page .mh-h-day .mh-h-icon-btn {
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  color: #667085;
  box-shadow: none;
}

#wrapper.mh-hadith-page .mh-h-day .mh-h-icon-btn:hover,
#wrapper.mh-hadith-page .mh-h-day .mh-h-icon-btn.is-active {
  color: #1e6b6b;
  background: #eef6f6;
}

/* Collections */
#wrapper.mh-hadith-page .mh-h-collections {
  padding: 3rem 0 2.5rem;
  background: #fff;
}

#wrapper.mh-hadith-page .mh-h-books {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1.15rem;
}

#wrapper.mh-hadith-page .mh-h-book__cover {
  position: relative;
  aspect-ratio: 3 / 4.2;
  border-radius: 12px;
  margin-bottom: 0.85rem;
  padding: 0;
  overflow: hidden;
  background: #122018;
  box-shadow: 0 12px 28px rgba(16, 42, 67, 0.14);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

#wrapper.mh-hadith-page .mh-h-book:hover .mh-h-book__cover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(16, 42, 67, 0.2);
}

#wrapper.mh-hadith-page .mh-h-book__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

#wrapper.mh-hadith-page .mh-h-book__ribbon {
  position: absolute;
  top: 12px;
  left: 0;
  z-index: 2;
  padding: 0.28rem 0.55rem 0.28rem 0.45rem;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(90deg, #d4af37, #f0d57a);
  color: #3d3008;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
}

#wrapper.mh-hadith-page .mh-h-book__name {
  margin: 0 0 0.2rem;
  font-size: 0.92rem;
  font-weight: 750;
  color: var(--mh-h-navy);
}

#wrapper.mh-hadith-page .mh-h-book__author,
#wrapper.mh-hadith-page .mh-h-book__count {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--mh-h-muted);
}

#wrapper.mh-hadith-page .mh-h-book__count {
  margin-bottom: 0.55rem;
}

/* Explore */
#wrapper.mh-hadith-page .mh-h-explore {
  padding: 2.5rem 0 3rem;
  background: #f7f8f9;
}

#wrapper.mh-hadith-page .mh-h-explore__grid {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 270px;
  gap: 1.35rem;
  align-items: start;
}

#wrapper.mh-hadith-page .mh-h-filters {
  padding: 1.15rem;
  border-radius: var(--mh-h-radius);
  background: #fff;
  border: 1px solid var(--mh-h-line);
  box-shadow: 0 10px 28px rgba(16, 42, 67, 0.04);
}

#wrapper.mh-hadith-page .mh-h-filters__body {
  padding: 0;
}

#wrapper.mh-hadith-page .mh-h-filters-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 40px;
  padding: 0.4rem 0.9rem;
  border-radius: 11px;
  border: 1px solid var(--mh-h-line);
  background: #fff;
  color: var(--mh-h-navy);
  font-size: 0.85rem;
  font-weight: 750;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(16, 42, 67, 0.05);
}

#wrapper.mh-hadith-page .mh-h-filters-btn i {
  color: var(--mh-h-teal);
  font-size: 0.85rem;
}

#wrapper.mh-hadith-page .mh-h-filters-btn__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: var(--mh-h-teal);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1;
}

#wrapper.mh-hadith-page .mh-h-filters-btn__badge:empty,
#wrapper.mh-hadith-page .mh-h-filters-btn__badge.is-zero {
  display: none;
}

#wrapper.mh-hadith-page .mh-h-filters__search {
  position: relative;
  display: block;
  margin-bottom: 1.1rem;
}

#wrapper.mh-hadith-page .mh-h-filters__search > i {
  position: absolute;
  left: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--mh-h-muted);
  font-size: 0.8rem;
  pointer-events: none;
}

#wrapper.mh-hadith-page .mh-h-filters__search input {
  width: 100%;
  min-height: 42px;
  padding: 0.5rem 0.75rem 0.5rem 2.25rem;
  border-radius: 11px;
  border: 1px solid var(--mh-h-line);
  background: #f8fafb;
  font-size: 0.85rem;
  font-weight: 500;
  outline: none;
}

#wrapper.mh-hadith-page .mh-h-filters__search input:focus {
  border-color: rgba(30, 123, 133, 0.4);
  background: #fff;
}

#wrapper.mh-hadith-page .mh-h-filter-group {
  margin-bottom: 1.15rem;
  padding-bottom: 1.05rem;
  border-bottom: 1px solid var(--mh-h-line);
}

#wrapper.mh-hadith-page .mh-h-filter-title {
  margin: 0 0 0.65rem;
  font-size: 0.82rem;
  font-weight: 750;
  color: var(--mh-h-navy);
}

#wrapper.mh-hadith-page .mh-h-check-list {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

#wrapper.mh-hadith-page .mh-h-check-list label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--mh-h-ink);
  cursor: pointer;
}

#wrapper.mh-hadith-page .mh-h-check-list span {
  margin-left: auto;
  color: var(--mh-h-muted);
  font-size: 0.75rem;
  font-weight: 650;
}

#wrapper.mh-hadith-page .mh-h-check-list input {
  accent-color: var(--mh-h-teal);
  width: 1rem;
  height: 1rem;
}

#wrapper.mh-hadith-page .mh-h-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

#wrapper.mh-hadith-page .mh-h-pill {
  min-height: 32px;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  border: 1px solid var(--mh-h-line);
  background: #fff;
  color: var(--mh-h-muted);
  font-size: 0.78rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#wrapper.mh-hadith-page .mh-h-pill:hover,
#wrapper.mh-hadith-page .mh-h-pill.is-active {
  background: var(--mh-h-teal);
  border-color: var(--mh-h-teal);
  color: #fff;
}

#wrapper.mh-hadith-page .mh-h-select {
  width: 100%;
  min-height: 42px;
  padding: 0.45rem 0.75rem;
  border-radius: 11px;
  border: 1px solid var(--mh-h-line);
  background: #f8fafb;
  color: var(--mh-h-ink);
  font-size: 0.85rem;
  font-weight: 600;
}

#wrapper.mh-hadith-page .mh-h-filters__foot {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding-top: 0.25rem;
}

#wrapper.mh-hadith-page .mh-h-clear {
  min-height: 42px;
  border-radius: 11px;
  border: 1.5px solid rgba(30, 123, 133, 0.3);
  background: #fff;
  color: var(--mh-h-teal);
  font-size: 0.85rem;
  font-weight: 750;
  cursor: pointer;
}

#wrapper.mh-hadith-page .mh-h-clear:hover {
  background: var(--mh-h-soft);
}

#wrapper.mh-hadith-page .mh-h-filters__count {
  font-size: 0.78rem;
  font-weight: 650;
  color: var(--mh-h-muted);
  text-align: center;
}

@media (min-width: 992px) {
  #wrapper.mh-hadith-page .mh-h-filters.offcanvas-lg {
    position: sticky;
    top: 6.5rem;
    display: block;
    visibility: visible !important;
    transform: none !important;
    height: auto !important;
    max-height: none;
    background: #fff !important;
    border: 1px solid var(--mh-h-line) !important;
    box-shadow: 0 10px 28px rgba(16, 42, 67, 0.04);
    padding: 1.15rem;
  }

  #wrapper.mh-hadith-page .mh-h-filters.offcanvas-lg .offcanvas-body {
    display: block;
    overflow: visible;
    height: auto;
  }
}

#wrapper.mh-hadith-page .mh-h-results__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

#wrapper.mh-hadith-page .mh-h-results__count {
  margin: 0;
  font-size: 0.95rem;
  color: var(--mh-h-muted);
  font-weight: 600;
}

#wrapper.mh-hadith-page .mh-h-results__count strong {
  color: var(--mh-h-navy);
  font-weight: 800;
}

#wrapper.mh-hadith-page .mh-h-sort select {
  min-height: 40px;
  padding: 0.35rem 2rem 0.35rem 0.85rem;
  border-radius: 11px;
  border: 1px solid var(--mh-h-line);
  background: #fff;
  color: var(--mh-h-ink);
  font-size: 0.85rem;
  font-weight: 650;
}

#wrapper.mh-hadith-page .mh-h-cards {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

#wrapper.mh-hadith-page .mh-h-card {
  padding: 1.15rem 1.2rem 1.05rem;
  border-radius: var(--mh-h-radius);
  background: #fff;
  border: 1px solid var(--mh-h-line);
  box-shadow: 0 8px 24px rgba(16, 42, 67, 0.04);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#wrapper.mh-hadith-page .mh-h-card.is-open,
#wrapper.mh-hadith-page .mh-h-card:hover {
  border-color: rgba(30, 123, 133, 0.22);
  box-shadow: 0 12px 28px rgba(16, 42, 67, 0.07);
}

#wrapper.mh-hadith-page .mh-h-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

#wrapper.mh-hadith-page .mh-h-card__topic {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mh-h-gold);
}

#wrapper.mh-hadith-page .mh-h-card__title {
  margin: 0 0 0.55rem;
  font-size: clamp(1.05rem, 1.6vw, 1.2rem);
  font-weight: 750;
  line-height: 1.35;
  color: var(--mh-h-navy);
}

#wrapper.mh-hadith-page .mh-h-card__desc {
  margin: 0 0 0.85rem;
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--mh-h-muted);
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}

#wrapper.mh-hadith-page .mh-h-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.9rem;
  margin-bottom: 0.85rem;
  font-size: 0.8rem;
  font-weight: 650;
  color: var(--mh-h-muted);
}

#wrapper.mh-hadith-page .mh-h-card__meta i {
  margin-right: 0.25rem;
  color: var(--mh-h-teal);
}

#wrapper.mh-hadith-page .mh-h-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

#wrapper.mh-hadith-page .mh-h-expand {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 0.85rem;
  border: 1px solid rgba(30, 123, 133, 0.28);
  border-radius: 8px;
  background: rgba(30, 123, 133, 0.06);
  color: var(--mh-h-teal);
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

#wrapper.mh-hadith-page .mh-h-expand:hover {
  background: rgba(30, 123, 133, 0.12);
  border-color: rgba(30, 123, 133, 0.45);
}

#wrapper.mh-hadith-page .mh-h-expand i {
  font-size: 0.7rem;
  transition: transform 0.2s ease;
}

#wrapper.mh-hadith-page .mh-h-card.is-open .mh-h-expand i {
  transform: rotate(180deg);
}

#wrapper.mh-hadith-page .mh-h-card__panel {
  margin-top: 0.9rem;
}

#wrapper.mh-hadith-page .mh-h-card__panel[hidden] {
  display: none !important;
}

#wrapper.mh-hadith-page .mh-h-lesson {
  display: flex;
  gap: 0.75rem;
  padding: 0.95rem 1rem;
  border-radius: 12px;
  background: var(--mh-h-soft);
  border: 1px solid rgba(30, 123, 133, 0.12);
}

#wrapper.mh-hadith-page .mh-h-lesson > i {
  color: var(--mh-h-teal);
  margin-top: 0.15rem;
}

#wrapper.mh-hadith-page .mh-h-lesson h4 {
  margin: 0 0 0.3rem;
  font-size: 0.88rem;
  font-weight: 750;
  color: var(--mh-h-navy);
}

#wrapper.mh-hadith-page .mh-h-lesson p {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.55;
  color: var(--mh-h-muted);
  font-weight: 500;
}

#wrapper.mh-hadith-page .mh-h-pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
  margin-top: 1.5rem;
}

#wrapper.mh-hadith-page .mh-h-pager__btn,
#wrapper.mh-hadith-page .mh-h-pager__num {
  min-width: 36px;
  height: 36px;
  padding: 0 0.55rem;
  border-radius: 10px;
  border: 1px solid var(--mh-h-line);
  background: #fff;
  color: var(--mh-h-ink);
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
}

#wrapper.mh-hadith-page .mh-h-pager__num.is-active,
#wrapper.mh-hadith-page .mh-h-pager__num:hover,
#wrapper.mh-hadith-page .mh-h-pager__btn:hover {
  background: var(--mh-h-teal);
  border-color: var(--mh-h-teal);
  color: #fff;
}

#wrapper.mh-hadith-page .mh-h-pager__ellipsis {
  color: var(--mh-h-muted);
  font-weight: 700;
  padding: 0 0.2rem;
}

/* Right sidebar */
#wrapper.mh-hadith-page .mh-h-side {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  top: 6.5rem;
}

#wrapper.mh-hadith-page .mh-h-side__card {
  padding: 1.15rem 1.2rem 1.2rem;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--mh-h-line);
  box-shadow: 0 10px 28px rgba(16, 42, 67, 0.04);
}

#wrapper.mh-hadith-page .mh-h-side__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 750;
  color: var(--mh-h-navy);
  letter-spacing: -0.01em;
}

#wrapper.mh-hadith-page .mh-h-side__sub {
  margin: 0.2rem 0 0;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--mh-h-muted);
}

#wrapper.mh-hadith-page .mh-h-side__progress {
  margin-top: 0.95rem;
  padding: 0.9rem 0.95rem;
  border-radius: 14px;
  background: #f3f5f6;
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

#wrapper.mh-hadith-page .mh-h-ring {
  --pct: 36;
  position: relative;
  width: 68px;
  height: 68px;
  flex-shrink: 0;
  border-radius: 50%;
  background: conic-gradient(var(--mh-h-teal) calc(var(--pct) * 1%), #dde3e6 0);
  display: grid;
  place-items: center;
}

#wrapper.mh-hadith-page .mh-h-ring::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background: #f3f5f6;
}

#wrapper.mh-hadith-page .mh-h-ring > span {
  position: relative;
  z-index: 1;
  font-size: 0.82rem;
  font-weight: 800;
  color: var(--mh-h-navy);
}

#wrapper.mh-hadith-page .mh-h-side__progress-stat {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 650;
  color: var(--mh-h-navy);
  line-height: 1.3;
}

#wrapper.mh-hadith-page .mh-h-side__progress-stat strong {
  font-weight: 800;
}

#wrapper.mh-hadith-page .mh-h-side__progress-meta {
  margin: 0.2rem 0 0;
  font-size: 0.78rem;
  font-weight: 550;
  color: var(--mh-h-muted);
}

#wrapper.mh-hadith-page .mh-h-side__topics {
  margin-top: 0.85rem;
}

#wrapper.mh-hadith-page .mh-h-side__topics > li + li {
  border-top: 1px solid var(--mh-h-line);
}

#wrapper.mh-hadith-page .mh-h-side__topic {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.8rem 0;
  border: 0;
  background: transparent;
  color: var(--mh-h-ink);
  font-size: 0.9rem;
  font-weight: 650;
  text-align: left;
  cursor: pointer;
}

#wrapper.mh-hadith-page .mh-h-side__topic:hover {
  color: var(--mh-h-teal);
}

#wrapper.mh-hadith-page .mh-h-side__count {
  min-width: 2rem;
  padding: 0.2rem 0.45rem;
  border-radius: 8px;
  background: #eef1f3;
  color: var(--mh-h-navy);
  font-size: 0.78rem;
  font-weight: 750;
  text-align: center;
}

#wrapper.mh-hadith-page .mh-h-side__cta {
  padding: 1.25rem 1.2rem 1.2rem;
  border-radius: 16px;
  background: var(--mh-h-teal);
  color: #fff;
  box-shadow: 0 14px 32px rgba(30, 123, 133, 0.28);
}

#wrapper.mh-hadith-page .mh-h-side__cta-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 750;
  line-height: 1.35;
  color: #fff;
}

#wrapper.mh-hadith-page .mh-h-side__cta-copy {
  margin: 0.45rem 0 0;
  font-size: 0.84rem;
  font-weight: 500;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.82);
}

#wrapper.mh-hadith-page .mh-h-side__cta-btn {
  width: 100%;
  margin-top: 1.05rem;
  min-height: 46px;
  padding: 0.65rem 1rem;
  border: 0;
  border-radius: 12px;
  background: #fff;
  color: var(--mh-h-teal);
  font-size: 0.9rem;
  font-weight: 800;
  cursor: pointer;
  transition: filter 0.2s ease;
}

#wrapper.mh-hadith-page .mh-h-side__cta-btn:hover {
  filter: brightness(0.97);
}

@media (max-width: 1199.98px) {
  #wrapper.mh-hadith-page .mh-h-books {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #wrapper.mh-hadith-page .mh-h-explore__grid {
    grid-template-columns: 240px minmax(0, 1fr);
  }

  #wrapper.mh-hadith-page .mh-h-side {
    grid-column: 1 / -1;
    position: static;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
}

@media (max-width: 991.98px) {
  #wrapper.mh-hadith-page .mh-h-hero__grid,
  #wrapper.mh-hadith-page .mh-h-explore__grid {
    grid-template-columns: 1fr;
  }

  #wrapper.mh-hadith-page .mh-h-hero__bg {
    width: 100%;
    opacity: 1;
  }

  #wrapper.mh-hadith-page .mh-h-hero__bg::before {
    background: linear-gradient(
      180deg,
      var(--mh-h-hero-bg) 0%,
      rgba(253, 251, 247, 0.92) 22%,
      rgba(253, 251, 247, 0.55) 48%,
      rgba(253, 251, 247, 0.18) 70%,
      rgba(253, 251, 247, 0) 88%
    );
  }

  #wrapper.mh-hadith-page .mh-h-hero__visual {
    min-height: auto;
    order: 2;
  }

  #wrapper.mh-hadith-page .mh-h-hero__copy {
    order: 1;
  }

  #wrapper.mh-hadith-page .mh-h-day {
    margin: 0.75rem auto 0;
  }

  #wrapper.mh-hadith-page .mh-h-side {
    grid-template-columns: 1fr;
  }

  #wrapper.mh-hadith-page .mh-h-filters.offcanvas-bottom {
    --bs-offcanvas-height: min(88vh, 720px);
    height: var(--bs-offcanvas-height);
    border-radius: 20px 20px 0 0;
    border: 0;
    padding: 0;
    box-shadow: 0 -12px 40px rgba(16, 42, 67, 0.16);
  }

  #wrapper.mh-hadith-page .mh-h-filters__sheet-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.35rem 1.15rem 0.85rem;
    border-bottom: 1px solid var(--mh-h-line);
  }

  #wrapper.mh-hadith-page .mh-h-filters__sheet-handle {
    position: absolute;
    top: 0.55rem;
    left: 50%;
    width: 2.5rem;
    height: 0.28rem;
    border-radius: 999px;
    background: #d0d5dd;
    transform: translateX(-50%);
  }

  #wrapper.mh-hadith-page .mh-h-filters__sheet-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--mh-h-navy);
  }

  #wrapper.mh-hadith-page .mh-h-filters__body {
    padding: 1rem 1.15rem 1.35rem;
    overflow-y: auto;
  }
}

@media (max-width: 767.98px) {
  #wrapper.mh-hadith-page .mh-h-books {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #wrapper.mh-hadith-page .mh-h-section-head {
    flex-direction: column;
    align-items: flex-start;
  }

  #wrapper.mh-hadith-page .mh-h-hero {
    padding-top: 6.5rem;
    padding-bottom: 3rem;
  }

  #wrapper.mh-hadith-page .mh-h-search {
    flex-wrap: wrap;
    padding: 0.65rem;
  }

  #wrapper.mh-hadith-page .mh-h-search__btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  #wrapper.mh-hadith-page .mh-h-day,
  #wrapper.mh-hadith-page .mh-h-book__cover {
    animation: none;
    transition: none;
  }
}

/* ==========================================================================
   Community page redesign
   ========================================================================== */
#wrapper.mh-community-page {
  --mh-c-teal: #1E7B85;
  --mh-c-teal-dark: #165e66;
  --mh-c-ink: #1a2f36;
  --mh-c-muted: #6b7c82;
  --mh-c-line: #e4eaec;
  --mh-c-bg: #f4f6f7;
  --mh-c-cream: #fbfcfc;
  --mh-c-gold: #c9a227;
  --mh-c-radius: 16px;
  --mh-c-serif: "Source Serif 4", Georgia, serif;
  --mh-c-sans: "Plus Jakarta Sans", system-ui, sans-serif;
  background: var(--mh-c-cream);
  font-family: var(--mh-c-sans);
  color: var(--mh-c-ink);
}

#wrapper.mh-community-page .mh-c-main {
  padding-top: 0;
}

#wrapper.mh-community-page .mh-c-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 44px;
  padding: 0.55rem 1.1rem;
  border-radius: 12px;
  border: 1px solid transparent;
  font-size: 0.875rem;
  font-weight: 750;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
}

#wrapper.mh-community-page .mh-c-btn--primary {
  background: var(--mh-c-teal);
  color: #fff;
}

#wrapper.mh-community-page .mh-c-btn--primary:hover {
  background: var(--mh-c-teal-dark);
  color: #fff;
}

#wrapper.mh-community-page .mh-c-btn--outline {
  background: #fff;
  border-color: rgba(30, 123, 133, 0.28);
  color: var(--mh-c-teal);
}

#wrapper.mh-community-page .mh-c-btn--outline:hover {
  border-color: var(--mh-c-teal);
  background: rgba(30, 123, 133, 0.05);
}

#wrapper.mh-community-page .mh-c-btn--ghost {
  background: #eef4f5;
  color: var(--mh-c-teal-dark);
}

#wrapper.mh-community-page .mh-c-btn--light {
  background: #fff;
  color: var(--mh-c-teal);
}

#wrapper.mh-community-page .mh-c-btn--sm {
  min-height: 36px;
  padding: 0.4rem 0.85rem;
  font-size: 0.8rem;
}

#wrapper.mh-community-page .mh-c-btn--block {
  width: 100%;
}

/* Hero */
#wrapper.mh-community-page .mh-c-hero {
  padding: 7.5rem 0 2.5rem;
  background:
    radial-gradient(circle at 88% 18%, rgba(30, 123, 133, 0.08), transparent 32%),
    linear-gradient(180deg, #f7fafb 0%, var(--mh-c-cream) 100%);
}

#wrapper.mh-community-page .mh-c-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 2rem;
  align-items: center;
}

#wrapper.mh-community-page .mh-c-eyebrow {
  margin: 0 0 0.65rem;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mh-c-teal);
}

#wrapper.mh-community-page .mh-c-hero__title {
  margin: 0;
  max-width: 14ch;
  font-family: var(--mh-c-serif);
  font-size: clamp(2.4rem, 4.2vw, 3.45rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: #15343a;
}

#wrapper.mh-community-page .mh-c-hero__lead {
  margin: 1rem 0 0;
  max-width: 38rem;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.6;
  color: var(--mh-c-muted);
}

#wrapper.mh-community-page .mh-c-hero__actions {
  margin-top: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: stretch;
}

#wrapper.mh-community-page .mh-c-search {
  flex: 1 1 280px;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 52px;
  padding: 0.55rem 1rem;
  border-radius: 14px;
  background: #fff;
  border: 1px solid var(--mh-c-line);
  box-shadow: 0 10px 28px rgba(16, 42, 67, 0.05);
}

#wrapper.mh-community-page .mh-c-search > i {
  color: var(--mh-c-muted);
  font-size: 0.9rem;
}

#wrapper.mh-community-page .mh-c-search input {
  flex: 1;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--mh-c-ink);
  font-family: inherit;
}

#wrapper.mh-community-page .mh-c-hero__visual {
  display: flex;
  justify-content: center;
}

#wrapper.mh-community-page .mh-c-hero__img {
  width: min(100%, 520px);
  height: auto;
  display: block;
  filter: drop-shadow(0 18px 40px rgba(30, 123, 133, 0.12));
}

/* Topics */
#wrapper.mh-community-page .mh-c-topics {
  padding: 0 0 1.5rem;
}

#wrapper.mh-community-page .mh-c-topics__bar {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.95rem 1.1rem;
  border-radius: 16px;
  background: #eef2f3;
  border: 1px solid rgba(30, 123, 133, 0.06);
}

#wrapper.mh-community-page .mh-c-topics__label {
  margin: 0;
  flex-shrink: 0;
  font-size: 0.9rem;
  font-weight: 800;
  color: var(--mh-c-ink);
  white-space: nowrap;
}

#wrapper.mh-community-page .mh-c-topics__row {
  display: flex;
  flex: 1;
  gap: 0.55rem;
  overflow-x: auto;
  padding-bottom: 0.15rem;
  scrollbar-width: thin;
}

#wrapper.mh-community-page .mh-c-topic {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 40px;
  padding: 0.4rem 0.9rem;
  border-radius: 999px;
  border: 1px solid #fff;
  background: #fff;
  color: var(--mh-c-ink);
  font-size: 0.8rem;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#wrapper.mh-community-page .mh-c-topic i {
  color: var(--mh-c-teal);
  font-size: 0.78rem;
}

#wrapper.mh-community-page .mh-c-topic:hover,
#wrapper.mh-community-page .mh-c-topic.is-active {
  background: var(--mh-c-teal);
  border-color: var(--mh-c-teal);
  color: #fff;
}

#wrapper.mh-community-page .mh-c-topic:hover i,
#wrapper.mh-community-page .mh-c-topic.is-active i {
  color: #fff;
}

#wrapper.mh-community-page .mh-c-topics__all {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.82rem;
  font-weight: 750;
  color: var(--mh-c-teal);
  text-decoration: none;
  white-space: nowrap;
}

#wrapper.mh-community-page .mh-c-topics__all:hover {
  color: var(--mh-c-teal-dark);
}

/* Layout */
#wrapper.mh-community-page .mh-c-feed-section {
  padding: 0.5rem 0 3rem;
}

#wrapper.mh-community-page .mh-c-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 1.35rem;
  align-items: start;
}

/* Feed toolbar */
#wrapper.mh-community-page .mh-c-feed__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

#wrapper.mh-community-page .mh-c-tabs {
  display: flex;
  gap: 0.15rem;
}

#wrapper.mh-community-page .mh-c-tab {
  position: relative;
  padding: 0.55rem 0.9rem;
  border: 0;
  background: transparent;
  color: var(--mh-c-muted);
  font-size: 0.92rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
}

#wrapper.mh-community-page .mh-c-tab.is-active {
  color: var(--mh-c-teal);
}

#wrapper.mh-community-page .mh-c-tab.is-active::after {
  content: "";
  position: absolute;
  left: 0.65rem;
  right: 0.65rem;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--mh-c-teal);
}

#wrapper.mh-community-page .mh-c-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 38px;
  padding: 0.4rem 0.85rem;
  border-radius: 10px;
  border: 1px solid var(--mh-c-line);
  background: #fff;
  color: var(--mh-c-ink);
  font-size: 0.82rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
}

/* Composer */
#wrapper.mh-community-page .mh-c-composer {
  display: flex;
  gap: 0.85rem;
  padding: 1rem 1.1rem;
  margin-bottom: 1rem;
  border-radius: var(--mh-c-radius);
  background: #fff;
  border: 1px solid var(--mh-c-line);
  box-shadow: 0 8px 24px rgba(16, 42, 67, 0.04);
}

#wrapper.mh-community-page .mh-c-composer__avatar,
#wrapper.mh-community-page .mh-c-post__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

#wrapper.mh-community-page .mh-c-composer__body {
  flex: 1;
  min-width: 0;
}

#wrapper.mh-community-page .mh-c-composer textarea {
  width: 100%;
  border: 0;
  outline: none;
  resize: vertical;
  min-height: 56px;
  font-size: 0.95rem;
  font-weight: 500;
  font-family: inherit;
  color: var(--mh-c-ink);
  background: transparent;
}

#wrapper.mh-community-page .mh-c-composer__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.55rem;
  flex-wrap: wrap;
}

#wrapper.mh-community-page .mh-c-composer__tools {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

#wrapper.mh-community-page .mh-c-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 34px;
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  border: 1px solid var(--mh-c-line);
  background: #f7f9fa;
  color: var(--mh-c-muted);
  font-size: 0.75rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
}

#wrapper.mh-community-page .mh-c-chip i {
  color: var(--mh-c-teal);
}

/* Posts */
#wrapper.mh-community-page .mh-c-posts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#wrapper.mh-community-page .mh-c-post {
  padding: 1.1rem 1.15rem 0.85rem;
  border-radius: var(--mh-c-radius);
  background: #fff;
  border: 1px solid var(--mh-c-line);
  box-shadow: 0 8px 24px rgba(16, 42, 67, 0.035);
}

#wrapper.mh-community-page .mh-c-post__head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

#wrapper.mh-community-page .mh-c-post__meta {
  flex: 1;
  min-width: 0;
}

#wrapper.mh-community-page .mh-c-post__who {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}

#wrapper.mh-community-page .mh-c-post__who strong {
  font-size: 0.92rem;
  font-weight: 750;
  color: var(--mh-c-ink);
}

#wrapper.mh-community-page .mh-c-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  background: rgba(201, 162, 39, 0.16);
  color: #8a6d12;
  font-size: 0.68rem;
  font-weight: 800;
}

#wrapper.mh-community-page .mh-c-post__time {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--mh-c-muted);
}

#wrapper.mh-community-page .mh-c-post__more {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--mh-c-muted);
  cursor: pointer;
}

#wrapper.mh-community-page .mh-c-post__body p {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.55;
  color: #2a3f46;
}

#wrapper.mh-community-page .mh-c-post__title {
  margin: 0 0 0.45rem;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--mh-c-ink);
}

#wrapper.mh-community-page .mh-c-tag {
  display: inline-flex;
  margin-top: 0.75rem;
  padding: 0.22rem 0.65rem;
  border-radius: 999px;
  background: #eef4f5;
  color: var(--mh-c-teal);
  font-size: 0.72rem;
  font-weight: 750;
}

#wrapper.mh-community-page .mh-c-video {
  position: relative;
  margin-top: 0.85rem;
  border-radius: 14px;
  overflow: hidden;
  background: #102a43;
  aspect-ratio: 16 / 9;
}

#wrapper.mh-community-page .mh-c-video__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.88;
  display: block;
}

#wrapper.mh-community-page .mh-c-video__play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  color: var(--mh-c-teal);
  display: grid;
  place-items: center;
  font-size: 1rem;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2);
}

#wrapper.mh-community-page .mh-c-video__label {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 750;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

#wrapper.mh-community-page .mh-c-post__actions {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.95rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--mh-c-line);
}

#wrapper.mh-community-page .mh-c-react {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 36px;
  padding: 0.3rem 0.65rem;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--mh-c-muted);
  font-size: 0.82rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
}

#wrapper.mh-community-page .mh-c-react:hover,
#wrapper.mh-community-page .mh-c-react.is-active {
  color: var(--mh-c-teal);
  background: rgba(30, 123, 133, 0.06);
}

#wrapper.mh-community-page .mh-c-react[data-react="like"].is-active {
  color: #c0455a;
}

#wrapper.mh-community-page .mh-c-react[data-react="bookmark"] {
  margin-left: auto;
}

#wrapper.mh-community-page .mh-c-load {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  margin-top: 1.15rem;
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid var(--mh-c-line);
  background: #fff;
  color: var(--mh-c-teal);
  font-size: 0.9rem;
  font-weight: 750;
  font-family: inherit;
  cursor: pointer;
}

#wrapper.mh-community-page .mh-c-load:disabled {
  opacity: 0.7;
  cursor: default;
  color: var(--mh-c-muted);
}

/* Sidebar */
#wrapper.mh-community-page .mh-c-side {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  top: 6.25rem;
}

#wrapper.mh-community-page .mh-c-side__card {
  padding: 1.1rem 1.15rem;
  border-radius: var(--mh-c-radius);
  background: #fff;
  border: 1px solid var(--mh-c-line);
  box-shadow: 0 8px 24px rgba(16, 42, 67, 0.035);
}

#wrapper.mh-community-page .mh-c-side__title {
  margin: 0 0 0.85rem;
  font-size: 1rem;
  font-weight: 800;
  color: var(--mh-c-ink);
}

#wrapper.mh-community-page .mh-c-groups > li + li,
#wrapper.mh-community-page .mh-c-people > li + li {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--mh-c-line);
}

#wrapper.mh-community-page .mh-c-group,
#wrapper.mh-community-page .mh-c-person {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

#wrapper.mh-community-page .mh-c-group__icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: #eef5f6;
  color: var(--mh-c-teal);
  flex-shrink: 0;
}

#wrapper.mh-community-page .mh-c-group__copy,
#wrapper.mh-community-page .mh-c-person__copy {
  flex: 1;
  min-width: 0;
}

#wrapper.mh-community-page .mh-c-group__copy strong,
#wrapper.mh-community-page .mh-c-person__copy strong {
  display: block;
  font-size: 0.88rem;
  font-weight: 750;
  color: var(--mh-c-ink);
}

#wrapper.mh-community-page .mh-c-person__copy strong i {
  color: #3b82f6;
  font-size: 0.75rem;
  margin-left: 0.15rem;
}

#wrapper.mh-community-page .mh-c-group__copy span,
#wrapper.mh-community-page .mh-c-person__copy span {
  display: block;
  margin-top: 0.1rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--mh-c-muted);
}

#wrapper.mh-community-page .mh-c-person img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

#wrapper.mh-community-page .mh-c-group .mh-c-btn,
#wrapper.mh-community-page .mh-c-person .mh-c-btn {
  min-height: 34px;
  padding: 0.3rem 0.75rem;
  font-size: 0.75rem;
  flex-shrink: 0;
}

/* Live card */
#wrapper.mh-community-page .mh-c-live__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}

#wrapper.mh-community-page .mh-c-live__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: #fde8ea;
  color: #c0455a;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.04em;
}

#wrapper.mh-community-page .mh-c-live__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e11d48;
  box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.18);
}

#wrapper.mh-community-page .mh-c-live__when {
  font-size: 0.75rem;
  font-weight: 650;
  color: var(--mh-c-muted);
}

#wrapper.mh-community-page .mh-c-live__title {
  margin: 0;
  font-size: 1.02rem;
  font-weight: 800;
  line-height: 1.35;
  color: var(--mh-c-ink);
}

#wrapper.mh-community-page .mh-c-live__sub {
  margin: 0.35rem 0 0;
  font-size: 0.8rem;
  font-weight: 550;
  color: var(--mh-c-muted);
}

#wrapper.mh-community-page .mh-c-live__people {
  display: flex;
  align-items: center;
  margin: 0.9rem 0 1rem;
}

#wrapper.mh-community-page .mh-c-live__people img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff;
  margin-left: -8px;
}

#wrapper.mh-community-page .mh-c-live__people img:first-child {
  margin-left: 0;
}

#wrapper.mh-community-page .mh-c-live__people span {
  margin-left: 0.55rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--mh-c-muted);
}

/* Trust */
#wrapper.mh-community-page .mh-c-trust__list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

#wrapper.mh-community-page .mh-c-trust__list li {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  font-size: 0.84rem;
  font-weight: 600;
  color: #334b52;
  line-height: 1.4;
}

#wrapper.mh-community-page .mh-c-trust__list i {
  margin-top: 0.15rem;
  color: var(--mh-c-teal);
  width: 1rem;
}

#wrapper.mh-community-page .mh-c-trust__link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.95rem;
  font-size: 0.82rem;
  font-weight: 750;
  color: var(--mh-c-teal);
  text-decoration: none;
}

/* Explore communities */
#wrapper.mh-community-page .mh-c-communities {
  padding: 0.5rem 0 3rem;
  background: #f7f9fa;
}

#wrapper.mh-community-page .mh-c-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.35rem;
}

#wrapper.mh-community-page .mh-c-section-title {
  margin: 0;
  font-size: 1.55rem;
  font-weight: 800;
  color: var(--mh-c-ink);
  letter-spacing: -0.02em;
}

#wrapper.mh-community-page .mh-c-section-sub {
  margin: 0.35rem 0 0;
  max-width: 36rem;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--mh-c-muted);
}

#wrapper.mh-community-page .mh-c-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.88rem;
  font-weight: 750;
  color: var(--mh-c-teal);
  text-decoration: none;
  white-space: nowrap;
}

#wrapper.mh-community-page .mh-c-community-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.15rem;
}

#wrapper.mh-community-page .mh-c-community-card {
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--mh-c-line);
  box-shadow: 0 12px 30px rgba(16, 42, 67, 0.05);
  display: flex;
  flex-direction: column;
}

#wrapper.mh-community-page .mh-c-community-card__media {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #dfe8ea;
}

#wrapper.mh-community-page .mh-c-community-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#wrapper.mh-community-page .mh-c-community-card__body {
  padding: 1.1rem 1.15rem 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  flex: 1;
}

#wrapper.mh-community-page .mh-c-community-card__body h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--mh-c-ink);
}

#wrapper.mh-community-page .mh-c-community-card__meta {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--mh-c-teal);
}

#wrapper.mh-community-page .mh-c-community-card__desc {
  margin: 0 0 0.85rem;
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--mh-c-muted);
  flex: 1;
}

/* Modal helpers */
#wrapper.mh-community-page .mh-c-modal .modal-content {
  border-radius: 16px;
  border: 1px solid var(--mh-c-line);
}

#wrapper.mh-community-page .mh-c-modal__label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.8rem;
  font-weight: 750;
  color: var(--mh-c-ink);
}

@media (max-width: 1199.98px) {
  #wrapper.mh-community-page .mh-c-layout {
    grid-template-columns: minmax(0, 1fr) 280px;
  }

  #wrapper.mh-community-page .mh-c-community-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  #wrapper.mh-community-page .mh-c-hero {
    padding-top: 6.5rem;
  }

  #wrapper.mh-community-page .mh-c-hero__grid,
  #wrapper.mh-community-page .mh-c-layout,
  #wrapper.mh-community-page .mh-c-community-grid {
    /* minmax(0,1fr): plain 1fr lets the feed's min-content (426px) overflow the viewport */
    grid-template-columns: minmax(0, 1fr);
  }

  #wrapper.mh-community-page .mh-c-hero__visual {
    display: none;
  }

  #wrapper.mh-community-page .mh-c-topics__bar {
    flex-wrap: wrap;
  }

  #wrapper.mh-community-page .mh-c-topics__all {
    width: 100%;
    justify-content: flex-end;
  }

  #wrapper.mh-community-page .mh-c-side {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #wrapper.mh-community-page .mh-c-side .mh-c-trust {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767.98px) {
  #wrapper.mh-community-page .mh-c-hero__title {
    max-width: none;
  }

  #wrapper.mh-community-page .mh-c-side {
    grid-template-columns: 1fr;
  }

  #wrapper.mh-community-page .mh-c-section-head {
    flex-direction: column;
    align-items: flex-start;
  }

  #wrapper.mh-community-page .mh-c-composer {
    flex-direction: column;
  }
}

/* ==========================================================================
   Education page redesign
   ========================================================================== */
#wrapper.mh-education-page {
  --mh-e-teal: #1E7B85;
  --mh-e-teal-dark: #165e66;
  --mh-e-navy: #0f2c34;
  --mh-e-ink: #1a2f36;
  --mh-e-muted: #6b7c82;
  --mh-e-line: #e4eaec;
  --mh-e-bg: #f6f8f9;
  --mh-e-gold: #e8b86d;
  --mh-e-radius: 16px;
  --mh-e-sans: "Plus Jakarta Sans", system-ui, sans-serif;
  --mh-e-serif: "Source Serif 4", Georgia, serif;
  background: #fff;
  font-family: var(--mh-e-sans);
  color: var(--mh-e-ink);
}

#wrapper.mh-education-page .mh-e-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 46px;
  padding: 0.6rem 1.15rem;
  border-radius: 12px;
  border: 0;
  font-size: 0.9rem;
  font-weight: 750;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

#wrapper.mh-education-page .mh-e-btn--primary {
  background: var(--mh-e-teal);
  color: #fff;
}

#wrapper.mh-education-page .mh-e-btn--primary:hover {
  background: var(--mh-e-teal-dark);
  color: #fff;
}

#wrapper.mh-education-page .mh-e-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.9rem;
  font-weight: 750;
  color: var(--mh-e-teal);
  text-decoration: none;
}

#wrapper.mh-education-page .mh-e-link:hover {
  color: var(--mh-e-teal-dark);
}

#wrapper.mh-education-page .mh-e-bar {
  height: 8px;
  border-radius: 999px;
  background: rgba(30, 123, 133, 0.12);
  overflow: hidden;
}

#wrapper.mh-education-page .mh-e-bar > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1E7B85, #2aa0ab);
}

#wrapper.mh-education-page .mh-e-bar--lg {
  height: 10px;
  margin: 0.85rem 0 1rem;
}

/* Hero — dark glassmorphism (design match) */
#wrapper.mh-education-page .mh-e-btn--block {
  width: 100%;
}

#wrapper.mh-education-page .mh-e-hero {
  position: relative;
  padding: 9.5rem 0 4.5rem;
  overflow: hidden;
  color: #fff;
  background: #071820;
}

#wrapper.mh-education-page .mh-e-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

#wrapper.mh-education-page .mh-e-hero__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72% center;
  opacity: 0.72;
}

#wrapper.mh-education-page .mh-e-hero__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(105deg, rgba(5, 18, 24, 0.94) 0%, rgba(7, 26, 34, 0.82) 42%, rgba(8, 30, 38, 0.45) 72%, rgba(8, 30, 38, 0.28) 100%),
    radial-gradient(circle at 78% 48%, rgba(30, 123, 133, 0.28), transparent 38%);
}

#wrapper.mh-education-page .mh-e-hero .container {
  position: relative;
  z-index: 1;
}

#wrapper.mh-education-page .mh-e-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.95fr);
  gap: 1.75rem 2.25rem;
  align-items: center;
}

#wrapper.mh-education-page .mh-e-eyebrow {
  margin: 0 0 0.75rem;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #e0b35a;
}

#wrapper.mh-education-page .mh-e-hero__title {
  margin: 0;
  max-width: 15ch;
  font-family: var(--mh-e-sans);
  font-size: clamp(2.15rem, 3.8vw, 3.15rem);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: -0.025em;
  color: #fff;
}

#wrapper.mh-education-page .mh-e-hero__lead {
  margin: 1.15rem 0 0;
  max-width: 34rem;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.6;
  color: rgba(232, 240, 244, 0.72);
}

#wrapper.mh-education-page .mh-e-hero-search {
  margin-top: 1.85rem;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  max-width: 500px;
  min-height: 54px;
  padding: 0.4rem 0.4rem 0.4rem 1.05rem;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}

#wrapper.mh-education-page .mh-e-hero-search input {
  flex: 1;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 0.94rem;
  font-weight: 550;
  font-family: inherit;
  color: #1a2f36;
  min-width: 0;
}

#wrapper.mh-education-page .mh-e-hero-search input::placeholder {
  color: #8a9a9e;
}

#wrapper.mh-education-page .mh-e-hero-search__btn {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 11px;
  background: var(--mh-e-teal);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  flex-shrink: 0;
}

#wrapper.mh-education-page .mh-e-hero-search__btn:hover {
  background: var(--mh-e-teal-dark);
}


/* Side: path + progress */
#wrapper.mh-education-page .mh-e-hero__side {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(180px, 0.9fr);
  gap: 0.9rem;
  align-items: stretch;
}

#wrapper.mh-education-page .mh-e-path {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding: 1rem 0.95rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

#wrapper.mh-education-page .mh-e-path::before {
  content: "";
  position: absolute;
  left: calc(0.95rem + 21px);
  top: 2.4rem;
  bottom: 2.4rem;
  width: 0;
  border-left: 1.5px dashed rgba(255, 255, 255, 0.22);
}

#wrapper.mh-education-page .mh-e-path__step {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  padding: 0.55rem 0.55rem;
  border-radius: 14px;
}

#wrapper.mh-education-page .mh-e-path__step.is-active {
  background: rgba(30, 123, 133, 0.28);
  border: 1px solid rgba(90, 200, 210, 0.45);
  box-shadow: 0 0 28px rgba(30, 123, 133, 0.28);
}

#wrapper.mh-education-page .mh-e-path__icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.95rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

#wrapper.mh-education-page .mh-e-path__step.is-done .mh-e-path__icon {
  background: rgba(47, 158, 120, 0.2);
  border-color: rgba(47, 158, 120, 0.45);
  color: #7ddeb8;
}

#wrapper.mh-education-page .mh-e-path__step.is-active .mh-e-path__icon {
  background: var(--mh-e-teal);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  box-shadow: 0 0 18px rgba(30, 123, 133, 0.55);
}

#wrapper.mh-education-page .mh-e-path__step.is-locked .mh-e-path__icon {
  color: rgba(255, 255, 255, 0.45);
}

#wrapper.mh-education-page .mh-e-path__label {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.92);
}

#wrapper.mh-education-page .mh-e-path__meta {
  margin: 0.15rem 0 0;
  font-size: 0.78rem;
  font-weight: 550;
  color: rgba(232, 240, 244, 0.62);
}

#wrapper.mh-education-page .mh-e-path__step.is-locked .mh-e-path__label,
#wrapper.mh-education-page .mh-e-path__step.is-locked .mh-e-path__meta {
  color: rgba(232, 240, 244, 0.42);
}

#wrapper.mh-education-page .mh-e-path__status {
  color: #7ddeb8;
  font-size: 0.95rem;
}

#wrapper.mh-education-page .mh-e-path__step.is-locked .mh-e-path__status {
  color: rgba(232, 240, 244, 0.4);
  font-size: 0.8rem;
}

#wrapper.mh-education-page .mh-e-progress-card {
  display: flex;
  flex-direction: column;
  padding: 1.1rem 1.1rem 1rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

#wrapper.mh-education-page .mh-e-progress-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.55rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: rgba(232, 240, 244, 0.75);
}

#wrapper.mh-education-page .mh-e-progress-card__head strong {
  color: #fff;
  font-size: 0.95rem;
  font-weight: 800;
}

#wrapper.mh-education-page .mh-e-progress-card .mh-e-bar {
  background: rgba(255, 255, 255, 0.12);
  margin-bottom: 1rem;
}

#wrapper.mh-education-page .mh-e-progress-card .mh-e-bar > span {
  background: linear-gradient(90deg, #1E7B85, #3eb4bf);
}

#wrapper.mh-education-page .mh-e-progress-card__lesson {
  margin: 0;
  font-size: 0.7rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(232, 240, 244, 0.5);
}

#wrapper.mh-education-page .mh-e-progress-card h3 {
  margin: 0.35rem 0 1rem;
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.35;
  color: #fff;
}

#wrapper.mh-education-page .mh-e-progress-card .mh-e-btn {
  margin-top: auto;
}

#wrapper.mh-education-page .mh-e-progress-card__link {
  display: block;
  margin-top: 0.75rem;
  text-align: center;
  font-size: 0.84rem;
  font-weight: 700;
  color: rgba(232, 240, 244, 0.78);
  text-decoration: none;
}

#wrapper.mh-education-page .mh-e-progress-card__link:hover {
  color: #fff;
}

#wrapper.mh-education-page .mh-e-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2.25rem;
  margin-top: 2.75rem;
  padding-top: 1.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#wrapper.mh-education-page .mh-e-trust li {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.88rem;
  font-weight: 650;
  color: rgba(232, 240, 244, 0.88);
}

#wrapper.mh-education-page .mh-e-trust i {
  width: 1.1rem;
  color: rgba(232, 240, 244, 0.7);
}

/* Section heads */
#wrapper.mh-education-page .mh-e-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.75rem;
}

#wrapper.mh-education-page .mh-e-section-title {
  margin: 0;
  font-size: 1.55rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--mh-e-ink);
}

#wrapper.mh-education-page .mh-e-section-sub {
  margin: 0.25rem 0 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--mh-e-muted);
}

/* Continue */
#wrapper.mh-education-page .mh-e-continue {
  padding: 4.75rem 0 4rem;
  background: var(--mh-e-bg);
}

#wrapper.mh-education-page .mh-e-continue__card {
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.1fr);
  gap: 0;
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  border: 1px solid var(--mh-e-line);
  box-shadow: 0 16px 40px rgba(16, 42, 67, 0.06);
}

#wrapper.mh-education-page .mh-e-continue__media {
  min-height: 240px;
  background: #dfe8ea;
}

#wrapper.mh-education-page .mh-e-continue__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#wrapper.mh-education-page .mh-e-continue__body {
  padding: 1.5rem 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#wrapper.mh-education-page .mh-e-continue__eyebrow {
  margin: 0 0 0.45rem;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mh-e-teal);
}

#wrapper.mh-education-page .mh-e-continue__body h2 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--mh-e-ink);
}

#wrapper.mh-education-page .mh-e-continue__lesson {
  margin: 0.45rem 0 0;
  font-size: 0.92rem;
  font-weight: 550;
  color: var(--mh-e-muted);
}

#wrapper.mh-education-page .mh-e-continue__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  margin-bottom: 1.1rem;
  font-size: 0.84rem;
  font-weight: 650;
  color: var(--mh-e-muted);
}

#wrapper.mh-education-page .mh-e-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
}

#wrapper.mh-education-page .mh-e-pill--beginner {
  background: #e5f6ee;
  color: #1f7a52;
}

#wrapper.mh-education-page .mh-e-continue__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

/* Courses */
#wrapper.mh-education-page .mh-e-courses {
  padding: 4.75rem 0 5.5rem;
  background: #fff;
}


#wrapper.mh-education-page .mh-e-course-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.15rem;
}

#wrapper.mh-education-page .mh-e-course-grid.is-list {
  grid-template-columns: 1fr;
}

#wrapper.mh-education-page .mh-e-course-grid.is-list .mh-e-course {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
}

#wrapper.mh-education-page .mh-e-course {
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--mh-e-line);
  box-shadow: 0 10px 28px rgba(16, 42, 67, 0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

#wrapper.mh-education-page .mh-e-course:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(16, 42, 67, 0.08);
}

#wrapper.mh-education-page .mh-e-course__media {
  position: relative;
  aspect-ratio: 16 / 10;
  background: #dfe8ea;
  overflow: hidden;
}

#wrapper.mh-education-page .mh-e-course-grid.is-list .mh-e-course__media {
  aspect-ratio: auto;
  height: 100%;
  min-height: 160px;
}

#wrapper.mh-education-page .mh-e-course__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#wrapper.mh-education-page .mh-e-course__level {
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
  padding: 0.25rem 0.55rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  backdrop-filter: blur(6px);
}

#wrapper.mh-education-page .mh-e-course__level--beginner {
  background: rgba(229, 246, 238, 0.95);
  color: #1f7a52;
}

#wrapper.mh-education-page .mh-e-course__level--intermediate {
  background: rgba(255, 237, 213, 0.95);
  color: #b45309;
}

#wrapper.mh-education-page .mh-e-course__level--advanced {
  background: rgba(254, 226, 226, 0.95);
  color: #b91c1c;
}

#wrapper.mh-education-page .mh-e-course__bookmark {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: var(--mh-e-muted);
  display: grid;
  place-items: center;
  cursor: pointer;
}

#wrapper.mh-education-page .mh-e-course__bookmark.is-active {
  color: var(--mh-e-teal);
}

#wrapper.mh-education-page .mh-e-course__body {
  padding: 1.05rem 1.1rem 1.15rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

#wrapper.mh-education-page .mh-e-course__body h3 {
  margin: 0;
  font-size: 1.02rem;
  font-weight: 800;
  line-height: 1.35;
  color: var(--mh-e-ink);
}

#wrapper.mh-education-page .mh-e-course__teacher {
  margin: 0.3rem 0 0;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--mh-e-teal);
}

#wrapper.mh-education-page .mh-e-course__desc {
  margin: 0.45rem 0 0;
  font-size: 0.86rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--mh-e-muted);
  flex: 1;
}

#wrapper.mh-education-page .mh-e-course__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 0.9rem;
  margin: 0.85rem 0 0.9rem;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--mh-e-muted);
}

#wrapper.mh-education-page .mh-e-course__stats i {
  color: var(--mh-e-teal);
  margin-right: 0.2rem;
}

#wrapper.mh-education-page .mh-e-course__progress {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.75rem;
}

#wrapper.mh-education-page .mh-e-course__progress .mh-e-bar {
  flex: 1;
}

#wrapper.mh-education-page .mh-e-course__progress > span {
  font-size: 0.75rem;
  font-weight: 750;
  color: var(--mh-e-teal);
  white-space: nowrap;
}

#wrapper.mh-education-page .mh-e-course__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: auto;
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--mh-e-teal);
  text-decoration: none;
}

#wrapper.mh-education-page .mh-e-course__cta:hover {
  color: var(--mh-e-teal-dark);
}

/* Finder CTA */


#wrapper.mh-education-page .main-footer.mh-footer {
  padding-top: 5.25rem;
  padding-bottom: 2rem;
}

@media (max-width: 1199.98px) {
  #wrapper.mh-education-page .mh-e-course-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #wrapper.mh-education-page .mh-e-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
    gap: 1.5rem;
  }
}

@media (max-width: 991.98px) {
  #wrapper.mh-education-page .mh-e-hero {
    padding-top: 7.75rem;
    padding-bottom: 3.5rem;
  }

  #wrapper.mh-education-page .mh-e-path {
    display: none;
  }

  #wrapper.mh-education-page .mh-e-hero__grid,
  #wrapper.mh-education-page .mh-e-continue__card {
    grid-template-columns: 1fr;
  }

  #wrapper.mh-education-page .mh-e-hero__title {
    max-width: none;
  }

  #wrapper.mh-education-page .mh-e-hero__side {
    max-width: 520px;
    grid-template-columns: 1fr 1fr;
  }

  #wrapper.mh-education-page .mh-e-continue {
    padding: 3.5rem 0 3rem;
  }

  #wrapper.mh-education-page .mh-e-courses {
    padding: 3.5rem 0 4rem;
  }

  #wrapper.mh-education-page .mh-e-continue__media {
    min-height: 200px;
  }
}

@media (max-width: 767.98px) {
  #wrapper.mh-education-page .mh-e-course-grid,
  #wrapper.mh-education-page .mh-e-course-grid.is-list {
    grid-template-columns: 1fr;
  }

  #wrapper.mh-education-page .mh-e-course-grid.is-list .mh-e-course {
    grid-template-columns: 1fr;
  }

  #wrapper.mh-education-page .mh-e-section-head {
    flex-direction: column;
    align-items: flex-start;
  }

  #wrapper.mh-education-page .mh-e-hero {
    padding-top: 6.75rem;
    padding-bottom: 3rem;
  }

  #wrapper.mh-education-page .mh-e-hero__side {
    grid-template-columns: 1fr;
    max-width: none;
  }

  #wrapper.mh-education-page .mh-e-trust {
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 2rem;
    padding-top: 1.35rem;
  }

  #wrapper.mh-education-page .mh-e-continue {
    padding: 3rem 0 2.5rem;
  }

  #wrapper.mh-education-page .mh-e-courses {
    padding: 3rem 0 3.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #wrapper.mh-education-page .mh-e-course,
  #wrapper.mh-education-page .mh-e-path,
  #wrapper.mh-education-page .mh-e-progress-card {
    transition: none;
  }

  #wrapper.mh-education-page .mh-e-course:hover {
    transform: none;
  }
}

/* ==========================================================================
   Course detail page — Al-Wajeez (mh-course-page)
   ========================================================================== */
#wrapper.mh-course-page {
  --mh-co-teal: #1e7b85;
  --mh-co-teal-dark: #17656e;
  --mh-co-ink: #12263a;
  --mh-co-muted: #5b6b7c;
  --mh-co-line: #e4e9ee;
  --mh-co-bg: #f6f4ef;
  --mh-co-navy: #071927;
  --mh-co-sans: "Plus Jakarta Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --mh-co-serif: "Source Serif 4", Georgia, serif;
  font-family: var(--mh-co-sans);
  background: #fff;
  color: var(--mh-co-ink);
}

#wrapper.mh-course-page .mh-co-main {
  overflow: clip;
}

#wrapper.mh-course-page .mh-co-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 46px;
  padding: 0.65rem 1.25rem;
  border-radius: 10px;
  font-size: 0.92rem;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

#wrapper.mh-course-page .mh-co-btn--primary {
  background: var(--mh-co-teal);
  color: #fff;
  box-shadow: 0 10px 24px rgba(30, 123, 133, 0.28);
}

#wrapper.mh-course-page .mh-co-btn--primary:hover {
  background: var(--mh-co-teal-dark);
  color: #fff;
}

#wrapper.mh-course-page .mh-co-btn--ghost {
  background: #fff;
  color: var(--mh-co-teal);
  border-color: rgba(30, 123, 133, 0.35);
}

#wrapper.mh-course-page .mh-co-btn--ghost:hover {
  background: #f0f7f8;
  color: var(--mh-co-teal-dark);
}

#wrapper.mh-course-page .mh-co-btn--outline {
  background: #fff;
  color: var(--mh-co-teal);
  border-color: var(--mh-co-teal);
}

#wrapper.mh-course-page .mh-co-btn--outline:hover {
  background: #eef7f8;
  color: var(--mh-co-teal-dark);
}

#wrapper.mh-course-page .mh-co-btn--sm {
  min-height: 42px;
  padding: 0.55rem 1.05rem;
  font-size: 0.86rem;
  white-space: nowrap;
}

#wrapper.mh-course-page .mh-co-btn--block {
  width: 100%;
}

/* Hero */
#wrapper.mh-course-page .mh-co-hero {
  position: relative;
  padding: 7.75rem 0 3.25rem;
  background: #f8f6f1;
  overflow: hidden;
}

#wrapper.mh-course-page .mh-co-hero__bg {
  position: absolute;
  inset: 0;
  background: #f8f6f1;
  pointer-events: none;
}

#wrapper.mh-course-page .mh-co-hero .container {
  position: relative;
  z-index: 1;
}

#wrapper.mh-course-page .mh-co-crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 1.15rem;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--mh-co-muted);
}

#wrapper.mh-course-page .mh-co-crumbs a {
  color: var(--mh-co-teal);
  text-decoration: none;
}

#wrapper.mh-course-page .mh-co-crumbs a:hover {
  text-decoration: underline;
}

#wrapper.mh-course-page .mh-co-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0 0 0.85rem;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #b45309;
}

#wrapper.mh-course-page .mh-co-badge__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ea580c;
  box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.18);
}

#wrapper.mh-course-page .mh-co-hero__title {
  margin: 0;
  font-family: var(--mh-co-serif);
  font-size: clamp(2.05rem, 3.8vw, 2.95rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #0f3d45;
}

#wrapper.mh-course-page .mh-co-hero__lead {
  margin: 1rem 0 0;
  max-width: 34rem;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.65;
  color: var(--mh-co-muted);
}

#wrapper.mh-course-page .mh-co-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.35rem;
}

#wrapper.mh-course-page .mh-co-meta li {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.8rem;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--mh-co-line);
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--mh-co-ink);
}

#wrapper.mh-course-page .mh-co-meta li i {
  color: var(--mh-co-teal);
  font-size: 0.78rem;
}

#wrapper.mh-course-page .mh-co-meta li.is-free {
  background: #e8f7ee;
  border-color: #c6e9d3;
  color: #1f7a52;
}

#wrapper.mh-course-page .mh-co-meta li.is-free i {
  color: #1f7a52;
}

#wrapper.mh-course-page .mh-co-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

#wrapper.mh-course-page .mh-co-hero__visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

/* Big static 3D book — no backdrop plate */
#wrapper.mh-course-page .mh-co-book {
  position: relative;
  width: min(100%, 520px);
  margin: 0 auto;
  background: transparent;
}

#wrapper.mh-course-page .mh-co-book__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(74vh, 640px);
  object-fit: contain;
  background: transparent;
  filter: drop-shadow(0 28px 40px rgba(7, 25, 39, 0.28));
  user-select: none;
  pointer-events: none;
}

/* Progress panel */
#wrapper.mh-course-page .mh-co-progress {
  padding: 0 0 3.5rem;
  margin-top: -0.5rem;
  background: linear-gradient(180deg, var(--mh-co-bg) 0 40%, #fff 40%);
}

#wrapper.mh-course-page .mh-co-progress__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, 0.75fr);
  gap: 1.5rem 2rem;
  padding: 1.5rem 1.75rem;
  border-radius: 18px;
  overflow: hidden;
  background: var(--mh-co-navy);
  color: #e8f0f4;
  box-shadow: 0 22px 50px rgba(7, 25, 39, 0.28);
}

#wrapper.mh-course-page .mh-co-progress__pattern {
  position: absolute;
  inset: 0;
  background: url("/design2027/course-rhythm-pattern.png") right bottom / 55% auto no-repeat;
  opacity: 0.22;
  pointer-events: none;
}

#wrapper.mh-course-page .mh-co-progress__continue,
#wrapper.mh-course-page .mh-co-rhythm {
  position: relative;
  z-index: 1;
}

#wrapper.mh-course-page .mh-co-progress__eyebrow {
  margin: 0 0 0.85rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(232, 240, 244, 0.62);
}

#wrapper.mh-course-page .mh-co-progress__row {
  display: flex;
  align-items: center;
  gap: 1rem 1.15rem;
  flex-wrap: wrap;
}

#wrapper.mh-course-page .mh-co-ring {
  position: relative;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}

#wrapper.mh-course-page .mh-co-ring svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

#wrapper.mh-course-page .mh-co-ring__track {
  fill: none;
  stroke: rgba(255, 255, 255, 0.12);
  stroke-width: 5;
}

#wrapper.mh-course-page .mh-co-ring__value {
  fill: none;
  stroke: var(--mh-co-teal);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-dasharray: 188.5;
  stroke-dashoffset: 175;
}

#wrapper.mh-course-page .mh-co-ring span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 0.95rem;
  font-weight: 800;
  color: #fff;
}

#wrapper.mh-course-page .mh-co-progress__copy {
  flex: 1;
  min-width: 180px;
}

#wrapper.mh-course-page .mh-co-progress__copy h2 {
  margin: 0 0 0.65rem;
  font-size: 1.05rem;
  font-weight: 750;
  line-height: 1.35;
  color: #fff;
}

#wrapper.mh-course-page .mh-co-bar {
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
}

#wrapper.mh-course-page .mh-co-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--mh-co-teal), #2aa0ab);
}

#wrapper.mh-course-page .mh-co-progress__stat {
  margin: 0.4rem 0 0;
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(232, 240, 244, 0.55);
}

#wrapper.mh-course-page .mh-co-rhythm__days {
  display: flex;
  gap: 0.55rem;
  margin-bottom: 0.85rem;
}

#wrapper.mh-course-page .mh-co-rhythm__days span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
  width: 28px;
  font-size: 0.72rem;
  font-weight: 700;
  color: rgba(232, 240, 244, 0.55);
}

#wrapper.mh-course-page .mh-co-rhythm__days em {
  font-style: normal;
}

#wrapper.mh-course-page .mh-co-rhythm__days i {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1.5px solid rgba(232, 240, 244, 0.28);
  display: block;
}

#wrapper.mh-course-page .mh-co-rhythm__days .is-today {
  color: #fff;
}

#wrapper.mh-course-page .mh-co-rhythm__days .is-today em {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--mh-co-teal);
  font-size: 0.72rem;
}

#wrapper.mh-course-page .mh-co-rhythm__note {
  margin: 0;
  max-width: 22rem;
  font-size: 0.84rem;
  font-weight: 550;
  line-height: 1.5;
  color: rgba(232, 240, 244, 0.68);
}

/* Body layout */
#wrapper.mh-course-page .mh-co-body {
  padding: 1rem 0 4.5rem;
  background: #fff;
}

#wrapper.mh-course-page .mh-co-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.7fr);
  gap: 1.75rem 2rem;
  align-items: start;
}

#wrapper.mh-course-page .mh-co-section-title {
  margin: 0;
  font-size: 1.45rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--mh-co-ink);
}

#wrapper.mh-course-page .mh-co-curriculum__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem 1rem;
  margin-bottom: 1.15rem;
}

#wrapper.mh-course-page .mh-co-curriculum__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
}

#wrapper.mh-course-page .mh-co-search {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 200px;
  padding: 0.45rem 0.8rem;
  border-radius: 10px;
  background: #f4f6f8;
  border: 1px solid var(--mh-co-line);
}

#wrapper.mh-course-page .mh-co-search i {
  color: var(--mh-co-muted);
  font-size: 0.82rem;
}

#wrapper.mh-course-page .mh-co-search input {
  border: 0;
  background: transparent;
  outline: none;
  width: 100%;
  font-size: 0.88rem;
  font-weight: 550;
  color: var(--mh-co-ink);
}


#wrapper.mh-course-page .mh-co-curriculum__count {
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--mh-co-muted);
}

/* Flat lesson list */
#wrapper.mh-course-page .mh-co-lesson-list {
  margin: 0;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--mh-co-line);
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(16, 42, 67, 0.04);
}

#wrapper.mh-course-page .mh-co-lesson-row {
  border-bottom: 1px solid #eef1f4;
}

#wrapper.mh-course-page .mh-co-lesson-row.is-last-visible,
#wrapper.mh-course-page .mh-co-lesson-row:last-child {
  border-bottom: 0;
}

#wrapper.mh-course-page .mh-co-lesson-row[hidden] {
  display: none !important;
}

#wrapper.mh-course-page .mh-co-lesson-row a {
  display: flex;
  align-items: center;
  gap: 1.05rem;
  padding: 1.15rem 1.2rem;
  text-decoration: none;
  color: inherit;
  transition: background 0.18s ease;
}

#wrapper.mh-course-page .mh-co-lesson-row a:hover {
  background: #f5f8fa;
}

#wrapper.mh-course-page .mh-co-lesson-row.is-active a {
  background: #eef5f7;
}

#wrapper.mh-course-page .mh-co-lesson-row.is-active a:hover {
  background: #e6f1f3;
}

#wrapper.mh-course-page .mh-co-lesson-row__thumb {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #eceff2;
  display: grid;
  place-items: center;
}

#wrapper.mh-course-page .mh-co-lesson-row.is-active .mh-co-lesson-row__thumb {
  background: #dde8eb;
}

#wrapper.mh-course-page .mh-co-lesson-row__thumb i {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--mh-co-teal);
  display: block;
  box-shadow: 0 0 0 3px rgba(30, 123, 133, 0.12);
}

#wrapper.mh-course-page .mh-co-lesson-row__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

#wrapper.mh-course-page .mh-co-lesson-row__title {
  font-size: 1.02rem;
  font-weight: 750;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: #152536;
}

#wrapper.mh-course-page .mh-co-lesson-row__meta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.84rem;
  font-weight: 550;
  color: #8b97a4;
}

#wrapper.mh-course-page .mh-co-lesson-row__meta i {
  font-size: 0.8rem;
  opacity: 0.9;
}

#wrapper.mh-course-page .mh-co-lesson-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55rem;
  margin-top: 1.15rem;
}

#wrapper.mh-course-page .mh-co-lesson-more[hidden] {
  display: none !important;
}

#wrapper.mh-course-page .mh-co-lesson-more .mh-co-btn {
  min-width: 160px;
}

#wrapper.mh-course-page .mh-co-lesson-more .mh-co-btn[hidden] {
  display: none !important;
}

#wrapper.mh-course-page .mh-co-lesson-more__hint {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--mh-co-muted);
}

/* Sidebar */
#wrapper.mh-course-page .mh-co-side {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  position: sticky;
  top: 5.5rem;
}

#wrapper.mh-course-page .mh-co-card {
  padding: 1.15rem 1.2rem;
  border-radius: 14px;
  background: #fff;
  border: 1px solid var(--mh-co-line);
  box-shadow: 0 8px 22px rgba(16, 42, 67, 0.04);
}

#wrapper.mh-course-page .mh-co-card h3 {
  margin: 0 0 0.75rem;
  font-size: 0.98rem;
  font-weight: 800;
  color: var(--mh-co-ink);
}

#wrapper.mh-course-page .mh-co-card__note {
  margin: 0 0 0.85rem;
  font-size: 0.88rem;
  font-weight: 550;
  line-height: 1.5;
  color: var(--mh-co-muted);
}

#wrapper.mh-course-page .mh-co-about {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

#wrapper.mh-course-page .mh-co-about li {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-size: 0.88rem;
  font-weight: 650;
  color: var(--mh-co-ink);
}

#wrapper.mh-course-page .mh-co-about i {
  width: 1.1rem;
  color: var(--mh-co-teal);
}

#wrapper.mh-course-page .mh-co-reminders__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

#wrapper.mh-course-page .mh-co-reminders__head h3 {
  margin-bottom: 0.25rem;
}

#wrapper.mh-course-page .mh-co-switch {
  position: relative;
  display: inline-flex;
  cursor: pointer;
}

#wrapper.mh-course-page .mh-co-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#wrapper.mh-course-page .mh-co-switch__ui {
  width: 44px;
  height: 26px;
  border-radius: 999px;
  background: #cfd6dd;
  position: relative;
  transition: background 0.2s ease;
}

#wrapper.mh-course-page .mh-co-switch__ui::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s ease;
}

#wrapper.mh-course-page .mh-co-switch input:checked + .mh-co-switch__ui {
  background: var(--mh-co-teal);
}

#wrapper.mh-course-page .mh-co-switch input:checked + .mh-co-switch__ui::after {
  transform: translateX(18px);
}

/* Pace */
#wrapper.mh-course-page .mh-co-pace {
  padding: 0 0 4.5rem;
  background: #fff;
}

#wrapper.mh-course-page .mh-co-pace__panel {
  padding: 2.25rem 1.5rem;
  border-radius: 18px;
  background: #f4f0e8;
  text-align: center;
}

#wrapper.mh-course-page .mh-co-pace__divider {
  width: 120px;
  height: auto;
  margin: 0 auto 0.85rem;
  display: block;
  opacity: 0.85;
}

#wrapper.mh-course-page .mh-co-pace__title {
  margin: 0 0 1.75rem;
  font-family: var(--mh-co-serif);
  font-size: 1.55rem;
  font-weight: 700;
  color: var(--mh-co-ink);
}

#wrapper.mh-course-page .mh-co-pace__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}

#wrapper.mh-course-page .mh-co-pace__item h3 {
  margin: 0.75rem 0 0.35rem;
  font-size: 1rem;
  font-weight: 800;
  color: var(--mh-co-ink);
}

#wrapper.mh-course-page .mh-co-pace__item p {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 550;
  line-height: 1.5;
  color: var(--mh-co-muted);
}

#wrapper.mh-course-page .mh-co-pace__icon {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #fff;
  color: var(--mh-co-teal);
  font-size: 1.15rem;
  box-shadow: 0 8px 18px rgba(16, 42, 67, 0.06);
}


#wrapper.mh-course-page .main-footer.mh-footer {
  padding-top: 4.5rem;
}


@media (max-width: 991.98px) {
  #wrapper.mh-course-page .mh-co-hero {
    padding-top: 6.5rem;
    padding-bottom: 2.5rem;
  }

  #wrapper.mh-course-page .mh-co-layout,
  #wrapper.mh-course-page .mh-co-progress__panel {
    grid-template-columns: 1fr;
  }

  #wrapper.mh-course-page .mh-co-hero__title {
    max-width: none;
  }

  #wrapper.mh-course-page .mh-co-book {
    display: none;
  }


  #wrapper.mh-course-page .mh-co-side {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #wrapper.mh-course-page .mh-co-pace__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

@media (max-width: 767.98px) {
  #wrapper.mh-course-page .mh-co-hero {
    padding-top: 5.75rem;
  }

  #wrapper.mh-course-page .mh-co-progress__row {
    flex-direction: column;
    align-items: flex-start;
  }

  #wrapper.mh-course-page .mh-co-side {
    grid-template-columns: 1fr;
  }

  #wrapper.mh-course-page .mh-co-curriculum__tools {
    width: 100%;
  }

  #wrapper.mh-course-page .mh-co-search {
    flex: 1;
    min-width: 0;
  }

  #wrapper.mh-course-page .mh-co-lesson-row__thumb {
    width: 48px;
    height: 48px;
  }

  #wrapper.mh-course-page .mh-co-lesson-row__title {
    font-size: 0.95rem;
  }
}


/* ==========================================================================
   Enhanced AI chat offcanvas (mh-chat)
   ========================================================================== */
.chat-offcanvas.mh-chat {
  --mh-chat-teal: #1e7b85;
  --mh-chat-teal-soft: #e8f4f5;
  --mh-chat-ink: #152536;
  --mh-chat-muted: #6b7a88;
  --mh-chat-line: #e8edf1;
  --mh-chat-bg: #f7f9fb;
  width: min(100%, 420px);
  border: 0;
  background: #fff;
  box-shadow: 8px 0 40px rgba(7, 25, 39, 0.12);
}

.chat-offcanvas.mh-chat .mh-chat__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.15rem 1.2rem;
  border-bottom: 1px solid var(--mh-chat-line);
  background: linear-gradient(180deg, #f9fcfc 0%, #fff 100%);
}

.chat-offcanvas.mh-chat .mh-chat__brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.chat-offcanvas.mh-chat .mh-chat__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: var(--mh-chat-teal-soft);
  color: var(--mh-chat-teal);
  font-size: 1.15rem;
  box-shadow: inset 0 0 0 1px rgba(30, 123, 133, 0.12);
}

.chat-offcanvas.mh-chat .mh-chat__title {
  margin: 0;
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--mh-chat-ink);
  line-height: 1.25;
}

.chat-offcanvas.mh-chat .mh-chat__subtitle {
  margin: 0.15rem 0 0;
  font-size: 0.82rem;
  font-weight: 550;
  color: var(--mh-chat-muted);
}

.chat-offcanvas.mh-chat .mh-chat__close {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: #fde8ea;
  color: #c4454d;
  font-size: 0.95rem;
  transition: background 0.15s ease, transform 0.15s ease;
}

.chat-offcanvas.mh-chat .mh-chat__close:hover {
  background: #f9d4d8;
  transform: scale(1.04);
}

.chat-offcanvas.mh-chat .mh-chat__body {
  padding: 1.15rem 1.2rem 1.4rem;
  background: var(--mh-chat-bg);
}

.chat-offcanvas.mh-chat .mh-chat__context {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  padding: 0.7rem 0.9rem;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--mh-chat-line);
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--mh-chat-ink);
  box-shadow: 0 4px 14px rgba(16, 42, 67, 0.04);
}

.chat-offcanvas.mh-chat .mh-chat__context i {
  color: var(--mh-chat-teal);
}

.chat-offcanvas.mh-chat .mh-chat__section {
  margin-top: 1.25rem;
}

.chat-offcanvas.mh-chat .mh-chat__section-title {
  margin: 0 0 0.7rem;
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: var(--mh-chat-ink);
}

.chat-offcanvas.mh-chat .mh-chat__quick {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
}

.chat-offcanvas.mh-chat .mh-chat__chip {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 48px;
  padding: 0.65rem 0.75rem;
  border-radius: 12px;
  border: 1px solid var(--mh-chat-line);
  background: #fff;
  color: var(--mh-chat-ink);
  font-size: 0.84rem;
  font-weight: 650;
  text-align: start;
  box-shadow: 0 6px 16px rgba(16, 42, 67, 0.04);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.chat-offcanvas.mh-chat .mh-chat__chip i {
  color: var(--mh-chat-teal);
  width: 1rem;
  flex-shrink: 0;
}

.chat-offcanvas.mh-chat .mh-chat__chip:hover {
  border-color: rgba(30, 123, 133, 0.35);
  box-shadow: 0 8px 20px rgba(30, 123, 133, 0.1);
  transform: translateY(-1px);
}

.chat-offcanvas.mh-chat .mh-chat__bubble {
  margin-top: 1.15rem;
  padding: 0.95rem 1.05rem;
  border-radius: 14px 14px 14px 4px;
  background: #fff;
  border: 1px solid var(--mh-chat-line);
  border-left: 3px solid var(--mh-chat-teal);
  box-shadow: 0 8px 22px rgba(16, 42, 67, 0.05);
}

.chat-offcanvas.mh-chat .mh-chat__bubble p {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 550;
  line-height: 1.55;
  color: #3a4a58;
}

.chat-offcanvas.mh-chat .mh-chat__followups {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.chat-offcanvas.mh-chat .mh-chat__follow {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  width: 100%;
  padding: 0.8rem 0.9rem;
  border-radius: 12px;
  border: 1px solid var(--mh-chat-line);
  background: #fff;
  color: var(--mh-chat-ink);
  font-size: 0.88rem;
  font-weight: 600;
  text-align: start;
  line-height: 1.4;
  box-shadow: 0 4px 14px rgba(16, 42, 67, 0.03);
  transition: border-color 0.15s ease, background 0.15s ease;
}

.chat-offcanvas.mh-chat .mh-chat__follow i {
  margin-top: 0.1rem;
  color: var(--mh-chat-teal);
  flex-shrink: 0;
}

.chat-offcanvas.mh-chat .mh-chat__follow:hover {
  background: var(--mh-chat-teal-soft);
  border-color: rgba(30, 123, 133, 0.28);
}

.chat-offcanvas.mh-chat .mh-chat__footer {
  border-top: 1px solid var(--mh-chat-line);
  padding: 1rem 1.15rem 1.1rem;
  background: #fff;
}

.chat-offcanvas.mh-chat .mh-chat__composer {
  position: relative;
}

.chat-offcanvas.mh-chat .mh-chat__input {
  min-height: 72px;
  padding: 0.85rem 6.5rem 0.85rem 1rem;
  border-radius: 16px;
  border: 1px solid var(--mh-chat-line);
  background: var(--mh-chat-bg);
  font-size: 0.92rem;
  font-weight: 550;
  color: var(--mh-chat-ink);
  resize: none;
  box-shadow: inset 0 1px 2px rgba(16, 42, 67, 0.03);
}

.chat-offcanvas.mh-chat .mh-chat__input:focus {
  border-color: rgba(30, 123, 133, 0.45);
  box-shadow: 0 0 0 3px rgba(30, 123, 133, 0.12);
  background: #fff;
}

.chat-offcanvas.mh-chat .mh-chat__actions {
  position: absolute;
  right: 0.55rem;
  bottom: 0.55rem;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.chat-offcanvas.mh-chat .mh-chat__action {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #9aa6b2;
  display: grid;
  place-items: center;
  transition: color 0.15s ease, background 0.15s ease;
}

.chat-offcanvas.mh-chat .mh-chat__action:hover {
  color: var(--mh-chat-teal);
  background: var(--mh-chat-teal-soft);
}

.chat-offcanvas.mh-chat .mh-chat__send {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--mh-chat-teal);
  color: #fff;
  box-shadow: 0 8px 18px rgba(30, 123, 133, 0.28);
  transition: background 0.15s ease, transform 0.15s ease;
}

.chat-offcanvas.mh-chat .mh-chat__send:hover {
  background: #17656e;
  transform: scale(1.04);
}

.chat-offcanvas.mh-chat .mh-chat__hint {
  margin: 0.7rem 0 0;
  text-align: center;
  font-size: 0.72rem;
  font-weight: 550;
  color: #9aa6b2;
}

@media (max-width: 575.98px) {
  .chat-offcanvas.mh-chat {
    width: 100%;
  }

  .chat-offcanvas.mh-chat .mh-chat__quick {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   Course page skeleton — mirrors the-course.html layout
   ========================================================================== */
.mh-skeleton.mh-skel-course {
  background:
    radial-gradient(ellipse at 88% 12%, rgba(30, 123, 133, 0.06), transparent 40%),
    #f8f6f1;
}

.mh-skel-course .mh-skel-nav {
  margin-bottom: 2.5rem;
}

.mh-skel-course__hero {
  margin-bottom: 2.5rem;
}

.mh-skel-course__crumb {
  width: 180px;
  height: 12px;
  margin-bottom: 0.35rem;
}

.mh-skel-course__badge {
  width: 180px;
  height: 22px;
  border-radius: 999px;
}

.mh-skel-course__meta {
  margin-top: 0.35rem;
}

.mh-skel-course__meta .mh-skel-chip {
  width: 96px;
  height: 32px;
  border-radius: 10px;
}

.mh-skel-course__book-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
}

.mh-skel-course__book {
  width: min(100%, 320px);
  height: 420px;
  border-radius: 8px 18px 18px 8px;
  transform: perspective(900px) rotateY(-12deg) rotateX(3deg);
  box-shadow: 0 28px 48px rgba(7, 25, 39, 0.12);
}

.mh-skel-course__progress {
  margin-bottom: 2.5rem;
  padding: 1.35rem 1.5rem;
  border-radius: 18px;
  background: #0d2430;
}

.mh-skel-course__progress .mh-skel {
  --skel-base: #1a3a48;
  --skel-shine: #274a58;
}

.mh-skel-course__ring {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  flex-shrink: 0;
}

.mh-skel-course__bar {
  width: 100%;
  height: 6px;
  border-radius: 999px;
}

.mh-skel-course__days {
  display: flex;
  gap: 0.55rem;
}

.mh-skel-course__day {
  width: 28px;
  height: 40px;
  border-radius: 999px;
}

.mh-skel-course__body {
  margin-bottom: 2.5rem;
}

.mh-skel-course__section-title {
  width: 220px;
  height: 28px;
}

.mh-skel-course__search {
  width: 200px;
  height: 40px;
  border-radius: 10px;
}

.mh-skel-course__count {
  width: 72px;
  height: 14px;
}

.mh-skel-course__lessons {
  border: 1px solid #e4e9ee;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

.mh-skel-course__lesson {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.05rem 1.15rem;
  border-bottom: 1px solid #eef1f4;
}

.mh-skel-course__lesson:last-child {
  border-bottom: 0;
}

.mh-skel-course__thumb {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  flex-shrink: 0;
}

.mh-skel-course__more {
  width: 160px;
  height: 44px;
  display: block;
}

.mh-skel-course__side {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.mh-skel-course__card {
  padding: 1.15rem 1.2rem;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e4e9ee;
}

.mh-skel-course__switch {
  width: 44px;
  height: 26px;
  border-radius: 999px;
  flex-shrink: 0;
}

.mh-skel-course__pace {
  padding: 2rem 1.5rem;
  border-radius: 18px;
  background: #f4f0e8;
  margin-bottom: 1rem;
}

.mh-skel-course__pace-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
}

@media (max-width: 991.98px) {
  .mh-skel-course__book {
    width: min(100%, 260px);
    height: 340px;
    transform: none;
  }

  .mh-skel-course__book-wrap {
    min-height: 280px;
  }
}

@media (max-width: 767.98px) {
  .mh-skel-course__search {
    width: 140px;
  }
}


/* ==========================================================================
   Lesson page — view-item.html (mh-lesson-page)
   ========================================================================== */
/* ── Lesson page tokens ── */
#wrapper.mh-lesson-page {
  --mh-l-teal: #1e7b85;
  --mh-l-teal-dark: #17656e;
  --mh-l-ink: #12263a;
  --mh-l-muted: #5b6b7c;
  --mh-l-line: #e4e9ee;
  --mh-l-bg: #f8f6f1;
  --mh-l-sans: "Plus Jakarta Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --mh-l-serif: "Source Serif 4", Georgia, serif;
  font-family: var(--mh-l-sans);
  background: var(--mh-l-bg);
  color: var(--mh-l-ink);
  /* Sticky sidebar needs no overflow clipping on ancestors */
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

#wrapper.mh-lesson-page .mh-l-main {
  padding: 0;
  background: transparent;
}

#wrapper.mh-lesson-page .mh-l-body {
  padding: 80px 0;
  background:
    radial-gradient(ellipse 70% 40% at 8% 0%, rgba(30, 123, 133, 0.05), transparent 55%),
    linear-gradient(180deg, #f6f4ef 0%, var(--mh-l-bg) 40%, #f6f4ef 100%);
}

/* Hero — full-bleed under navbar (dark) */
#wrapper.mh-lesson-page .mh-l-hero {
  position: relative;
  margin: 0;
  padding: 180px 0 80px;
  border: 0;
  border-radius: 0;
  background: #001431;
  box-shadow: none;
  overflow: hidden;
  color: #fff;
}
#wrapper.mh-lesson-page .mh-l-hero__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: #001431;
}
#wrapper.mh-lesson-page .mh-l-hero__pattern {
  position: absolute;
  inset: 0;
  background: url("/design2027/course-rhythm-pattern.png") right center / min(52%, 560px) auto no-repeat;
  /* opacity: 0.22; */
  filter: brightness(1.35) contrast(1.05);
}
#wrapper.mh-lesson-page .mh-l-hero .container {
  position: relative;
  z-index: 1;
}
#wrapper.mh-lesson-page .mh-l-hero__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem 2rem;
}
#wrapper.mh-lesson-page .mh-l-hero__copy {
  flex: 1 1 28rem;
  min-width: 0;
  max-width: 46rem;
}

/* Breadcrumbs */
#wrapper.mh-lesson-page .mh-l-crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 1.35rem;
  font-size: 0.84rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.62);
}
#wrapper.mh-lesson-page .mh-l-crumbs a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
}
#wrapper.mh-lesson-page .mh-l-crumbs a i {
  color: #5ec4cf;
  font-size: 0.8rem;
}
#wrapper.mh-lesson-page .mh-l-crumbs a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Header copy */
#wrapper.mh-lesson-page .mh-l-eyebrow {
  margin: 0 0 0.65rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #e0b84a;
}
#wrapper.mh-lesson-page .mh-l-title {
  margin: 0 0 1rem;
  font-family: var(--mh-l-serif);
  font-size: clamp(1.85rem, 3.4vw, 2.55rem);
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -0.015em;
  color: #ffffff;
}
#wrapper.mh-lesson-page .mh-l-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1.15rem 1.5rem;
  margin: 0 0 1.35rem;
  padding: 0;
  list-style: none;
}
#wrapper.mh-lesson-page .mh-l-meta li {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 0.88rem;
  font-weight: 550;
  color: rgba(255, 255, 255, 0.72);
}
#wrapper.mh-lesson-page .mh-l-meta li i {
  color: #5ec4cf;
  font-size: 0.82rem;
}

#wrapper.mh-lesson-page .mh-l-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  justify-content: flex-end;
  flex-shrink: 0;
  padding-bottom: 0.15rem;
}
#wrapper.mh-lesson-page .mh-l-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.6rem 1.05rem;
  border-radius: 10px;
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  background: #fff;
  font-size: 0.84rem;
  font-weight: 650;
  color: #1c2b36;
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}
#wrapper.mh-lesson-page .mh-l-btn-outline:hover {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.92);
  color: var(--mh-l-teal);
}
#wrapper.mh-lesson-page .mh-l-btn-outline.is-active {
  border-color: var(--mh-l-teal);
  color: var(--mh-l-teal);
  background: #fff;
}

/* Course progress */
#wrapper.mh-lesson-page .mh-l-course-progress {
  margin-bottom: 0;
  padding-top: 0;
  max-width: 28rem;
}
#wrapper.mh-lesson-page .mh-l-course-progress__label {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  margin-bottom: 0.45rem;
  font-size: 0.8rem;
  font-weight: 550;
  color: rgba(255, 255, 255, 0.7);
}
#wrapper.mh-lesson-page .mh-l-course-progress__label strong {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
}
#wrapper.mh-lesson-page .mh-l-course-progress__bar {
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  overflow: hidden;
}
#wrapper.mh-lesson-page .mh-l-course-progress__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--mh-l-teal);
  width: 5%;
}

@media (max-width: 991.98px) {
  #wrapper.mh-lesson-page .mh-l-hero {
    padding: 6.5rem 0 2.25rem;
  }
  #wrapper.mh-lesson-page .mh-l-hero__grid {
    align-items: flex-start;
  }
  #wrapper.mh-lesson-page .mh-l-header-actions {
    justify-content: flex-start;
  }
  #wrapper.mh-lesson-page .mh-l-hero__pattern {
    opacity: 0.14;
    background-size: min(70%, 420px) auto;
  }
}

/* Inline audio player (same UI as Quran/Hadith mh-q-player) */
#wrapper.mh-lesson-page .mh-l-player {
  position: relative;
  left: auto;
  bottom: auto;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0 0 2.25rem;
  transform: none;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
#wrapper.mh-lesson-page .mh-l-player.is-minimized {
  display: none;
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "meta controls"
    "seek seek";
  gap: 0.7rem 1rem;
  align-items: center;
  padding: 0.95rem 1.15rem;
  border-radius: 24px;
  background: #fff;
  border: 1px solid #d1d5db;
  box-shadow: 0 10px 32px rgba(18, 38, 58, 0.08);
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__meta {
  grid-area: meta;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid #e5e7eb;
  flex-shrink: 0;
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__name {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 750;
  color: var(--mh-l-teal-dark);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__track {
  margin: 0.15rem 0 0;
  font-size: 0.78rem;
  font-weight: 550;
  color: #6b7280;
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__controls {
  grid-area: controls;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__close {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: #e8eef0;
  color: #4b5563;
  display: grid;
  place-items: center;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 0.85rem;
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__close:hover {
  background: #dce5e8;
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__btn,
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__chip {
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #d1d5db;
  background: #fff;
  color: var(--mh-l-teal);
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 750;
  box-shadow: 0 1px 3px rgba(18, 38, 58, 0.04);
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__btn:hover,
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__chip:hover {
  border-color: rgba(30, 123, 133, 0.35);
  background: rgba(30, 123, 133, 0.04);
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__play {
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 50%;
  background: var(--mh-l-teal);
  color: #fff;
  display: grid;
  place-items: center;
  box-shadow: 0 10px 24px rgba(30, 123, 133, 0.32);
  cursor: pointer;
  font-size: 1rem;
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__play:hover {
  background: var(--mh-l-teal-dark);
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__seek {
  grid-area: seek;
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__time {
  font-size: 0.72rem;
  font-weight: 650;
  color: #9ca3af;
  min-width: 2.2rem;
  font-variant-numeric: tabular-nums;
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__range {
  flex: 1;
  -webkit-appearance: none;
  appearance: none;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--mh-l-teal) var(--seek, 0%), #e5e7eb var(--seek, 0%));
  outline: none;
  cursor: pointer;
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--mh-l-teal);
  border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(18, 38, 58, 0.2);
}
#wrapper.mh-lesson-page .mh-l-player .mh-q-player__range::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--mh-l-teal);
  border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(18, 38, 58, 0.2);
}
@media (max-width: 767.98px) {
  #wrapper.mh-lesson-page .mh-l-player .mh-q-player__panel {
    grid-template-columns: 1fr;
    grid-template-areas:
      "meta"
      "controls"
      "seek";
  }
  #wrapper.mh-lesson-page .mh-l-player .mh-q-player__controls {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

/* Article + tools */
#wrapper.mh-lesson-page .mh-l-article-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 2.75rem;
  padding: 1.75rem 1.65rem 1.85rem;
  border-radius: 20px;
  border: 1px solid var(--mh-l-line);
  background: #fff;
  box-shadow: 0 2px 16px rgba(18, 38, 58, 0.04);
}
#wrapper.mh-lesson-page .mh-l-tools {
  position: sticky;
  top: 6rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  flex-shrink: 0;
  order: -1;
}
@media (max-width: 767.98px) {
  #wrapper.mh-lesson-page .mh-l-article-wrap {
    flex-direction: column;
  }
  #wrapper.mh-lesson-page .mh-l-tools {
    position: static;
    flex-direction: row;
    order: 0;
    margin-bottom: 0.25rem;
  }
}
#wrapper.mh-lesson-page .mh-l-tool {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid var(--mh-l-line);
  background: #fff;
  color: var(--mh-l-muted);
  font-size: 0.85rem;
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
  box-shadow: 0 1px 4px rgba(18, 38, 58, 0.04);
}
#wrapper.mh-lesson-page .mh-l-tool:hover,
#wrapper.mh-lesson-page .mh-l-tool.is-active {
  border-color: var(--mh-l-teal);
  color: var(--mh-l-teal);
  background: rgba(30, 123, 133, 0.06);
}

#wrapper.mh-lesson-page .mh-l-article {
  flex: 1;
  min-width: 0;
  max-width: none;
  font-size: 1rem;
  line-height: 1.75;
  color: var(--mh-l-ink);
  transition: font-size 0.2s;
}
#wrapper.mh-lesson-page .mh-l-article.is-lg { font-size: 1.125rem; }
#wrapper.mh-lesson-page .mh-l-article.is-sm { font-size: 0.9rem; }
#wrapper.mh-lesson-page .mh-l-section-title {
  margin: 2rem 0 1rem;
  font-family: var(--mh-l-sans);
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--mh-l-teal);
}
#wrapper.mh-lesson-page .mh-l-section-title:first-child { margin-top: 0; }
#wrapper.mh-lesson-page .mh-l-article p { margin-bottom: 1.1rem; color: var(--mh-l-muted); }

#wrapper.mh-lesson-page .mh-l-quote {
  position: relative;
  margin: 1.75rem 0;
  padding: 1.5rem 1.5rem 1.5rem 3.5rem;
  border-radius: 14px;
  border-left: 4px solid var(--mh-l-teal);
  background: #fff;
  box-shadow: 0 2px 12px rgba(18, 38, 58, 0.05);
}
#wrapper.mh-lesson-page .mh-l-quote__icon {
  position: absolute;
  top: 1.25rem;
  left: 1.15rem;
  font-size: 1.75rem;
  color: var(--mh-l-teal);
  opacity: 0.35;
  line-height: 1;
}
#wrapper.mh-lesson-page .mh-l-quote p {
  margin: 0;
  font-family: var(--mh-l-serif);
  font-size: 1.05rem;
  font-style: italic;
  line-height: 1.65;
  color: var(--mh-l-ink);
}
#wrapper.mh-lesson-page .mh-l-quote cite {
  display: block;
  margin-top: 0.75rem;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 650;
  color: var(--mh-l-teal);
}

#wrapper.mh-lesson-page .mh-l-takeaways {
  margin: 2rem 0;
  padding: 1.35rem 1.5rem;
  border-radius: 14px;
  border: 1px solid var(--mh-l-line);
  background: #fff;
}
#wrapper.mh-lesson-page .mh-l-takeaways__head {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 1rem;
  font-size: 0.95rem;
  font-weight: 750;
  color: var(--mh-l-ink);
}
#wrapper.mh-lesson-page .mh-l-takeaways__head i { color: #d4a017; }
#wrapper.mh-lesson-page .mh-l-takeaways ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#wrapper.mh-lesson-page .mh-l-takeaways li {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  margin-bottom: 0.65rem;
  font-size: 0.88rem;
  color: var(--mh-l-muted);
}
#wrapper.mh-lesson-page .mh-l-takeaways li:last-child { margin-bottom: 0; }
#wrapper.mh-lesson-page .mh-l-takeaways li i {
  margin-top: 0.15rem;
  color: var(--mh-l-teal);
  font-size: 0.75rem;
}

/* Complete panel */
#wrapper.mh-lesson-page .mh-l-complete {
  margin-bottom: 1.75rem;
  margin-top: 0.5rem;
  padding: 1.85rem 1.75rem;
  border-radius: 18px;
  border: 1px solid var(--mh-l-line);
  background:
    linear-gradient(180deg, #fff 0%, #fbfaf7 100%);
  box-shadow: 0 2px 16px rgba(18, 38, 58, 0.04);
}
#wrapper.mh-lesson-page .mh-l-complete__title {
  margin: 0 0 1rem;
  font-family: var(--mh-l-serif);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--mh-l-ink);
}
#wrapper.mh-lesson-page .mh-l-complete__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem;
}
@media (max-width: 575.98px) {
  #wrapper.mh-lesson-page .mh-l-complete__cards { grid-template-columns: 1fr; }
}
#wrapper.mh-lesson-page .mh-l-complete-card {
  padding: 1.15rem;
  border-radius: 12px;
  border: 1px solid var(--mh-l-line);
  background: var(--mh-l-bg);
}
#wrapper.mh-lesson-page .mh-l-complete-card h4 {
  margin: 0 0 0.35rem;
  font-size: 0.92rem;
  font-weight: 750;
  color: var(--mh-l-ink);
}
#wrapper.mh-lesson-page .mh-l-complete-card p {
  margin: 0 0 0.75rem;
  font-size: 0.78rem;
  color: var(--mh-l-muted);
}
#wrapper.mh-lesson-page .mh-l-complete-card .mh-l-btn-teal {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.85rem;
  border-radius: 8px;
  border: none;
  background: var(--mh-l-teal);
  font-size: 0.78rem;
  font-weight: 650;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
#wrapper.mh-lesson-page .mh-l-complete-card .mh-l-btn-teal:hover { background: var(--mh-l-teal-dark); color: #fff; }

#wrapper.mh-lesson-page .mh-l-mark {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 2rem;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  border: 1px solid var(--mh-l-line);
  background: #fff;
  font-size: 0.88rem;
  font-weight: 650;
  color: var(--mh-l-ink);
  cursor: pointer;
}
#wrapper.mh-lesson-page .mh-l-mark input {
  width: 18px;
  height: 18px;
  accent-color: var(--mh-l-teal);
  cursor: pointer;
}
#wrapper.mh-lesson-page .mh-l-mark.is-done {
  border-color: var(--mh-l-teal);
  background: rgba(30, 123, 133, 0.06);
  color: var(--mh-l-teal);
}

/* Lesson nav */
#wrapper.mh-lesson-page .mh-l-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.75rem;
}
#wrapper.mh-lesson-page .mh-l-nav-btn {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  flex: 1 1 0;
  min-height: 48px;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}
#wrapper.mh-lesson-page .mh-l-nav-btn small {
  display: none;
}
#wrapper.mh-lesson-page .mh-l-nav-btn--prev {
  border: 1.5px solid var(--mh-l-line);
  background: #fff;
  color: var(--mh-l-muted);
  pointer-events: none;
  opacity: 0.7;
}
#wrapper.mh-lesson-page .mh-l-nav-btn--next {
  border: none;
  background: var(--mh-l-teal);
  color: #fff;
  margin-left: 0;
  text-align: center;
}
#wrapper.mh-lesson-page .mh-l-nav-btn--next:hover { background: var(--mh-l-teal-dark); color: #fff; }

/* Course contents trigger (mobile) */
#wrapper.mh-lesson-page .mh-l-contents-bar {
  margin: 0 0 1rem;
}
#wrapper.mh-lesson-page .mh-l-contents-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 48px;
  padding: 0.7rem 1rem;
  border-radius: 12px;
  border: 1px solid var(--mh-l-line);
  background: #fff;
  color: var(--mh-l-ink);
  font-size: 0.9rem;
  font-weight: 750;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(18, 38, 58, 0.05);
}
#wrapper.mh-lesson-page .mh-l-contents-btn i {
  color: var(--mh-l-teal);
}

/* Course contents bottom sheet */
.mh-l-contents-sheet {
  --bs-offcanvas-height: min(88vh, 720px);
  height: var(--bs-offcanvas-height);
  border-radius: 20px 20px 0 0;
  border: 0;
}
.mh-l-contents-sheet__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.35rem 1.15rem 0.85rem;
  border-bottom: 1px solid var(--mh-l-line, #e4e9ee);
}
.mh-l-contents-sheet__handle {
  position: absolute;
  top: 0.55rem;
  left: 50%;
  width: 2.5rem;
  height: 0.28rem;
  border-radius: 999px;
  background: #d0d5dd;
  transform: translateX(-50%);
}
.mh-l-contents-sheet__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--mh-l-ink, #12263a);
}
.mh-l-contents-sheet__body {
  padding: 0.85rem 1rem 1.25rem;
  overflow-y: auto;
}

/* Sidebar — sticky while scrolling lesson content */
@media (min-width: 992px) {
  #wrapper.mh-lesson-page .mh-l-body > .container > .row {
    align-items: stretch;
  }
  #wrapper.mh-lesson-page .mh-l-sidebar {
    position: sticky;
    top: 6rem;
    z-index: 20;
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  #wrapper.mh-lesson-page .mh-l-sidebar {
    position: static;
  }
}
#wrapper.mh-lesson-page .mh-l-side-card {
  margin-bottom: 1rem;
  padding: 1.25rem;
  border-radius: 14px;
  border: 1px solid var(--mh-l-line);
  background: #fff;
  box-shadow: 0 2px 12px rgba(18, 38, 58, 0.04);
}
#wrapper.mh-lesson-page .mh-l-side-card--contents {
  margin-bottom: 0;
}
#wrapper.mh-lesson-page .mh-l-contents-scroll {
  margin: 0;
  padding: 0;
  overflow: visible;
  max-height: none;
}
#wrapper.mh-lesson-page .mh-l-side-card h3 {
  margin: 0 0 1rem;
  font-size: 0.92rem;
  font-weight: 750;
  color: var(--mh-l-ink);
}


/* Accordion */

#wrapper.mh-lesson-page .mh-l-lesson-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#wrapper.mh-lesson-page .mh-l-lesson-list li a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 0.65rem;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--mh-l-muted);
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
}
#wrapper.mh-lesson-page .mh-l-lesson-list li a span:first-child {
  min-width: 0;
  flex: 1;
  line-height: 1.35;
}
#wrapper.mh-lesson-page .mh-l-lesson-list li a:hover {
  background: rgba(30, 123, 133, 0.06);
  color: var(--mh-l-teal);
}
#wrapper.mh-lesson-page .mh-l-lesson-list li.is-active a {
  background: rgba(30, 123, 133, 0.1);
  color: var(--mh-l-teal);
  font-weight: 750;
}
#wrapper.mh-lesson-page .mh-l-lesson-list li a span:last-child {
  flex-shrink: 0;
  font-size: 0.68rem;
  font-weight: 600;
  opacity: 0.7;
  padding-top: 0.1rem;
}


/* Skeleton: lesson layout */
.mh-skeleton.mh-skel-lesson {
  background:
    radial-gradient(ellipse at 88% 12%, rgba(30, 123, 133, 0.06), transparent 40%),
    #f8f6f1;
}
.mh-skel-lesson .mh-skel-nav { margin-bottom: 0; }
.mh-skel-lesson__hero {
  margin: 0 -0.75rem 2rem;
  padding: 2rem 1.25rem 2.25rem;
  background: #f8f6f1;
  border-radius: 0;
}
.mh-skel-lesson__crumb { width: 280px; height: 12px; margin-bottom: 1rem; }
.mh-skel-lesson__eyebrow { width: 240px; height: 12px; margin-bottom: 0.65rem; }
.mh-skel-lesson__meta { display: flex; gap: 0.85rem; margin-top: 0.85rem; }
.mh-skel-lesson__meta .mh-skel-chip { width: 100px; height: 16px; border-radius: 4px; }
.mh-skel-lesson__actions { display: flex; gap: 0.5rem; justify-content: flex-end; margin-top: 0.5rem; }
.mh-skel-lesson__actions .mh-skel-cta { width: 120px; height: 38px; border-radius: 10px; }
.mh-skel-lesson__progress { width: 70%; max-width: 280px; height: 4px; border-radius: 999px; }
.mh-skel-lesson__audio {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem 1rem;
  margin-bottom: 2rem;
  padding: 1rem 1.15rem;
  border-radius: 24px;
  background: #fff;
  border: 1px solid #d1d5db;
}
.mh-skel-lesson__play { width: 52px; height: 52px; border-radius: 50%; flex-shrink: 0; }
.mh-skel-lesson__wave { grid-column: 1 / -1; height: 8px; border-radius: 999px; }
.mh-skel-lesson__speed { width: 40px; height: 40px; border-radius: 50%; }
.mh-skel-lesson__body { margin-bottom: 2rem; }
.mh-skel-lesson__content .mh-skel-line { margin-bottom: 0.65rem; }
.mh-skel-lesson__quote {
  height: 100px;
  border-radius: 14px;
  margin: 1.25rem 0;
}
.mh-skel-lesson__side { display: flex; flex-direction: column; gap: 1rem; }
.mh-skel-lesson__card {
  padding: 1.25rem;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e4e9ee;
}
.mh-skel-lesson__card .mh-skel-line { margin-bottom: 0.55rem; }
.mh-skel-lesson__ring-row { display: flex; gap: 1rem; align-items: center; margin-bottom: 0.75rem; }
.mh-skel-lesson__ring { width: 64px; height: 64px; border-radius: 50%; flex-shrink: 0; }


/* ==========================================================================
   AI FAB speed-dial — view-item.html (lesson page)
   ========================================================================== */
#wrapper.mh-lesson-page .chat-icon { display: none !important; }

#wrapper.mh-lesson-page .mh-ai-fab {
  position: fixed;
  right: 1.25rem;
  bottom: 1.35rem;
  z-index: 1080;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.7rem;
}

#wrapper.mh-lesson-page .mh-ai-fab__toggle {
  position: relative;
  width: 60px;
  height: 60px;
  border: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 28%, #2aa0ab 0%, #1e7b85 55%, #165e66 100%);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow:
    0 10px 28px rgba(30, 123, 133, 0.42),
    0 0 0 6px rgba(30, 123, 133, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#wrapper.mh-lesson-page .mh-ai-fab__toggle:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow:
    0 14px 32px rgba(30, 123, 133, 0.48),
    0 0 0 8px rgba(30, 123, 133, 0.14);
}
#wrapper.mh-lesson-page .mh-ai-fab__toggle i {
  font-size: 1.25rem;
  line-height: 1;
  transition: opacity 0.15s ease, transform 0.2s ease;
}
#wrapper.mh-lesson-page .mh-ai-fab__icon-close {
  position: absolute;
  opacity: 0;
  transform: scale(0.6) rotate(-40deg);
}
#wrapper.mh-lesson-page .mh-ai-fab.is-open .mh-ai-fab__icon-open {
  opacity: 0;
  transform: scale(0.6) rotate(40deg);
}
#wrapper.mh-lesson-page .mh-ai-fab.is-open .mh-ai-fab__icon-close {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

#wrapper.mh-lesson-page .mh-ai-fab__menu {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.65rem;
}
#wrapper.mh-lesson-page .mh-ai-fab__menu[hidden] {
  display: none !important;
}

#wrapper.mh-lesson-page .mh-ai-fab__action {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 9.5rem;
  padding: 0.55rem 1.05rem 0.55rem 0.55rem;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 750;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(18, 38, 58, 0.16);
  transform-origin: right center;
  animation: mh-ai-fab-in 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
}
#wrapper.mh-lesson-page .mh-ai-fab__action:nth-child(1) { animation-delay: 0.02s; }
#wrapper.mh-lesson-page .mh-ai-fab__action:nth-child(2) { animation-delay: 0.06s; }
#wrapper.mh-lesson-page .mh-ai-fab__action:nth-child(3) { animation-delay: 0.1s; }
#wrapper.mh-lesson-page .mh-ai-fab__action-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.22);
  font-size: 0.9rem;
}
#wrapper.mh-lesson-page .mh-ai-fab__action--summary { background: #2f7dff; }
#wrapper.mh-lesson-page .mh-ai-fab__action--explain { background: #f08a24; }
#wrapper.mh-lesson-page .mh-ai-fab__action--blog { background: #9b7ae8; }
#wrapper.mh-lesson-page .mh-ai-fab__action:hover { filter: brightness(1.05); }

@keyframes mh-ai-fab-in {
  from { opacity: 0; transform: translateY(10px) scale(0.92); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  #wrapper.mh-lesson-page .mh-ai-fab__action { animation: none; }
  #wrapper.mh-lesson-page .mh-ai-fab__toggle { transition: none; }
}

/* Chat offcanvas refinements for lesson AI assistant */
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__close {
  border-radius: 10px;
  background: #e85a63;
  color: #fff;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__close:hover {
  background: #d94852;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__avatar {
  background: #eef1f4;
  color: #1e7b85;
  box-shadow: none;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 1rem 1.1rem;
  background: #f7f8fa;
  overflow: hidden;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__thread {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 0.25rem;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__msg {
  max-width: 92%;
  padding: 0.85rem 1rem;
  border-radius: 16px;
  font-size: 0.9rem;
  line-height: 1.55;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__msg p {
  margin: 0 0 0.65rem;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__msg p:last-child { margin-bottom: 0; }
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__msg ul {
  margin: 0.35rem 0 0.65rem;
  padding-left: 1.1rem;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__msg hr {
  margin: 0.85rem 0;
  border: 0;
  border-top: 1px solid rgba(18, 38, 58, 0.1);
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__msg--user {
  align-self: flex-end;
  background: #2f7dff;
  color: #fff;
  border-bottom-right-radius: 6px;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__msg--bot {
  align-self: flex-start;
  background: #eef1f5;
  color: #12263a;
  border-bottom-left-radius: 6px;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__footer {
  padding: 0.85rem 1.1rem 1rem;
  border-top: 1px solid #e4e9ee;
  background: #fff;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: 0.75rem;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__suggest {
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  border: 1.5px solid #2f7dff;
  background: #fff;
  color: #2f7dff;
  font-size: 0.78rem;
  font-weight: 650;
  cursor: pointer;
  white-space: nowrap;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__suggest:hover {
  background: rgba(47, 125, 255, 0.08);
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__input-wrap {
  position: relative;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__input {
  min-height: 72px;
  padding: 0.85rem 2.75rem 0.85rem 0.95rem;
  border-radius: 14px;
  border: 1.5px solid #d7dde5;
  background: #fff;
  resize: none;
  box-shadow: none;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__input:focus {
  border-color: #1e7b85;
  box-shadow: 0 0 0 3px rgba(30, 123, 133, 0.12);
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__send {
  position: absolute;
  right: 0.65rem;
  bottom: 0.65rem;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #1e7b85;
  display: grid;
  place-items: center;
  font-size: 1rem;
  cursor: pointer;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__send:hover {
  color: #165e66;
  background: rgba(30, 123, 133, 0.08);
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__hint {
  margin: 0.55rem 0 0;
  text-align: center;
  font-size: 0.72rem;
  color: #8a97a5;
}
#wrapper.mh-lesson-page .chat-offcanvas.mh-chat .mh-chat__actions { display: none; }

/* ==========================================================================
   Quiz page — quiz.html (mh-quiz-page)
   ========================================================================== */
#wrapper.mh-quiz-page {
  --mh-qz-teal: #1e7b85;
  --mh-qz-teal-dark: #17656e;
  --mh-qz-ink: #12263a;
  --mh-qz-muted: #5b6b7c;
  --mh-qz-line: #e4e9ee;
  --mh-qz-bg: #f5f7f8;
  --mh-qz-sans: "Plus Jakarta Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --mh-qz-serif: "Source Serif 4", Georgia, serif;
  font-family: var(--mh-qz-sans);
  background: var(--mh-qz-bg);
  color: var(--mh-qz-ink);
}

#wrapper.mh-quiz-page .mh-qz-main { padding: 0; }

#wrapper.mh-quiz-page .mh-qz-hero {
  position: relative;
  padding: 7.25rem 0 2.5rem;
  background: #f8f6f1;
  color: var(--mh-qz-ink);
  overflow: hidden;
}
#wrapper.mh-quiz-page .mh-qz-hero__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: #f8f6f1;
}
#wrapper.mh-quiz-page .mh-qz-hero__pattern {
  position: absolute;
  inset: 0;
  background:
    url("/design2027/quiz-hero-bg.png") right center / cover no-repeat;
  opacity: 1;
  mix-blend-mode: normal;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    transparent 22%,
    rgba(0, 0, 0, 0.2) 42%,
    rgba(0, 0, 0, 0.65) 62%,
    #000 82%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    transparent 22%,
    rgba(0, 0, 0, 0.2) 42%,
    rgba(0, 0, 0, 0.65) 62%,
    #000 82%
  );
}
#wrapper.mh-quiz-page .mh-qz-hero__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(
    90deg,
    #f8f6f1 0%,
    #f8f6f1 30%,
    rgba(248, 246, 241, 0.92) 48%,
    rgba(248, 246, 241, 0.45) 68%,
    rgba(248, 246, 241, 0.12) 85%,
    transparent 100%
  );
}
@media (max-width: 991.98px) {
  #wrapper.mh-quiz-page .mh-qz-hero__pattern {
    background-position: center top;
    -webkit-mask-image: linear-gradient(
      180deg,
      transparent 0%,
      rgba(0, 0, 0, 0.2) 30%,
      rgba(0, 0, 0, 0.55) 100%
    );
    mask-image: linear-gradient(
      180deg,
      transparent 0%,
      rgba(0, 0, 0, 0.2) 30%,
      rgba(0, 0, 0, 0.55) 100%
    );
  }
  #wrapper.mh-quiz-page .mh-qz-hero__bg::after {
    background: linear-gradient(
      180deg,
      #f8f6f1 0%,
      rgba(248, 246, 241, 0.9) 45%,
      rgba(248, 246, 241, 0.5) 100%
    );
  }
}
#wrapper.mh-quiz-page .mh-qz-hero .container { position: relative; z-index: 1; }
#wrapper.mh-quiz-page .mh-qz-hero__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem 2rem;
}
#wrapper.mh-quiz-page .mh-qz-hero__copy {
  flex: 1 1 28rem;
  min-width: 0;
  max-width: 42rem;
}

#wrapper.mh-quiz-page .mh-qz-crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 1.25rem;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--mh-qz-muted);
}
#wrapper.mh-quiz-page .mh-qz-crumbs a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--mh-qz-muted);
  text-decoration: none;
}
#wrapper.mh-quiz-page .mh-qz-crumbs a i { color: var(--mh-qz-teal); }
#wrapper.mh-quiz-page .mh-qz-crumbs a:hover { color: var(--mh-qz-teal); text-decoration: underline; }

#wrapper.mh-quiz-page .mh-qz-eyebrow {
  margin: 0 0 0.55rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #b8952c;
}
#wrapper.mh-quiz-page .mh-qz-title {
  margin: 0 0 0.65rem;
  font-family: var(--mh-qz-serif);
  font-size: clamp(1.85rem, 3.2vw, 2.45rem);
  font-weight: 700;
  line-height: 1.2;
  color: #0f2a3d;
}
#wrapper.mh-quiz-page .mh-qz-lead {
  margin: 0 0 1.15rem;
  max-width: 36rem;
  font-size: 0.98rem;
  line-height: 1.55;
  color: var(--mh-qz-muted);
}
#wrapper.mh-quiz-page .mh-qz-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem 1.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
#wrapper.mh-quiz-page .mh-qz-meta li {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.86rem;
  font-weight: 550;
  color: var(--mh-qz-muted);
}
#wrapper.mh-quiz-page .mh-qz-meta li i { color: var(--mh-qz-teal); }

#wrapper.mh-quiz-page .mh-qz-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.6rem 1.05rem;
  border-radius: 10px;
  border: 1.5px solid #d5dbe3;
  background: #fff;
  font-size: 0.84rem;
  font-weight: 650;
  color: #1c2b36;
  text-decoration: none;
  cursor: pointer;
}
#wrapper.mh-quiz-page .mh-qz-btn-ghost:hover {
  border-color: var(--mh-qz-teal);
  color: var(--mh-qz-teal);
}
#wrapper.mh-quiz-page .mh-qz-body .mh-qz-btn-ghost {
  border-color: var(--mh-qz-line);
  background: #fff;
}

#wrapper.mh-quiz-page .mh-qz-btn-teal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.65rem 1.2rem;
  border: none;
  border-radius: 10px;
  background: var(--mh-qz-teal);
  font-size: 0.88rem;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s;
}
#wrapper.mh-quiz-page .mh-qz-btn-teal:hover { background: var(--mh-qz-teal-dark); color: #fff; }
#wrapper.mh-quiz-page .mh-qz-btn-teal:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
#wrapper.mh-quiz-page .mh-qz-btn-teal--lg {
  padding: 0.85rem 1.6rem;
  font-size: 0.95rem;
}

#wrapper.mh-quiz-page .mh-qz-body {
  padding: 1.5rem 0 5rem;
  background:
    radial-gradient(ellipse 60% 30% at 10% 0%, rgba(30, 123, 133, 0.05), transparent 55%),
    var(--mh-qz-bg);
}

#wrapper.mh-quiz-page .mh-qz-timerbar {
  position: sticky;
  top: 5.65rem;
  z-index: 30;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.9rem 1.15rem;
  border-radius: 16px;
  border: 1px solid var(--mh-qz-line);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 28px rgba(18, 38, 58, 0.08);
  backdrop-filter: blur(10px);
}
#wrapper.mh-quiz-page .mh-qz-timerbar__left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
  min-width: 0;
  flex: 1;
}
#wrapper.mh-quiz-page .mh-qz-timer {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  background: rgba(30, 123, 133, 0.08);
  color: var(--mh-qz-teal);
  font-size: 1.05rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
#wrapper.mh-quiz-page .mh-qz-timer.is-warn {
  background: rgba(217, 119, 6, 0.12);
  color: #b45309;
}
#wrapper.mh-quiz-page .mh-qz-timer.is-danger {
  background: rgba(185, 28, 28, 0.12);
  color: #b91c1c;
  animation: mh-qz-pulse 1s ease-in-out infinite;
}
@keyframes mh-qz-pulse {
  50% { transform: scale(1.03); }
}
#wrapper.mh-quiz-page .mh-qz-progress {
  flex: 1;
  min-width: 10rem;
  max-width: 18rem;
}
#wrapper.mh-quiz-page .mh-qz-progress > span {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.78rem;
  font-weight: 650;
  color: var(--mh-qz-muted);
}
#wrapper.mh-quiz-page .mh-qz-progress__bar {
  height: 5px;
  border-radius: 999px;
  background: var(--mh-qz-line);
  overflow: hidden;
}
#wrapper.mh-quiz-page .mh-qz-progress__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--mh-qz-teal);
  transition: width 0.25s ease;
}

#wrapper.mh-quiz-page .mh-qz-card {
  margin-bottom: 1rem;
  padding: 1.35rem 1.4rem 1.4rem;
  border-radius: 16px;
  border: 1px solid var(--mh-qz-line);
  background: #fff;
  box-shadow: 0 2px 12px rgba(18, 38, 58, 0.04);
  scroll-margin-top: 8.5rem;
  transition: border-color 0.15s, box-shadow 0.15s;
}
#wrapper.mh-quiz-page .mh-qz-card.is-answered {
  border-color: rgba(30, 123, 133, 0.35);
}
#wrapper.mh-quiz-page .mh-qz-card.is-correct {
  border-color: rgba(31, 122, 82, 0.4);
  background: #f4fbf7;
}
#wrapper.mh-quiz-page .mh-qz-card.is-wrong {
  border-color: rgba(185, 28, 28, 0.28);
  background: #fff8f8;
}
#wrapper.mh-quiz-page .mh-qz-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}
#wrapper.mh-quiz-page .mh-qz-card__num {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mh-qz-teal);
}
#wrapper.mh-quiz-page .mh-qz-card__status {
  font-size: 0.72rem;
  font-weight: 650;
  color: var(--mh-qz-muted);
}
#wrapper.mh-quiz-page .mh-qz-card.is-correct .mh-qz-card__status { color: #1f7a52; }
#wrapper.mh-quiz-page .mh-qz-card.is-wrong .mh-qz-card__status { color: #b91c1c; }
#wrapper.mh-quiz-page .mh-qz-card__prompt {
  margin: 0 0 1.1rem;
  font-family: var(--mh-qz-serif);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--mh-qz-ink);
}

#wrapper.mh-quiz-page .mh-qz-options {
  display: grid;
  gap: 0.55rem;
}
#wrapper.mh-quiz-page .mh-qz-option {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0;
  padding: 0.85rem 0.95rem;
  border-radius: 12px;
  border: 1.5px solid var(--mh-qz-line);
  background: #fff;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}
#wrapper.mh-quiz-page .mh-qz-option:hover {
  border-color: rgba(30, 123, 133, 0.4);
  background: rgba(30, 123, 133, 0.03);
}
#wrapper.mh-quiz-page .mh-qz-option:has(input:checked) {
  border-color: var(--mh-qz-teal);
  background: rgba(30, 123, 133, 0.07);
}
#wrapper.mh-quiz-page .mh-qz-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
#wrapper.mh-quiz-page .mh-qz-option__key {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--mh-qz-line);
  background: #f8fafb;
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--mh-qz-muted);
}
#wrapper.mh-quiz-page .mh-qz-option:has(input:checked) .mh-qz-option__key {
  border-color: var(--mh-qz-teal);
  background: var(--mh-qz-teal);
  color: #fff;
}
#wrapper.mh-quiz-page .mh-qz-option__text {
  padding-top: 0.2rem;
  font-size: 0.92rem;
  font-weight: 550;
  line-height: 1.45;
  color: var(--mh-qz-ink);
}
#wrapper.mh-quiz-page .mh-qz-option.is-correct-answer {
  border-color: #1f7a52;
  background: #e8f7ee;
}
#wrapper.mh-quiz-page .mh-qz-option.is-correct-answer .mh-qz-option__key {
  border-color: #1f7a52;
  background: #1f7a52;
  color: #fff;
}
#wrapper.mh-quiz-page .mh-qz-card.is-wrong .mh-qz-option.is-picked:not(.is-correct-answer) {
  border-color: #b91c1c;
  background: #fef2f2;
}

#wrapper.mh-quiz-page .mh-qz-submit-wrap {
  margin-top: 1.5rem;
  padding: 1.35rem 1.4rem;
  border-radius: 16px;
  border: 1px solid var(--mh-qz-line);
  background: #fff;
  text-align: center;
}
#wrapper.mh-quiz-page .mh-qz-submit-hint {
  margin: 0 0 1rem;
  font-size: 0.88rem;
  color: var(--mh-qz-muted);
}

#wrapper.mh-quiz-page .mh-qz-results {
  margin-top: 1.5rem;
  padding: 1.75rem 1.5rem;
  border-radius: 18px;
  border: 1px solid var(--mh-qz-line);
  background: #fff;
  text-align: center;
  box-shadow: 0 8px 28px rgba(18, 38, 58, 0.06);
}
#wrapper.mh-quiz-page .mh-qz-results__badge {
  display: inline-flex;
  margin-bottom: 0.75rem;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: rgba(30, 123, 133, 0.1);
  color: var(--mh-qz-teal);
}
#wrapper.mh-quiz-page .mh-qz-results__badge.is-pass {
  background: #e8f7ee;
  color: #1f7a52;
}
#wrapper.mh-quiz-page .mh-qz-results__badge.is-fail {
  background: #fef2f2;
  color: #b91c1c;
}
#wrapper.mh-quiz-page .mh-qz-results__title {
  margin: 0 0 0.45rem;
  font-family: var(--mh-qz-serif);
  font-size: 1.55rem;
  font-weight: 700;
}
#wrapper.mh-quiz-page .mh-qz-results__score {
  margin: 0 0 0.55rem;
  font-size: 1.05rem;
  font-weight: 750;
  color: var(--mh-qz-teal);
}
#wrapper.mh-quiz-page .mh-qz-results__copy {
  margin: 0 auto 1.25rem;
  max-width: 28rem;
  font-size: 0.9rem;
  color: var(--mh-qz-muted);
}
#wrapper.mh-quiz-page .mh-qz-results__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.65rem;
}


@media (max-width: 991.98px) {
  #wrapper.mh-quiz-page .mh-qz-hero { padding: 6.5rem 0 2.1rem; }
  #wrapper.mh-quiz-page .mh-qz-timerbar { top: 4.75rem; }
}

@media (prefers-reduced-motion: reduce) {
  #wrapper.mh-quiz-page .mh-qz-timer.is-danger { animation: none; }
}

/* Skeleton: quiz */
.mh-skeleton.mh-skel-quiz {
  background: #f5f7f8;
}
.mh-skel-quiz__hero {
  margin: 0 -0.75rem 1.5rem;
  padding: 2rem 1.25rem;
  background: #f8f6f1;
}
.mh-skel-quiz__hero .mh-skel { background: rgba(18, 38, 58, 0.08); }
.mh-skel-quiz__meta { display: flex; gap: 0.75rem; margin-top: 1rem; }
.mh-skel-quiz__timer {
  height: 64px;
  border-radius: 16px;
  margin-bottom: 1.25rem;
}
.mh-skel-quiz__q {
  height: 180px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e4e9ee;
  margin-bottom: 1rem;
}
.mh-skel-quiz__side {
  height: 240px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e4e9ee;
}


/* ==========================================================================
   Auth pages — login.html / register.html (mh-auth-page)
   ========================================================================== */
#wrapper.mh-auth-page {
  --mh-a-teal: #1e7b85;
  --mh-a-teal-dark: #17656e;
  --mh-a-ink: #12263a;
  --mh-a-muted: #5b6b7c;
  --mh-a-line: #e3e8ee;
  --mh-a-bg: #f7f8fa;
  --mh-a-sans: "Plus Jakarta Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --mh-a-serif: "Source Serif 4", Georgia, serif;
  --mh-a-field-h: 48px;
  --mh-a-field-radius: 8px;
  --mh-a-field-border: #d1d5db;
  --mh-a-field-bg: #f8fafc;
  --mh-a-field-bg-focus: #fff;
  --mh-a-field-icon-w: 48px;
  --mh-a-field-pad-x: 0.9rem;
  --mh-a-field-font: 0.92rem;
  min-height: 100vh;
  overflow: visible !important;
  font-family: var(--mh-a-sans);
  color: var(--mh-a-ink);
  background: var(--mh-a-bg);
}

#wrapper.mh-auth-page .mh-auth {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  min-height: 100vh;
}

/* Visual panel */
#wrapper.mh-auth-page .mh-auth__visual {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  color: #fff;
}
#wrapper.mh-auth-page .mh-auth__visual-bg {
  position: absolute;
  inset: 0;
}
#wrapper.mh-auth-page .mh-auth__visual-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
}
#wrapper.mh-auth-page .mh-auth__visual-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(160deg, rgba(8, 28, 36, 0.72) 0%, rgba(17, 70, 78, 0.55) 45%, rgba(8, 28, 36, 0.78) 100%),
    linear-gradient(90deg, rgba(8, 28, 36, 0.35), transparent 60%);
}
#wrapper.mh-auth-page .mh-auth__visual-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  padding: 2rem 2.5rem 1.75rem;
}
#wrapper.mh-auth-page .mh-auth__brand img {
  display: block;
  height: 40px;
  width: auto;
}
#wrapper.mh-auth-page .mh-auth__eyebrow {
  margin: 0 0 0.75rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #e0b84a;
}
#wrapper.mh-auth-page .mh-auth__visual-title {
  margin: 0 0 0.85rem;
  max-width: 18ch;
  font-family: var(--mh-a-serif);
  font-size: clamp(2rem, 3.4vw, 2.75rem);
  font-weight: 700;
  line-height: 1.18;
  color: #fff;
}
#wrapper.mh-auth-page .mh-auth__visual-lead {
  margin: 0 0 1.5rem;
  max-width: 32rem;
  font-size: 1.02rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.78);
}
#wrapper.mh-auth-page .mh-auth__perks {
  display: grid;
  gap: 0.65rem;
  margin: 0;
  padding: 0;
}
#wrapper.mh-auth-page .mh-auth__perks li {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-size: 0.92rem;
  font-weight: 550;
  color: rgba(255, 255, 255, 0.88);
}
#wrapper.mh-auth-page .mh-auth__perks i {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(30, 123, 133, 0.85);
  color: #fff;
  font-size: 0.65rem;
  flex-shrink: 0;
}
#wrapper.mh-auth-page .mh-auth__visual-foot {
  margin: 2rem 0 0;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.55);
}

/* Form panel */
#wrapper.mh-auth-page .mh-auth__panel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.5rem;
  background:
    radial-gradient(ellipse 50% 40% at 100% 0%, rgba(30, 123, 133, 0.06), transparent 55%),
    #fff;
}
#wrapper.mh-auth-page .mh-auth__panel-inner {
  position: relative;
  width: 100%;
  max-width: 480px;
}
#wrapper.mh-auth-page .mh-auth__back {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid var(--mh-a-line);
  background: #fff;
  color: var(--mh-a-ink);
  text-decoration: none;
  transition: border-color 0.15s, color 0.15s;
}
#wrapper.mh-auth-page .mh-auth__back:hover {
  border-color: var(--mh-a-teal);
  color: var(--mh-a-teal);
}
#wrapper.mh-auth-page .mh-auth__mobile-brand {
  margin: 0 0 1.5rem;
  padding-top: 2.5rem;
}
#wrapper.mh-auth-page .mh-auth__header {
  margin: 2.75rem 0 1.75rem;
}
#wrapper.mh-auth-page .mh-auth__title {
  margin: 0 0 0.45rem;
  font-family: var(--mh-a-serif);
  font-size: clamp(1.85rem, 3vw, 2.25rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--mh-a-ink);
}
#wrapper.mh-auth-page .mh-auth__subtitle {
  margin: 0;
  font-size: 0.95rem;
  color: var(--mh-a-muted);
}

#wrapper.mh-auth-page .mh-auth__form {
  display: grid;
  gap: 1rem;
}
#wrapper.mh-auth-page .mh-auth__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem;
  align-items: start;
}
#wrapper.mh-auth-page .mh-auth__field {
  display: grid;
  gap: 0.4rem;
  align-content: start;
}
#wrapper.mh-auth-page .mh-auth__label {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--mh-a-ink);
}
#wrapper.mh-auth-page .mh-auth__req {
  color: #e11d48;
  font-weight: 800;
}
#wrapper.mh-auth-page .mh-auth__hint {
  margin: 0.15rem 0 0;
  font-size: 0.72rem;
  font-weight: 500;
  color: #8a97a5;
}

#wrapper.mh-auth-page .mh-auth__control {
  position: relative;
  display: flex;
  align-items: stretch;
  height: var(--mh-a-field-h);
  flex-shrink: 0;
  border: 1px solid var(--mh-a-field-border);
  border-radius: var(--mh-a-field-radius);
  background: var(--mh-a-field-bg);
  overflow: hidden;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}
#wrapper.mh-auth-page .mh-auth__control:focus-within {
  border-color: var(--mh-a-teal);
  background: var(--mh-a-field-bg-focus);
  box-shadow: 0 0 0 3px rgba(30, 123, 133, 0.12);
}
#wrapper.mh-auth-page .mh-auth__control > i:first-child {
  position: static;
  flex: 0 0 var(--mh-a-field-icon-w);
  width: var(--mh-a-field-icon-w);
  display: grid;
  place-items: center;
  color: var(--mh-a-muted);
  font-size: 0.9rem;
  pointer-events: none;
  border-inline-end: 1px solid var(--mh-a-field-border);
  background: transparent;
}
#wrapper.mh-auth-page .mh-auth__input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0 var(--mh-a-field-pad-x);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-family: inherit;
  font-size: var(--mh-a-field-font);
  font-weight: 500;
  line-height: 1.2;
  color: var(--mh-a-ink);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}
#wrapper.mh-auth-page .mh-auth__control > i:first-child + .mh-auth__input,
#wrapper.mh-auth-page .mh-auth__control > i:first-child + .mh-auth__select {
  padding-left: var(--mh-a-field-pad-x);
}
#wrapper.mh-auth-page .mh-auth__input::placeholder {
  color: #98a3b0;
  font-weight: 450;
  opacity: 1;
}
#wrapper.mh-auth-page .mh-auth__input:focus {
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* Select */
#wrapper.mh-auth-page .mh-auth__control--select .mh-auth__input {
  padding-right: 2.5rem;
  cursor: pointer;
}
#wrapper.mh-auth-page .mh-auth__select-caret {
  position: absolute;
  right: 0.95rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.7rem;
  color: var(--mh-a-muted);
  pointer-events: none;
}

/* Date — keep left icon only, hide native duplicate */
#wrapper.mh-auth-page .mh-auth__control--date .mh-auth__input {
  position: relative;
  padding-right: var(--mh-a-field-pad-x);
  color-scheme: light;
  cursor: pointer;
}
#wrapper.mh-auth-page .mh-auth__control--date .mh-auth__input:not(:valid) {
  color: #98a3b0;
}
#wrapper.mh-auth-page .mh-auth__control--date .mh-auth__input:valid {
  color: var(--mh-a-ink);
}
#wrapper.mh-auth-page .mh-auth__control--date .mh-auth__input::-webkit-calendar-picker-indicator {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  opacity: 0;
  cursor: pointer;
}

/* Password toggle */
#wrapper.mh-auth-page .mh-auth__toggle-pass {
  position: absolute;
  right: 0.35rem;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--mh-a-muted);
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 2;
}
#wrapper.mh-auth-page .mh-auth__toggle-pass:hover {
  color: var(--mh-a-teal);
  background: rgba(30, 123, 133, 0.08);
}
#wrapper.mh-auth-page .mh-auth__control:has(.mh-auth__toggle-pass) .mh-auth__input {
  padding-right: 2.75rem;
}

/* intl-tel-input — match unified field shell */
#wrapper.mh-auth-page .mh-auth__phone {
  width: 100%;
}
#wrapper.mh-auth-page .mh-auth__phone .iti,
#wrapper.mh-auth-page .mh-auth-iti.iti {
  width: 100%;
  display: block;
  --iti-hover-color: rgba(30, 123, 133, 0.08);
  --iti-border-color: var(--mh-a-field-border);
  --iti-dropdown-bg: #fff;
  --iti-dialcode-color: var(--mh-a-ink);
  --iti-icon-color: var(--mh-a-muted);
}
#wrapper.mh-auth-page .mh-auth__phone .iti__tel-input,
#wrapper.mh-auth-page .mh-auth__input--tel {
  width: 100%;
  height: var(--mh-a-field-h);
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: var(--mh-a-field-pad-x);
  border-radius: var(--mh-a-field-radius);
  border: 1px solid var(--mh-a-field-border);
  background: var(--mh-a-field-bg);
  font-family: inherit;
  font-size: var(--mh-a-field-font);
  font-weight: 500;
  line-height: 1.2;
  color: var(--mh-a-ink);
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
  box-sizing: border-box;
}
#wrapper.mh-auth-page .mh-auth__phone .iti__tel-input:focus,
#wrapper.mh-auth-page .mh-auth__input--tel:focus {
  border-color: var(--mh-a-teal);
  background: var(--mh-a-field-bg-focus);
  box-shadow: 0 0 0 3px rgba(30, 123, 133, 0.12);
}
#wrapper.mh-auth-page .mh-auth__phone .iti__country-container {
  padding: 0;
}
#wrapper.mh-auth-page .mh-auth__phone .iti__selected-country {
  height: var(--mh-a-field-h);
  padding: 0 0.55rem 0 0.65rem;
  border-radius: var(--mh-a-field-radius) 0 0 var(--mh-a-field-radius);
  background: transparent;
}
#wrapper.mh-auth-page .mh-auth__phone .iti__selected-country-primary {
  gap: 0.35rem;
}
#wrapper.mh-auth-page .mh-auth__phone .iti__selected-dial-code {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--mh-a-ink);
}
#wrapper.mh-auth-page .mh-auth__phone .iti__selected-country:hover,
#wrapper.mh-auth-page .mh-auth__phone .iti__selected-country[aria-expanded="true"] {
  background: rgba(30, 123, 133, 0.06);
}
#wrapper.mh-auth-page .mh-auth__phone .iti--separate-dial-code .iti__selected-country::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: var(--mh-a-field-border);
  pointer-events: none;
}

/* Dropdown attached to body via dropdownContainer */
.iti--container {
  z-index: 10050;
}
.iti--container .iti__dropdown-content,
body > .iti .iti__dropdown-content {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 18px 40px rgba(18, 38, 58, 0.16);
  overflow: hidden;
  animation: mhAuthItiIn 0.18s ease;
  --iti-hover-color: rgba(30, 123, 133, 0.08);
}
@keyframes mhAuthItiIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
.iti--container .iti__search-input,
body > .iti .iti__search-input {
  height: 42px;
  margin: 0.55rem 0.55rem 0.35rem;
  width: calc(100% - 1.1rem) !important;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  background: #f8fafc;
  padding: 0 0.85rem;
  font-size: 0.88rem;
  outline: none;
  box-sizing: border-box;
}
.iti--container .iti__search-input:focus,
body > .iti .iti__search-input:focus {
  border-color: #1e7b85;
  box-shadow: 0 0 0 3px rgba(30, 123, 133, 0.12);
  background: #fff;
}
.iti--container .iti__country-list,
body > .iti .iti__country-list {
  max-height: 220px;
  scrollbar-width: thin;
}
.iti--container .iti__country,
body > .iti .iti__country {
  padding: 0.55rem 0.85rem;
  font-size: 0.88rem;
  transition: background 0.12s ease;
}
.iti--container .iti__country:hover,
.iti--container .iti__country.iti__highlight,
body > .iti .iti__country:hover,
body > .iti .iti__country.iti__highlight {
  background: rgba(30, 123, 133, 0.08);
}
.iti--container .iti__dial-code,
body > .iti .iti__dial-code {
  color: #64748b;
  font-weight: 600;
}

#wrapper.mh-auth-page .mh-auth__check--compact {
  margin-top: 0.35rem;
}

@media (max-width: 575.98px) {
  #wrapper.mh-auth-page .mh-auth__grid {
    grid-template-columns: 1fr;
  }
}

#wrapper.mh-auth-page .mh-auth__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}
#wrapper.mh-auth-page .mh-auth__row--start {
  justify-content: flex-start;
}
#wrapper.mh-auth-page .mh-auth__check {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0;
  font-size: 0.84rem;
  color: var(--mh-a-muted);
  cursor: pointer;
}
#wrapper.mh-auth-page .mh-auth__check input {
  width: 17px;
  height: 17px;
  margin-top: 0.1rem;
  accent-color: var(--mh-a-teal);
  flex-shrink: 0;
}
#wrapper.mh-auth-page .mh-auth__check a,
#wrapper.mh-auth-page .mh-auth__link {
  color: var(--mh-a-teal);
  font-weight: 700;
  text-decoration: none;
}
#wrapper.mh-auth-page .mh-auth__check a:hover,
#wrapper.mh-auth-page .mh-auth__link:hover {
  text-decoration: underline;
}
#wrapper.mh-auth-page .mh-auth__link {
  font-size: 0.84rem;
}

#wrapper.mh-auth-page .mh-auth__submit {
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(145deg, #24929d, var(--mh-a-teal) 45%, var(--mh-a-teal-dark));
  color: #fff;
  font-size: 0.95rem;
  font-weight: 750;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(30, 123, 133, 0.28);
  transition: transform 0.15s, filter 0.15s;
}
#wrapper.mh-auth-page .mh-auth__submit:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

#wrapper.mh-auth-page .mh-auth__divider {
  position: relative;
  margin: 1.35rem 0;
  text-align: center;
}
#wrapper.mh-auth-page .mh-auth__divider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: var(--mh-a-line);
}
#wrapper.mh-auth-page .mh-auth__divider span {
  position: relative;
  z-index: 1;
  padding: 0 0.75rem;
  background: #fff;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--mh-a-muted);
}

#wrapper.mh-auth-page .mh-auth__social {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
}
#wrapper.mh-auth-page .mh-auth__social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  height: 48px;
  border-radius: 14px;
  border: 1.5px solid var(--mh-a-line);
  background: #fff;
  color: var(--mh-a-ink);
  font-size: 0.88rem;
  font-weight: 700;
  text-decoration: none;
  transition: border-color 0.15s, background 0.15s;
}
#wrapper.mh-auth-page .mh-auth__social-btn:hover {
  border-color: var(--mh-a-teal);
  background: rgba(30, 123, 133, 0.04);
  color: var(--mh-a-teal);
}

#wrapper.mh-auth-page .mh-auth__switch {
  margin: 1.35rem 0 0;
  text-align: center;
  font-size: 0.9rem;
  color: var(--mh-a-muted);
}
#wrapper.mh-auth-page .mh-auth__switch a {
  color: var(--mh-a-teal);
  font-weight: 750;
  text-decoration: none;
}
#wrapper.mh-auth-page .mh-auth__switch a:hover {
  text-decoration: underline;
}

@media (max-width: 991.98px) {
  #wrapper.mh-auth-page .mh-auth {
    grid-template-columns: 1fr;
  }
  #wrapper.mh-auth-page .mh-auth__visual {
    display: none;
  }
  #wrapper.mh-auth-page .mh-auth__panel {
    min-height: 100vh;
    align-items: flex-start;
    padding-top: 1.25rem;
  }
  #wrapper.mh-auth-page .mh-auth__header {
    margin-top: 0.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #wrapper.mh-auth-page .mh-auth__submit {
    transition: none;
  }
  #wrapper.mh-auth-page .mh-auth__submit:hover {
    transform: none;
  }
}

/* Auth skeleton */
.mh-skeleton.mh-skel-auth {
  background: #fff;
}
.mh-skel-auth__grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  min-height: 100vh;
}
.mh-skel-auth__visual {
  background: #0d2f38;
}
.mh-skel-auth__panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.85rem;
  padding: 2.5rem;
  max-width: 420px;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 991.98px) {
  .mh-skel-auth__grid { grid-template-columns: 1fr; }
  .mh-skel-auth__visual { display: none; }
}

/* ==========================================================================
   Site-wide mobile / responsive fixes (all pages)
   ========================================================================== */

/* Mobile nav: full-width inset instead of cramped 80% bar */
@media (max-width: 991.98px) {
  .mob-navbar {
    max-width: none;
    left: 12px;
    right: 12px;
    top: 12px;
    width: auto;
    margin: 0;
    --bs-navbar-padding-x: 1rem;
    padding-inline: 1rem;
    box-sizing: border-box;
  }

  .main-footer.mh-footer .row > [class*="col-"] {
    padding-inline-start: 12px !important;
  }

  .main-footer .row .col-md-3:nth-child(2),
  .main-footer .row .col-md-3:nth-child(3),
  .main-footer .row .col-md-3:nth-child(4),
  .main-footer .row .col-12:nth-child(2),
  .main-footer .row .col-12:nth-child(3),
  .main-footer .row .col-12:nth-child(4) {
    padding-inline-start: 12px !important;
  }

  .main-footer .row .col-md-3 .div,
  .main-footer.mh-footer .row [class*="col-"] .div {
    display: none;
  }

  .main-footer.mh-footer .mh-footer-stores {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
  }

  .main-footer.mh-footer .mh-footer-store img {
    max-width: 100%;
    width: auto;
    height: 40px;
  }

  .main-footer.mh-footer .title {
    margin-top: 0.35rem;
  }
}

@media (max-width: 767.98px) {
  .main-footer.mh-footer {
    padding: 3rem 0 1.25rem;
  }

  .main-footer.mh-footer .mh-footer-brand img {
    height: 52px;
    max-width: 220px;
  }

  .main-footer.mh-footer .mh-footer-copy,
  .main-footer.mh-footer p {
    max-width: none;
  }

  .main-footer.mh-footer .title {
    margin-top: 1.25rem;
  }

  .main-footer.mh-footer .row > div:first-child .title {
    margin-top: 0;
  }

  .mh-hero-visual {
    overflow: hidden;
  }

  .mh-dash-grid {
    grid-template-columns: 1fr 1fr;
  }

  .mh-cta-btn {
    width: 100%;
    max-width: 20rem;
  }
}

@media (max-width: 575.98px) {
  .mh-dash-grid {
    grid-template-columns: 1fr;
  }

  .mh-chat-float {
    display: none;
  }

  .mh-hero-visual {
    min-height: 420px !important;
  }

  .mh-glow {
    width: min(280px, 90vw) !important;
    height: auto !important;
    aspect-ratio: 1;
  }

  /* Auth */

  #wrapper.mh-auth-page .mh-auth__social {
    grid-template-columns: 1fr;
  }

  #wrapper.mh-auth-page .mh-auth__panel {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .iti--container {
    max-width: calc(100vw - 24px) !important;
  }

  /* Hadith books */
  #wrapper.mh-hadith-page .mh-h-books {
    grid-template-columns: 1fr;
  }

  /* Community topics */
  #wrapper.mh-community-page .mh-c-topics__bar {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }

  #wrapper.mh-community-page .mh-c-topics__row {
    width: 100%;
  }

  #wrapper.mh-community-page .mh-c-topics__all {
    width: 100%;
    justify-content: flex-start;
  }


  /* Quiz */
  #wrapper.mh-quiz-page .mh-qz-timerbar {
    top: 4.25rem;
    padding: 0.75rem;
    gap: 0.65rem;
    flex-wrap: wrap;
  }

  #wrapper.mh-quiz-page .mh-qz-timerbar__left {
    flex-wrap: wrap;
    width: 100%;
  }

  #wrapper.mh-quiz-page .mh-qz-hero {
    padding-top: 6rem;
  }

  /* Quran bismillah */
  #wrapper.mh-quran-page .mh-q-bismillah {
    height: auto;
    min-height: 72px;
  }

  /* Questions legacy */
  .questions-card {
    padding: 20px 16px !important;
  }

  .lesson-content .navigation {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

  .lesson-content .navigation .ask {
    position: static !important;
  }

  /* Profile */
  .the-profile .overview-card {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.5rem;
  }

  .the-profile .certificate-card .card-footer {
    flex-direction: column;
    gap: 0.5rem;
  }

  .the-profile .certificate-card .card-footer .btn {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  #wrapper.mh-quran-page .mh-q-tools {
    position: static;
  }
}


/* =========================================================
   Profile page — My Profile (screenshot match)
   ========================================================= */
#wrapper.mh-profile-page {
  background: #f3f4f6;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}

#wrapper.mh-profile-page .mh-p-main {
  /* clear fixed floating navbar (top 32px + ~80px height) + ~28px gap */
  padding: 140px 0 64px;
}

#wrapper.mh-profile-page .mh-p-page-title {
  margin: 8px 0 20px;
  font-size: clamp(1.75rem, 2.6vw, 2.125rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #0f172a;
  line-height: 1.2;
}

/* —— Banner —— */
#wrapper.mh-profile-page .mh-p-banner {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background:
    linear-gradient(115deg, #0a3d44 0%, #0f4f57 38%, #145a63 72%, #1a6a74 100%);
  min-height: 220px;
  box-shadow: 0 18px 40px rgba(10, 61, 68, 0.22);
}

#wrapper.mh-profile-page .mh-p-banner__pattern {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

#wrapper.mh-profile-page .mh-p-banner__pattern img {
  position: absolute;
  right: -4%;
  top: 50%;
  transform: translateY(-50%);
  width: min(62%, 720px);
  height: 140%;
  object-fit: cover;
  opacity: 0.9;
}

#wrapper.mh-profile-page .mh-p-banner__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 32px 36px;
}

#wrapper.mh-profile-page .mh-p-avatar {
  position: relative;
  flex-shrink: 0;
  width: 132px;
  height: 132px;
}

#wrapper.mh-profile-page .mh-p-avatar img {
  width: 132px;
  height: 132px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  display: block;
}

#wrapper.mh-profile-page .mh-p-verified {
  position: absolute;
  left: auto;
  right: -4px;
  bottom: 4px;
  transform: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #16a34a;
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(22, 163, 74, 0.35);
}

#wrapper.mh-profile-page .mh-p-verified i {
  font-size: 0.75rem;
}

#wrapper.mh-profile-page .mh-p-banner__copy {
  min-width: 0;
  color: #fff;
}

#wrapper.mh-profile-page .mh-p-name {
  margin: 0 0 4px;
  font-size: clamp(1.5rem, 2.4vw, 1.875rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #fff;
  line-height: 1.2;
}

#wrapper.mh-profile-page .mh-p-email {
  margin: 0 0 12px;
  font-size: 0.9375rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.4;
  word-break: break-all;
}

#wrapper.mh-profile-page .mh-p-joined {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: 10px;
}

#wrapper.mh-profile-page .mh-p-bio {
  margin: 0 0 16px;
  font-size: 0.9375rem;
  color: rgba(255, 255, 255, 0.88);
}

#wrapper.mh-profile-page .mh-p-edit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: 10px;
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  background: transparent;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  font-family: inherit;
  line-height: 1.2;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease;
}

#wrapper.mh-profile-page .mh-p-edit:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: #fff;
}

/* —— Two-column layout —— */
#wrapper.mh-profile-page .mh-p-layout {
  display: grid;
  grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
  gap: 20px;
  margin-top: 20px;
  align-items: start;
}

#wrapper.mh-profile-page .mh-p-promo,
#wrapper.mh-profile-page .mh-p-panel {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}

#wrapper.mh-profile-page .mh-p-promo {
  padding: 24px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

#wrapper.mh-profile-page .mh-p-promo__logo {
  width: auto;
  height: 36px;
  object-fit: contain;
  align-self: flex-start;
}

#wrapper.mh-profile-page .mh-p-promo__text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.55;
  color: #4b5563;
}

#wrapper.mh-profile-page .mh-p-promo__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 11px 14px;
  border-radius: 10px;
  background: #1E7B85;
  color: #fff !important;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  border: none;
  transition: background 0.18s ease;
}

#wrapper.mh-profile-page .mh-p-promo__btn:hover {
  background: #165e66;
  color: #fff !important;
}

/* —— Panel + tabs —— */
#wrapper.mh-profile-page .mh-p-panel {
  padding: 8px 22px 22px;
  overflow: hidden;
}

#wrapper.mh-profile-page .mh-p-tabs {
  border-bottom: 1px solid #e5e7eb;
  gap: 4px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  margin: 0 -6px;
  padding: 0 6px;
}

#wrapper.mh-profile-page .mh-p-tabs::-webkit-scrollbar {
  display: none;
}

#wrapper.mh-profile-page .mh-p-tabs .nav-link {
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #6b7280;
  font-size: 0.9375rem;
  font-weight: 600;
  padding: 14px 14px 12px;
  white-space: nowrap;
}

#wrapper.mh-profile-page .mh-p-tabs .nav-link:hover {
  color: #1E7B85;
  border-color: transparent;
}

#wrapper.mh-profile-page .mh-p-tabs .nav-link.active {
  color: #1E7B85;
  background: transparent;
  border-bottom-color: #1E7B85;
}

#wrapper.mh-profile-page .mh-p-tab-content {
  padding-top: 18px;
}

/* —— Overview stats —— */
#wrapper.mh-profile-page .mh-p-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

#wrapper.mh-profile-page .mh-p-stat {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 14px;
  border: 1px solid #e8ecee;
  border-radius: 12px;
  background: #fafbfc;
  min-height: 88px;
}

#wrapper.mh-profile-page .mh-p-stat__icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.05rem;
}

#wrapper.mh-profile-page .mh-p-stat__icon--teal {
  background: rgba(30, 123, 133, 0.12);
  color: #1E7B85;
}

#wrapper.mh-profile-page .mh-p-stat__icon--gold {
  background: rgba(234, 179, 8, 0.16);
  color: #ca8a04;
}

#wrapper.mh-profile-page .mh-p-stat__copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

#wrapper.mh-profile-page .mh-p-stat__label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
  line-height: 1.3;
}

#wrapper.mh-profile-page .mh-p-stat__value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.03em;
  line-height: 1.15;
}

/* —— Progress —— */
#wrapper.mh-profile-page .mh-p-progress-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

#wrapper.mh-profile-page .mh-p-progress-card {
  padding: 16px 18px;
  border: 1px solid #e8ecee;
  border-radius: 12px;
  background: #fafbfc;
}

#wrapper.mh-profile-page .mh-p-progress-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

#wrapper.mh-profile-page .mh-p-progress-card__head h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
}

#wrapper.mh-profile-page .mh-p-status {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
}

#wrapper.mh-profile-page .mh-p-status--done {
  background: rgba(22, 163, 74, 0.12);
  color: #15803d;
}

#wrapper.mh-profile-page .mh-p-status--active {
  background: rgba(30, 123, 133, 0.12);
  color: #1E7B85;
}

#wrapper.mh-profile-page .mh-p-progress-card .progress {
  height: 8px;
  border-radius: 999px;
  background: #e5e7eb;
  margin-bottom: 10px;
}

#wrapper.mh-profile-page .mh-p-progress-card .progress-bar {
  background: #1E7B85;
  border-radius: 999px;
}

#wrapper.mh-profile-page .mh-p-progress-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  font-size: 0.8125rem;
  color: #6b7280;
}

/* —— Certifications —— */
#wrapper.mh-profile-page .mh-p-certs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

#wrapper.mh-profile-page .mh-p-cert {
  padding: 16px 18px;
  border: 1px solid #e8ecee;
  border-radius: 12px;
  background: #fafbfc;
}

#wrapper.mh-profile-page .mh-p-cert__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}

#wrapper.mh-profile-page .mh-p-cert__head h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
}

#wrapper.mh-profile-page .mh-p-cert__head span {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1E7B85;
  white-space: nowrap;
}

#wrapper.mh-profile-page .mh-p-cert > p {
  margin: 0 0 14px;
  font-size: 0.8125rem;
  color: #6b7280;
}

#wrapper.mh-profile-page .mh-p-cert__actions {
  display: flex;
  gap: 8px;
}

#wrapper.mh-profile-page .mh-p-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 14px;
  border-radius: 8px;
  border: 1px solid #1E7B85;
  color: #1E7B85 !important;
  font-size: 0.8125rem;
  font-weight: 600;
  text-decoration: none;
}

#wrapper.mh-profile-page .mh-p-link--solid {
  background: #1E7B85;
  color: #fff !important;
}

#wrapper.mh-profile-page .mh-p-link:hover {
  opacity: 0.9;
}

/* —— Settings —— */
#wrapper.mh-profile-page .mh-p-settings {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#wrapper.mh-profile-page .mh-p-set-card {
  padding: 22px 22px 20px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
}

#wrapper.mh-profile-page .mh-p-set-card--danger {
  border-color: #f1b4b4;
  background: #fff;
}

#wrapper.mh-profile-page .mh-p-set-card__title {
  margin: 0 0 16px;
  font-size: 1.0625rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.02em;
}

#wrapper.mh-profile-page .mh-p-set-card--danger .mh-p-set-card__title {
  color: #b91c1c;
}

#wrapper.mh-profile-page .mh-p-set-card__hint {
  margin: 0 0 16px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #6b7280;
}

#wrapper.mh-profile-page .mh-p-set-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-start;
}

#wrapper.mh-profile-page .mh-p-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  width: 100%;
}

#wrapper.mh-profile-page .mh-p-field--full {
  width: 100%;
}

#wrapper.mh-profile-page .mh-p-field > span {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #374151;
}

#wrapper.mh-profile-page .mh-p-field > span em {
  color: #dc2626;
  font-style: normal;
  font-weight: 700;
}

#wrapper.mh-profile-page .mh-p-field input,
#wrapper.mh-profile-page .mh-p-field textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  font-size: 0.9375rem;
  font-family: inherit;
  color: #0f172a;
  background: #fff;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#wrapper.mh-profile-page .mh-p-field input:focus,
#wrapper.mh-profile-page .mh-p-field textarea:focus {
  border-color: #1E7B85;
  box-shadow: 0 0 0 3px rgba(30, 123, 133, 0.15);
}

#wrapper.mh-profile-page .mh-p-check {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  cursor: pointer;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #1f2937;
  user-select: none;
}

#wrapper.mh-profile-page .mh-p-check input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #2563eb;
  cursor: pointer;
  flex-shrink: 0;
}

#wrapper.mh-profile-page .mh-p-save {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  padding: 10px 18px;
  border: none;
  border-radius: 10px;
  background: #1E7B85;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(30, 123, 133, 0.22);
}

#wrapper.mh-profile-page .mh-p-save:hover {
  background: #165e66;
}

#wrapper.mh-profile-page .mh-p-danger-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 16px;
  border-radius: 10px;
  border: 1.5px solid #b91c1c;
  background: #fff;
  color: #b91c1c;
  font-size: 0.875rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

#wrapper.mh-profile-page .mh-p-danger-btn:hover {
  background: #fef2f2;
}

/* —— Nav profile chip —— */
#wrapper.mh-profile-page .mh-profile-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 4px 4px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #e5e7eb;
  color: #0f172a !important;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#wrapper.mh-profile-page .mh-profile-chip:hover {
  border-color: #1E7B85;
  box-shadow: 0 4px 12px rgba(30, 123, 133, 0.12);
  color: #0f172a !important;
}

#wrapper.mh-profile-page .mh-profile-chip img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

#wrapper.mh-profile-page .mh-profile-chip i {
  font-size: 0.65rem;
  color: #6b7280;
}

#wrapper.mh-profile-page .mh-notif-dot--count {
  top: 4px;
  right: 2px;
  width: auto;
  min-width: 22px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  font-size: 0.5625rem;
  font-weight: 700;
  color: #fff;
  line-height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #fff;
  animation: none;
}

/* —— Responsive —— */
@media (max-width: 1199.98px) {
  #wrapper.mh-profile-page .mh-p-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  #wrapper.mh-profile-page .mh-p-layout {
    grid-template-columns: 1fr;
  }

  #wrapper.mh-profile-page .mh-p-promo {
    order: 2;
  }

  #wrapper.mh-profile-page .mh-p-panel {
    order: 1;
  }
}

@media (max-width: 991.98px) {
  #wrapper.mh-profile-page .mh-p-main {
    padding: 100px 0 56px;
  }
}

@media (max-width: 767.98px) {
  #wrapper.mh-profile-page .mh-p-main {
    padding: 92px 0 48px;
  }

  #wrapper.mh-profile-page .mh-p-banner__inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px 28px;
    gap: 18px;
  }

  #wrapper.mh-profile-page .mh-p-banner__pattern img {
    width: 85%;
    opacity: 0.55;
  }

  #wrapper.mh-profile-page .mh-p-avatar,
  #wrapper.mh-profile-page .mh-p-avatar img {
    width: 112px;
    height: 112px;
  }

  #wrapper.mh-profile-page .mh-p-panel {
    padding: 4px 14px 16px;
  }

  #wrapper.mh-profile-page .mh-p-tabs .nav-link {
    padding: 12px 10px 10px;
    font-size: 0.875rem;
  }

  #wrapper.mh-profile-page .mh-p-stats {
    grid-template-columns: 1fr 1fr;
  }

  #wrapper.mh-profile-page .mh-p-certs {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 479.98px) {
  #wrapper.mh-profile-page .mh-p-stats {
    grid-template-columns: 1fr;
  }
}


/* ===== legacy compatibility (ported from 0.css for non-redesigned views) ===== */
html[lang=ar][dir=rtl] .edu-body .search-box .input-group .input-group-text{right:auto;left:-1px}.sub-header{position:relative;padding:2rem;height:55vh;background:#1e7b85}.sub-header div:nth-child(2){margin-bottom:0}.sub-header .title{color:#fff;font-size:48px;text-transform:capitalize;font-weight:700}.sub-header .desc{color:#fff;font-size:18px;max-width:50%;margin:16px auto auto}.sub-header .login .btn{background:#1e7b85;color:#fff;text-transform:capitalize}.sub-header .login .btn span{margin-inline-end:8px}.sub-header .progress-card{background:#218894;padding:16px;border-radius:10px}.sub-header .progress-card .title{font-size:16px;font-weight:400}.sub-header .progress-card .progress{background:#1e7b85;height:8px;margin:10px 0 4px}.sub-header .progress-card span{font-size:14px;color:#fff}.sub-header .course-obj{background:#218894;padding:16px;border-radius:10px;height:100%}.sub-header .course-obj .title{font-size:18px;font-weight:400;margin-bottom:1rem}.sub-header .course-obj ul{padding-inline-start:20px!important}.sub-header .course-obj ul li{color:#fff;font-size:14px}.newsletter{margin-top:3rem;text-align:center}.newsletter .stay{color:#525252;padding:8px 12px;width:max-content;margin:auto auto 1rem;border-radius:32px}.newsletter .stay span{color:#b8b8b8;margin-inline-end:6px}.newsletter .title{font-size:32px;color:#2e2e2e;font-weight:700}.newsletter p{color:#4b5563}.newsletter form{position:relative;max-width:50%;margin:1rem auto}.newsletter form .form-control{background:#fff;height:48px;border-radius:12px;padding:0 48px}.newsletter form span{inset:50% auto auto 0;width:48px;height:48px;color:#1e7b85}.newsletter form button,
.newsletter form span{position:absolute;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.newsletter form button{inset:50% 16px auto auto;color:#bbb;padding:6px 10px;width:32px;height:32px;background:transparent;border-radius:6px}.newsletter ul li{color:#4b5563}.newsletter ul li span{width:18px;height:18px;border-radius:50%;border:1px solid #1e7b85;display:flex;align-items:center;justify-content:center;color:#1e7b85;margin-inline-end:8px;font-size:12px}.newsletter ul li:not(:last-of-type){margin-inline-end:24px}.newsletter-divider{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:3rem}.newsletter-divider .divider-left,
.newsletter-divider .divider-right{position:relative;width:47%;height:1px;background:var(--border-color)}.newsletter-divider .divider-left:after,
.newsletter-divider .divider-left:before,
.newsletter-divider .divider-right:after,
.newsletter-divider .divider-right:before{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--border-color);border-radius:4px;background-clip:padding-box;background:#edf5f6}.newsletter-divider .divider-left:before,
.newsletter-divider .divider-right:before{inset:-6px auto auto 0}.newsletter-divider .divider-left:after,
.newsletter-divider .divider-right:after{inset:-6px 0 auto auto}.newsletter-divider span{border-radius:4px;color:#1e7b85;width:48px;height:32px;justify-content:center}.newsletter-divider span{background:#fff;border:1px solid #d9e3e4;display:flex;align-items:center}.edu-box{position:relative;border:1px solid #e0e0e0;border-radius:12px;background:#fff;padding:16px}.edu-box .header{position:relative;padding-bottom:8px;border-bottom:1px solid #edf5f6;margin-bottom:16px}.edu-box .header p{color:#8f8f8f}.edu-box .header p .fa-solid{margin-inline-end:6px}.edu-box .header .dots{position:absolute;inset:8px auto auto 4px}.edu-box .header .dots span{width:10px;height:10px;border-radius:50%}.edu-box .header .dots span.red{background:#ed6a5e}.edu-box .header .dots span.yellow{background:#f4bf4e;margin:0 6px}.edu-box .header .dots span.green{background:#61c655}.edu-box label.btn{height:auto;border:1px solid #d9e3e4;background:#fff;padding:1rem;border-radius:12px;pointer-events:none;width:100%;height:100%}.edu-box label.btn .card{width:100%;background:transparent;border:0;align-items:flex-start}.edu-box label.btn .icon{position:relative;width:64px;height:64px;border-radius:12px;background:#edf5f6;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.edu-box label.btn .icon .fa-solid{font-size:24px;color:#1e7b85}.edu-box label.btn .icon span{position:absolute;width:4px;height:4px;border-radius:50%;background:#d1e3e5}.edu-box label.btn .icon span:first-child{inset:6px auto auto 6px}.edu-box label.btn .icon span:nth-child(2){inset:6px 6px auto auto}.edu-box label.btn .icon span:nth-child(3){inset:auto 6px 6px auto}.edu-box label.btn .icon span:nth-child(4){inset:auto auto 6px 6px}.edu-box label.btn .title{font-size:20px;font-weight:500;color:#1f2937;margin-bottom:1rem}.edu-box label.btn .desc{color:#1f2937;font-size:14px;margin-bottom:1rem}.edu-box label.btn .level{width:100%;margin-bottom:1rem}.edu-box label.btn .level span{padding:6px 8px;border-radius:6px;font-size:12px}.edu-box label.btn .level span.beginner{background:#edf5f6;color:#1e7b85}.edu-box label.btn .level span.mode{background:#fff7ed;color:#fb923c}.edu-box label.btn .level p{color:#000;font-size:12px}.edu-box label.btn .est{font-size:14px;color:#1f2937;margin-bottom:1rem}.edu-box label.btn .footer{width:100%}.edu-box label.btn .footer .btn{width:50%;border:1px solid #1e7b85;border-radius:8px;pointer-events:auto}.edu-box label.btn .footer .btn:first-child{background:#1e7b85;color:#fff}.edu-box label.btn .footer .btn:last-child{background:transparent;color:#1e7b85;margin-inline-start:2%}.edu-box .btn-group .btn-check:checked+.btn .icon{background:#1e7b85}.edu-box .btn-group .btn-check:checked+.btn .icon .fa-solid{color:#fff}.edu-box .selected-course{background:#edf5f6;width:70%;margin:auto;padding:32px;border-radius:12px}.edu-box .selected-course .cou-details{margin-top:1rem;background:#fff;padding:16px;border-radius:12px}.edu-box .selected-course .cou-details .icon{position:relative;width:64px;height:64px;border-radius:12px;background:#1e7b85;margin-inline-end:16px;display:flex;align-items:center;justify-content:center}.edu-box .selected-course .cou-details .icon .fa-solid{font-size:24px;color:#fff}.edu-box .selected-course .cou-details .icon span{position:absolute;width:4px;height:4px;border-radius:50%;background:#d1e3e5}.edu-box .selected-course .cou-details .icon span:first-child{inset:6px auto auto 6px}.edu-box .selected-course .cou-details .icon span:nth-child(2){inset:6px 6px auto auto}.edu-box .selected-course .cou-details .icon span:nth-child(3){inset:auto 6px 6px auto}.edu-box .selected-course .cou-details .icon span:nth-child(4){inset:auto auto 6px 6px}.edu-box .selected-course .cou-details .the-title .title{color:#1f2937;font-size:20px;font-weight:500;margin-bottom:0}.edu-box .selected-course .cou-details .the-title span{color:#6b7280;font-size:14px}.edu-box .selected-course .cou-details .the-title span:nth-child(2){position:relative;margin-inline-start:2rem}.edu-box .selected-course .cou-details .the-title span:nth-child(2):before{content:"";position:absolute;inset:10px auto auto -16px;width:4px;height:4px;border-radius:50%;background:#6b7280}.edu-box .selected-course .cou-details .level span{background:#edf5f6;padding:6px;border-radius:6px;color:#115e59;font-size:14px}.edu-box .selected-course .ready{text-align:center;background:#fff;margin-top:1rem;border-radius:12px;padding:1rem}.edu-box .selected-course .ready .title{font-size:20px;color:#1f2937}.edu-box .selected-course .ready .title .fa-solid{margin-inline-end:10px;color:#1e7b85}.edu-box .selected-course .ready p{color:#6b7280;font-size:14px;max-width:60%;margin:1rem auto}.edu-box .selected-course .ready .btn{background:#1e7b85;padding:12px 24px;border-radius:8px;color:#fff}.home__tabs .newsletter-divider{margin-bottom:40px!important;margin-top:0!important}.circular-progress{position:relative;width:48px;height:48px;border-radius:50%;background:conic-gradient(#1e7b85 45%,#e9ecef 0);display:flex;align-items:center;justify-content:center;margin:0 auto}.circular-progress:before{content:"";position:absolute;width:85%;height:85%;background:#fff;border-radius:50%}.circular-progress span{position:relative;font-size:1.2rem;font-weight:600;color:#1e7b85}.edu-body .search-box .input-group .input-group-text{position:absolute;top:0;right:-1px;bottom:0;background:#1e7b85!important;z-index:9;width:48px;display:flex;justify-content:center;align-items:center;border-radius:10px}.edu-body .search-box .input-group .input-group-text .fa-search{color:#fff!important}.edu-body .search-box .input-group .form-control{height:48px;border-radius:10px!important}@media (max-width:767.98px){.newsletter-divider .divider-left,
.newsletter-divider .divider-right{width:40%}.newsletter form{max-width:94%}.newsletter ul{flex-direction:column;align-items:flex-start!important;padding:0 16px!important}.newsletter ul li:not(:last-of-type){margin-bottom:8px}.edu-box label.btn .desc{text-align:start}.sub-header{height:auto}.sub-header .title{font-size:40px!important}.sub-header p{font-size:16px!important;max-width:98%!important}.edu-box{padding:8px}.edu-box .selected-course{width:100%;padding:20px}}
/* ===== end legacy compatibility ===== */

/* rtl helper (used by breadcrumb/back arrows outside auth pages) */
[dir='rtl'] .rtl-flip{transform:scaleX(-1)}
/* Home hero: clear the floating fixed navbar on mobile — nav top(12px) + nav height(~58px) + breathing gap.
   Desktop keeps the design's own 48px (visually correct there). */
@media (max-width: 991.98px){
  #wrapper.mh-home .main__hero > .container.mh-hero{padding-top:96px}
}
/* Community hero stats: even 3-up grid on small screens (was ragged flex wrap) */
@media (max-width: 640px){
  .mh-c-hero__stats{display:grid !important;grid-template-columns:repeat(3,1fr);gap:14px 10px}
}
/* Authed navbar: the centered absolute nav collides with the right icon cluster
   below ~1250px — tighten link padding so "Education" isn't clipped. */
@media (min-width: 992px) and (max-width: 1299.98px){
  .main-navbar .navbar-nav .nav-item .nav-link{padding:8px 7px;font-size:13px}
  .main-navbar .icons.mh-nav-actions{gap:6px;margin-inline-end:8px}
}
/* Centered nav: the demo's absolute centering assumed a narrow brand + guest button.
   With the production logo + account chip they overlap — center in normal flow instead. */
.main-navbar .navbar-nav{position:static !important;transform:none !important;margin:0 auto !important}
/* ===== Course page polish (ChatGPT design-comparison review, 2026-08-06) ===== */
#wrapper.mh-course-page .mh-co-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.9fr);align-items:center;gap:56px;min-height:560px;padding-block:130px 56px}
@media (max-width:991.98px){#wrapper.mh-course-page .mh-co-hero{grid-template-columns:1fr;min-height:auto;padding-block:96px 40px}}
#wrapper.mh-course-page .mh-co-book{position:relative;min-height:420px;display:grid;place-items:center}
#wrapper.mh-course-page .mh-co-book__img{width:min(100%,420px);height:460px;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 28px 28px rgba(6,36,44,.18))}
@media (max-width:991.98px){#wrapper.mh-course-page .mh-co-book{min-height:280px}#wrapper.mh-course-page .mh-co-book__img{height:300px}}
#wrapper.mh-course-page .mh-co-hero__title{max-width:760px;margin:18px 0;font-size:clamp(42px,4.2vw,62px);line-height:1.02;letter-spacing:-.025em;color:#073f48}
#wrapper.mh-course-page .mh-co-crumbs{margin-bottom:26px}
#wrapper.mh-course-page .mh-co-badge{margin-bottom:16px}
#wrapper.mh-course-page .mh-co-hero__lead{max-width:660px;margin-top:18px;font-size:18px;line-height:1.55;color:#586c85}
#wrapper.mh-course-page .mh-co-meta .mh-co-chip,#wrapper.mh-course-page .mh-co-meta > span{min-height:36px;padding:0 13px;border:1px solid #dce5e8;border-radius:10px;background:rgba(255,255,255,.86);font-size:14px;font-weight:650;display:inline-flex;align-items:center;gap:8px}
#wrapper.mh-course-page .mh-co-hero__actions{margin-top:24px}
#wrapper.mh-course-page .mh-co-hero__actions .mh-co-btn{min-height:46px;padding:0 20px;border-radius:10px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:8px}
/* ===== Auto-hide navbar + back-to-top (ChatGPT design spec, 2026-08-06) ===== */
.main-navbar,.mob-navbar{transition:transform 280ms cubic-bezier(.22,1,.36,1),box-shadow 220ms ease,background-color 220ms ease,-webkit-backdrop-filter 220ms ease,backdrop-filter 220ms ease;will-change:transform}
.main-navbar.nav-auto-hidden,.mob-navbar.nav-auto-hidden{transform:translateY(calc(-100% - 48px))}
.main-navbar.nav-scrolled{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);box-shadow:0 10px 30px rgba(23,73,79,.1),0 2px 8px rgba(23,73,79,.06)}
@media (max-width:767.98px){.main-navbar,.mob-navbar{transition-duration:240ms}.main-navbar.nav-auto-hidden,.mob-navbar.nav-auto-hidden{transform:translateY(calc(-100% - 28px))}}
.back-to-top{position:fixed;inset-inline-end:24px;bottom:96px;z-index:900;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(30,123,133,.2);border-radius:50%;color:#fff;background:#1e7b85;box-shadow:0 10px 24px rgba(23,73,79,.18),0 3px 8px rgba(23,73,79,.1);cursor:pointer;font-size:20px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.92);transition:opacity 180ms ease,transform 220ms cubic-bezier(.22,1,.36,1),visibility 0s linear 220ms,background-color 160ms ease,box-shadow 160ms ease}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}
.back-to-top:hover{background:#17494f;transform:translateY(-2px);box-shadow:0 14px 28px rgba(23,73,79,.22),0 4px 10px rgba(23,73,79,.12)}
.back-to-top:active{transform:translateY(0) scale(.96);background:#133f44}
.back-to-top:focus-visible{outline:3px solid rgba(212,168,67,.48);outline-offset:3px}
@media (max-width:767.98px){.back-to-top{inset-inline-end:16px;bottom:88px;width:42px;height:42px;font-size:18px}}
@media (prefers-reduced-motion:reduce){.main-navbar,.mob-navbar,.back-to-top{transition-duration:1ms!important}.back-to-top:hover,.back-to-top:active{transform:none}}
/* ===== Mobile sweep polish (2026-08-06) ===== */
/* burger tap target: was 14x24 — pad to 44px without moving the icon visually */
.mob-navbar button.bg-transparent{min-width:44px;min-height:44px;display:grid;place-items:center}
/* course weekly rhythm: equal-height day cells so the dots stay on one line */
#wrapper.mh-course-page .mh-co-rhythm__days em{height:28px;display:grid;place-items:center}
/* comfortable tap targets: hadith pagination + community post action icons */
.mh-h-pager button{min-width:40px;min-height:40px}
.mh-c-post__actions button{min-height:40px;padding-block:6px}