/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./css/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --samar-primary: #53746c;
  --samar-secondary: #efccb0;
  --samar-green: #71cf95;
  --samar-blue: #0d6efd;
  --samar-purple: #7a61ff;
  --samar-yellow: #ffcc4d;
  --samar-red: #fa5b67;
}
: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: #53746c;
  --bs-secondary: #efccb0;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-main-green: #729e92;
  --bs-main-blue: #0d6efd;
  --bs-main-beige: #efccb0;
  --bs-primary-rgb: 83, 116, 108;
  --bs-secondary-rgb: 239, 204, 176;
  --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-main-green-rgb: 114, 158, 146;
  --bs-main-blue-rgb: 13, 110, 253;
  --bs-main-beige-rgb: 239, 204, 176;
  --bs-primary-text-emphasis: rgb(33.2, 46.4, 43.2);
  --bs-secondary-text-emphasis: rgb(95.6, 81.6, 70.4);
  --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(220.6, 227.2, 225.6);
  --bs-secondary-bg-subtle: rgb(251.8, 244.8, 239.2);
  --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(186.2, 199.4, 196.2);
  --bs-secondary-border-subtle: rgb(248.6, 234.6, 223.4);
  --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, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #53746c;
  --bs-link-color-rgb: 83, 116, 108;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(66.4, 92.8, 86.4);
  --bs-link-hover-color-rgb: 66, 93, 86;
  --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(83, 116, 108, 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(151.8, 171.6, 166.8);
  --bs-secondary-text-emphasis: rgb(245.4, 224.4, 207.6);
  --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(16.6, 23.2, 21.6);
  --bs-secondary-bg-subtle: rgb(47.8, 40.8, 35.2);
  --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(49.8, 69.6, 64.8);
  --bs-secondary-border-subtle: rgb(143.4, 122.4, 105.6);
  --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(151.8, 171.6, 166.8);
  --bs-link-hover-color: rgb(172.44, 188.28, 184.44);
  --bs-link-color-rgb: 152, 172, 167;
  --bs-link-hover-color-rgb: 172, 188, 184;
  --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: rgba(255, 255, 255, 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);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
h6, h5, .as-table .as-td:not(.content) *, .as-table .as-td:not(.content), .as-table .as-th *, .as-table .as-th, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}
h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}
h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}
h5, .as-table .as-td:not(.content) *, .as-table .as-td:not(.content), .as-table .as-th *, .as-table .as-th {
  font-size: 1.25rem;
}
h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 0.875em;
}
mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: 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-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-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-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.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;
  }
}
.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: #000 !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;
}
.text-bg-main-green {
  color: #000 !important;
  background-color: RGBA(var(--bs-main-green-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-main-blue {
  color: #fff !important;
  background-color: RGBA(var(--bs-main-blue-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-main-beige {
  color: #000 !important;
  background-color: RGBA(var(--bs-main-beige-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(66, 93, 86, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(66, 93, 86, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(242, 214, 192, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(242, 214, 192, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-main-green {
  color: RGBA(var(--bs-main-green-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-main-green-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-main-green:hover, .link-main-green:focus {
  color: RGBA(142, 177, 168, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(142, 177, 168, var(--bs-link-underline-opacity, 1)) !important;
}
.link-main-blue {
  color: RGBA(var(--bs-main-blue-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-main-blue-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-main-blue:hover, .link-main-blue:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}
.link-main-beige {
  color: RGBA(var(--bs-main-beige-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-main-beige-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-main-beige:hover, .link-main-beige:focus {
  color: RGBA(242, 214, 192, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(242, 214, 192, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  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 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.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 {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.object-fit-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.object-fit-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}
.object-fit-scale {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}
.object-fit-none {
  -o-object-fit: none !important;
     object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-main-green {
  --bs-focus-ring-color: rgba(var(--bs-main-green-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-main-blue {
  --bs-focus-ring-color: rgba(var(--bs-main-blue-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-main-beige {
  --bs-focus-ring-color: rgba(var(--bs-main-beige-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, .x-padding {
  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, .y-padding {
  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 {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}
.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
       column-gap: 0.25rem !important;
}
.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}
.column-gap-3 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}
.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}
.column-gap-5 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center, .section-pre-title, .section-title {
  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;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-main-green {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-main-green-rgb), var(--bs-bg-opacity)) !important;
}
.bg-main-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-main-blue-rgb), var(--bs-bg-opacity)) !important;
}
.bg-main-beige {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-main-beige-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-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 {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-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 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: 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 {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-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 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: 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 {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-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 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: 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 {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-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 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: 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 {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-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 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: 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;
  }
}
.btn, .btn-main {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn, .btn-main {
    transition: none;
  }
}
.btn:hover, .btn-main: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, .btn-check + .btn-main:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible, .btn-main:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn, .btn-check:focus-visible + .btn-main {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, .btn-check:checked + .btn-main, :not(.btn-check) + .btn:active, :not(.btn-check) + .btn-main:active, .btn:first-child:active, .btn-main:first-child:active, .btn.active, .active.btn-main, .btn.show, .show.btn-main {
  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 + .btn-main:focus-visible, :not(.btn-check) + .btn:active:focus-visible, :not(.btn-check) + .btn-main:active:focus-visible, .btn:first-child:active:focus-visible, .btn-main:first-child:active:focus-visible, .btn.active:focus-visible, .active.btn-main:focus-visible, .btn.show:focus-visible, .show.btn-main:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn, .btn-check:checked:focus-visible + .btn-main {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn-main:disabled, .btn.disabled, .disabled.btn-main, fieldset:disabled .btn, fieldset:disabled .btn-main {
  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, .btn-main {
  --bs-btn-color: #fff;
  --bs-btn-bg: #53746c;
  --bs-btn-border-color: #53746c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(70.55, 98.6, 91.8);
  --bs-btn-hover-border-color: rgb(66.4, 92.8, 86.4);
  --bs-btn-focus-shadow-rgb: 109, 137, 130;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(66.4, 92.8, 86.4);
  --bs-btn-active-border-color: rgb(62.25, 87, 81);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #53746c;
  --bs-btn-disabled-border-color: #53746c;
}
.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: #efccb0;
  --bs-btn-border-color: #efccb0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(241.4, 211.65, 187.85);
  --bs-btn-hover-border-color: rgb(240.6, 209.1, 183.9);
  --bs-btn-focus-shadow-rgb: 203, 173, 150;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(242.2, 214.2, 191.8);
  --bs-btn-active-border-color: rgb(240.6, 209.1, 183.9);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #efccb0;
  --bs-btn-disabled-border-color: #efccb0;
}
.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-main-green {
  --bs-btn-color: #000;
  --bs-btn-bg: #729e92;
  --bs-btn-border-color: #729e92;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(135.15, 172.55, 162.35);
  --bs-btn-hover-border-color: rgb(128.1, 167.7, 156.9);
  --bs-btn-focus-shadow-rgb: 97, 134, 124;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(142.2, 177.4, 167.8);
  --bs-btn-active-border-color: rgb(128.1, 167.7, 156.9);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #729e92;
  --bs-btn-disabled-border-color: #729e92;
}
.btn-main-blue {
  --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-main-beige {
  --bs-btn-color: #000;
  --bs-btn-bg: #efccb0;
  --bs-btn-border-color: #efccb0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(241.4, 211.65, 187.85);
  --bs-btn-hover-border-color: rgb(240.6, 209.1, 183.9);
  --bs-btn-focus-shadow-rgb: 203, 173, 150;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(242.2, 214.2, 191.8);
  --bs-btn-active-border-color: rgb(240.6, 209.1, 183.9);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #efccb0;
  --bs-btn-disabled-border-color: #efccb0;
}
.btn-outline-primary {
  --bs-btn-color: #53746c;
  --bs-btn-border-color: #53746c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #53746c;
  --bs-btn-hover-border-color: #53746c;
  --bs-btn-focus-shadow-rgb: 83, 116, 108;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #53746c;
  --bs-btn-active-border-color: #53746c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #53746c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #53746c;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #efccb0;
  --bs-btn-border-color: #efccb0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #efccb0;
  --bs-btn-hover-border-color: #efccb0;
  --bs-btn-focus-shadow-rgb: 239, 204, 176;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #efccb0;
  --bs-btn-active-border-color: #efccb0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #efccb0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #efccb0;
  --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-outline-main-green {
  --bs-btn-color: #729e92;
  --bs-btn-border-color: #729e92;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #729e92;
  --bs-btn-hover-border-color: #729e92;
  --bs-btn-focus-shadow-rgb: 114, 158, 146;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #729e92;
  --bs-btn-active-border-color: #729e92;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #729e92;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #729e92;
  --bs-gradient: none;
}
.btn-outline-main-blue {
  --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-main-beige {
  --bs-btn-color: #efccb0;
  --bs-btn-border-color: #efccb0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #efccb0;
  --bs-btn-hover-border-color: #efccb0;
  --bs-btn-focus-shadow-rgb: 239, 204, 176;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #efccb0;
  --bs-btn-active-border-color: #efccb0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #efccb0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #efccb0;
  --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: 109, 137, 130;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.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-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);
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-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:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(83, 116, 108, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-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: #53746c;
}
.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:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-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;
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-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: #53746c;
  --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: "";
}
.dropstart .dropdown-toggle::after {
  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:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #53746c;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23212529%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27rgb%2833.2, 46.4, 43.2%29%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(83, 116, 108, 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(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-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,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27rgb%28151.8, 171.6, 166.8%29%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27rgb%28151.8, 171.6, 166.8%29%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e");
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414%27/%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(83, 116, 108, 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 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}
[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
.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-bg: ;
  --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: translate(0, -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(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  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-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
div, div *, span, p, a {
  font-family: "El Messiri", sans-serif;
  color: #000;
  font-weight: 500;
}
h1, h2, h3, h4, h5, .as-table .as-td:not(.content) *, .as-table .as-td:not(.content), .as-table .as-th *, .as-table .as-th, h6 {
  font-family: "El Messiri", sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, .as-table .as-td:not(.content) a, .as-table .as-th a, h6 a {
  font-family: "El Messiri", sans-serif;
}
/* 
---------------------------------------------
header
--------------------------------------------- 
*/
.background-header {
  background-color: #fff;
  height: 80px !important;
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important;
}
.header-area {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  height: 110px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transition: all 0.5s ease 0s;
}
.header-area .main-nav {
  min-height: 80px;
  background: transparent;
  display: flex;
}
.header-area .main-nav .logo {
  height: 60px;
  width: 60px;
  line-height: 120px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all 0.3s ease 0s;
}
.header-area .main-nav .logo > img {
  max-width: 100%;
}
.background-header .main-nav .logo {
  line-height: 70px;
  width: 70px;
}
.background-header .nav {
  margin-top: 18px !important;
}
.header-area .main-nav .nav {
  float: right;
  margin-top: 40px;
  margin-right: 0px;
  background-color: transparent;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}
.header-area .main-nav .nav li {
  padding-left: 20px;
  padding-right: 20px;
}
.header-area .main-nav .nav li:last-child {
  padding-right: 0px;
}
.header-area .main-nav .nav li a, .header-area .main-nav .nav li .nav-dropdown-label {
  display: block;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  color: #fff;
  transition: all 0.3s ease 0s;
  height: 40px;
  line-height: 40px;
  border: transparent;
  font-family: "Cairo", sans-serif;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.header-area .main-nav .nav li a i, .header-area .main-nav .nav li .nav-dropdown-label i {
  color: #fff;
  cursor: pointer;
}
.header-area.background-header .main-nav .nav li a, .header-area.background-header .main-nav .nav li .nav-dropdown-label {
  color: #000;
  text-shadow: none;
}
.header-area.background-header .main-nav .nav li a i, .header-area.background-header .main-nav .nav li .nav-dropdown-label i {
  color: #000;
}
.header-area .main-nav .nav li:last-child a:hover {
  color: #729e92;
}
.header-area .main-nav .nav li.has-sub ul.sub-menu li:last-child a,
.background-header .main-nav .nav li.has-sub ul.sub-menu li:last-child a,
.header-area .main-nav .nav li.page_item_has_children ul.sub-menu li:last-child a,
.background-header .main-nav .nav li.page_item_has_children ul.sub-menu li:last-child a {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0px;
  padding-top: 0px !important;
  height: 40px;
}
.header-area .main-nav .nav li.has-sub ul.sub-menu li:last-child a:hover,
.background-header .main-nav .nav li.has-sub ul.sub-menu li:last-child a:hover,
.header-area .main-nav .nav li.page_item_has_children ul.sub-menu li:last-child a:hover,
.background-header .main-nav .nav li.page_item_has_children ul.sub-menu li:last-child a:hover {
  padding-inline-start: 25px !important;
}
.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li:hover .nav-dropdown-label {
  color: #729e92;
}
.header-area .main-nav .nav li a.active,
.header-area .main-nav .nav li .nav-dropdown-label.active {
  color: #efccb0;
}
.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li:hover .nav-dropdown-label {
  color: #729e92;
  opacity: 1;
}
.background-header .main-nav .nav li a.active,
.background-header .main-nav .nav li .nav-dropdown-label.active {
  color: #efccb0;
  opacity: 1;
}
.header-area .main-nav .nav li.has-sub,
.header-area .main-nav .nav li.page_item_has_children {
  position: relative;
}
[dir=rtl] .header-area .main-nav .nav li.has-sub,
[dir=rtl] .header-area .main-nav .nav li.page_item_has_children {
  padding-inline-start: 18px;
  padding-inline-end: 0;
}
[dir=ltr] .header-area .main-nav .nav li.has-sub,
[dir=ltr] .header-area .main-nav .nav li.page_item_has_children {
  padding-inline-end: 18px;
  padding-inline-start: 0;
}
.header-area .main-nav .nav li.has-sub:after,
.header-area .main-nav .nav li.page_item_has_children:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 12px;
}
[dir=rtl] .header-area .main-nav .nav li.has-sub:after,
[dir=rtl] .header-area .main-nav .nav li.page_item_has_children:after {
  left: 0;
  right: auto;
}
[dir=ltr] .header-area .main-nav .nav li.has-sub:after,
[dir=ltr] .header-area .main-nav .nav li.page_item_has_children:after {
  right: 2px;
  left: auto;
}
.background-header .main-nav .nav li.has-sub:after,
.background-header .main-nav .nav li.page_item_has_children:after {
  color: #000;
}
.header-area .main-nav .nav li.nav-channels-dropdown ul.sub-menu {
  width: 180px;
  min-width: 160px;
}
/* Channels dropdown: chevron on label with gap (fixes RTL overlap) */
.header-area .main-nav .nav li.nav-channels-dropdown::after {
  display: none;
}
.header-area .main-nav .nav li.nav-channels-dropdown .nav-dropdown-label {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.header-area .main-nav .nav li.nav-channels-dropdown .nav-dropdown-label::after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 12px;
  line-height: 1;
  flex-shrink: 0;
  color: #fff;
}
.background-header .main-nav .nav li.nav-channels-dropdown .nav-dropdown-label::after {
  color: #000;
}
[dir=rtl] .header-area .main-nav .nav li.nav-channels-dropdown {
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.header-area .main-nav .nav li .nav-dropdown-label {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.header-area .main-nav .nav li.has-sub ul.sub-menu,
.header-area .main-nav .nav li.page_item_has_children ul.sub-menu {
  position: absolute;
  width: 140px;
  background-color: #fff;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  top: 40px;
  border-radius: 5px;
  opacity: 0;
  transition: all 0.3s;
  transform: translateY(2em);
  visibility: hidden;
  z-index: -1;
}
.header-area .main-nav .nav li.has-sub ul.sub-menu li,
.header-area .main-nav .nav li.page_item_has_children ul.sub-menu li {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.header-area .main-nav .nav li.has-sub ul.sub-menu li a,
.header-area .main-nav .nav li.page_item_has_children ul.sub-menu li a {
  opacity: 1;
  display: block;
  background: #f7f7f7;
  color: #2a2a2a !important;
  padding-inline: 20px;
  height: 40px;
  line-height: 40px;
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 12px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
}
.header-area .main-nav .nav li.has-sub ul li a:hover,
.header-area .main-nav .nav li.page_item_has_children ul li a:hover {
  background: #fff;
  color: #729e92 !important;
  padding-inline-start: 25px;
}
.header-area .main-nav .nav li.has-sub ul li a:hover:before,
.header-area .main-nav .nav li.page_item_has_children ul li a:hover:before {
  width: 3px;
}
.header-area .main-nav .nav li.has-sub:hover ul.sub-menu,
.header-area .main-nav .nav li.page_item_has_children:hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}
.header-area .main-nav .menu-trigger {
  cursor: pointer;
  position: absolute;
  top: 24px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  right: 40px;
  display: none;
}
.background-header .main-nav .menu-trigger {
  top: 23px;
}
.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  transition: all 0.4s;
  background-color: #53746c;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  right: 0;
}
.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #729e92;
}
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  transition: all 0.4s;
  background-color: #729e92;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  right: 0;
  width: 75%;
}
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #729e92;
}
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}
.header-area .main-nav .menu-trigger span {
  top: 16px;
}
.header-area .main-nav .menu-trigger span:before {
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}
.header-area .main-nav .menu-trigger span:after {
  transform-origin: 33% 0;
  top: 10px;
}
.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}
.header-area .main-nav .menu-trigger.active span:before {
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #729e92;
}
.background-header .main-nav .menu-trigger.active span:before {
  background-color: #729e92;
}
.header-area .main-nav .menu-trigger.active span:after {
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #729e92;
}
.background-header .main-nav .menu-trigger.active span:after {
  background-color: #729e92;
}
.header-area.header-sticky {
  min-height: 80px;
}
.header-area .nav {
  margin-top: 30px;
}
.header-area.header-sticky .nav li a.active,
.header-area.header-sticky .nav li .nav-dropdown-label.active {
  color: #efccb0;
}
@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .header-area .main-nav:before {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .header-area {
    background: none;
  }
  .header-area .main-nav {
    display: block;
    line-height: 80px;
    vertical-align: middle !important;
  }
  .header-area .main-nav .logo {
    position: absolute;
    display: inline-block;
    color: #1e1e1e;
    left: 15px;
    top: 15px;
    width: 50px;
    height: 50px;
    padding: 2px;
    box-sizing: border-box;
    display: flex;
    background-color: #efccb0;
    border-radius: 4px;
  }
  .header-area .main-nav .logo img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: auto;
  }
  .header-area .main-nav .nav li a i {
    color: #efccb0;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li:hover .nav-dropdown-label {
    color: #729e92 !important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li a.active,
  .header-area.header-sticky .nav li .nav-dropdown-label.active {
    color: #efccb0 !important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a {
    width: 100%;
  }
  .header-area {
    background-color: transparent;
    padding: 0px 15px;
    height: 100px;
    text-align: center;
  }
  .header-area.background-header {
    background-color: #f7f7f7;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 0px;
    line-height: 50px;
  }
  .header-area .main-nav .menu-trigger {
    display: block !important;
    color: #729e92;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    background-color: #f7f7f7;
    float: none;
    width: 100%;
    display: none;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area.header-sticky .nav {
    margin-top: 82px !important;
  }
  .background-header.header-sticky .nav {
    margin-top: 80px !important;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a,
  .header-area .main-nav .nav li .nav-dropdown-label {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #f7f7f7 !important;
    color: #191a20 !important;
    text-shadow: none;
    margin-bottom: 2px;
  }
  .header-area .main-nav .nav li .nav-dropdown-label {
    cursor: pointer;
    display: block;
    width: 100%;
  }
  .header-area .main-nav .nav #lang_dropdown > a.dropdown-toggle {
    height: 50px !important;
    line-height: 1 !important;
    background: #f7f7f7 !important;
    color: #191a20 !important;
    text-shadow: none !important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #ff511a !important;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
    transition: all 0s;
    z-index: 1000;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    height: auto;
  }
  .header-area .main-nav .nav li.has-sub:after {
    color: #3B566E;
    font-size: 14px;
    top: 15px;
  }
  [dir=rtl] .header-area .main-nav .nav li.has-sub:not(.nav-channels-dropdown):after {
    left: 15px;
    right: auto;
  }
  [dir=ltr] .header-area .main-nav .nav li.has-sub:not(.nav-channels-dropdown):after {
    right: 30px;
    left: auto;
  }
  .header-area .main-nav .nav li.nav-channels-dropdown .nav-dropdown-label {
    justify-content: center;
    gap: 0.75rem;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
}
@media (min-width: 768px) {
  .header-area .main-nav .nav {
    display: flex !important;
  }
  .header-area .main-nav .menu-trigger {
    display: none !important;
  }
}
/* Language toggle in main nav */
.header-area .main-nav .nav #lang_dropdown > a.dropdown-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  height: 40px;
  line-height: 1;
  font-size: 18px;
  font-weight: 500;
  font-family: "Cairo", sans-serif;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  text-align: center;
  text-decoration: none;
  border: none;
  background: transparent;
  padding: 0 0.5rem;
  white-space: nowrap;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
}
.header-area .main-nav .nav #lang_dropdown > a.dropdown-toggle .lang-toggle-icon,
.header-area .main-nav .nav #lang_dropdown > a.dropdown-toggle .lang-toggle-label {
  color: inherit;
}
.header-area .main-nav .nav #lang_dropdown > a.dropdown-toggle .lang-toggle-icon {
  font-size: 0.9em;
}
.header-area .main-nav .nav #lang_dropdown > a.dropdown-toggle:hover, .header-area .main-nav .nav #lang_dropdown > a.dropdown-toggle:focus {
  color: #729e92;
  text-shadow: none;
}
.header-area .main-nav .nav #lang_dropdown > a.dropdown-toggle::after {
  display: none;
}
.background-header .main-nav .nav #lang_dropdown > a.dropdown-toggle {
  color: #191a20;
  text-shadow: none;
}
.background-header .main-nav .nav #lang_dropdown > a.dropdown-toggle:hover, .background-header .main-nav .nav #lang_dropdown > a.dropdown-toggle:focus {
  color: #729e92;
}
/* Control language dropdown menu options */
/* Desktop language dropdown styles */
@media (min-width: 769px) {
  /* Language dropdown container */
  #lang_dropdown {
    position: relative !important;
  }
  /* Language dropdown menu */
  ul#lang_options {
    min-width: 90px !important;
    width: auto !important;
    max-width: none !important;
    position: absolute !important;
    z-index: 1000 !important;
    background-color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 0.25rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175) !important;
    padding: 0.5rem !important;
    margin: 0 !important;
    top: 100% !important;
    bottom: auto !important;
    margin-top: 0.25rem !important;
    display: none;
  }
  ul#lang_options.show {
    display: block !important;
  }
  /* LTR languages - center the dropdown */
  [dir=ltr] ul#lang_options,
  :not([dir]) ul#lang_options {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
  /* RTL languages - adjust positioning for better centering */
  [dir=rtl] ul#lang_options {
    right: 50% !important;
    left: auto !important;
    transform: translateX(50%) !important;
  }
  /* Dropdown menu items for desktop */
  ul#lang_options li a.dropdown-item.lang-option {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.9em !important;
    white-space: nowrap !important;
    text-align: center !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    line-height: 1 !important;
    min-height: 2rem !important;
    border-radius: 0 !important;
    text-decoration: none !important;
  }
  /* Ensure last dropdown item has same horizontal spacing on desktop */
  ul#lang_options li:last-child a.dropdown-item.lang-option {
    padding: 0.375rem 0.25rem !important;
    margin: 0 !important;
  }
  /* Active/selected language styling for desktop */
  ul#lang_options li a.dropdown-item.lang-option.active,
  ul#lang_options li a.active.dropdown-item,
  ul#lang_options li a.active {
    background-color: #53746c !important;
    background: #53746c !important;
    color: #fff !important;
    font-weight: 600 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }
  /* Hover effect for non-active items on desktop */
  ul#lang_options li a.dropdown-item.lang-option:hover {
    background-color: rgba(255, 81, 26, 0.1) !important;
  }
}
/* Mobile-specific language dropdown styles */
@media (max-width: 768px) {
  /* Language dropdown container */
  #lang_dropdown {
    position: relative !important;
  }
  /* Language dropdown menu - MOBILE: position above */
  ul#lang_options {
    min-width: 90px !important;
    width: auto !important;
    max-width: none !important;
    position: absolute !important;
    z-index: 1000 !important;
    background-color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 0.25rem !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175) !important;
    padding: 0.25rem !important;
    margin: 0 !important;
    top: auto !important;
    bottom: 100% !important;
    margin-bottom: 0.25rem !important;
  }
  /* LTR languages - center the dropdown */
  [dir=ltr] ul#lang_options,
  :not([dir]) ul#lang_options {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
  /* RTL languages - adjust positioning for better centering */
  [dir=rtl] ul#lang_options {
    right: 50% !important;
    left: auto !important;
    transform: translateX(50%) !important;
  }
  /* Dropdown menu items */
  ul#lang_options li a.dropdown-item.lang-option {
    padding: 0.25rem 0.75rem !important;
    font-size: 0.9em !important;
    white-space: nowrap !important;
    text-align: center !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    line-height: 1 !important;
    min-height: 2.2rem !important; /* Slightly increased for better proportions */
    border-radius: 0 !important;
    text-decoration: none !important;
  }
  /* Active language option styling */
  ul#lang_options li a.dropdown-item.lang-option.active,
  ul#lang_options li a.active.dropdown-item,
  ul#lang_options li a.active {
    background-color: #53746c !important;
    background: #53746c !important;
    color: #fff !important;
    font-weight: 600 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }
  /* Hover effect for non-active items */
  ul#lang_options li a.dropdown-item.lang-option:hover {
    background-color: rgba(255, 81, 26, 0.1) !important;
  }
}
/* 
---------------------------------------------
banner
--------------------------------------------- 
*/
.swiper-container {
  position: relative;
  height: calc(100vh - 0px);
  max-height: calc(100vh - 0px);
  margin: 0px;
  background-color: #212741;
}
.swiper-container .swiper-button-prev {
  left: 30px;
  color: #fff !important;
}
.swiper-container .swiper-button-next {
  right: 30px;
  color: #fff !important;
}
@media (max-width: 767.98px) {
  .swiper-container {
    padding-top: 100px;
  }
}
.swiper-slide {
  overflow: hidden;
}
.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}
.slide-inner > .container {
  display: block;
  min-height: 100%;
  height: 100%;
}
.swiper-slide-active h2 {
  animation: fadeInLeft 0.8s;
  animation-delay: 0.3s;
  opacity: 1;
}
.swiper-slide-active p {
  animation: fadeInRight 0.8s;
  animation-delay: 0.3s;
  opacity: 1;
}
.swiper-slide-active .div-dec {
  animation: fadeIn 0.8s;
  animation-delay: 0.3s;
  opacity: 1;
}
.swiper-slide-active .buttons .green-button,
.swiper-slide-active .buttons .orange-button {
  animation: fadeInUp 0.8s;
  animation-delay: 0.3s;
  opacity: 1;
}
.slide-inner .header-text {
  position: absolute;
  width: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.slide-inner .header-text h2 {
  position: relative;
  z-index: 2;
  font-size: 56px;
  color: #fff;
  font-weight: 700;
  opacity: 1;
  visibility: visible;
  line-height: 70px;
  margin-bottom: 40px;
}
.slide-inner .header-text .div-dec {
  width: 80px;
  height: 6px;
  border-radius: 3px;
  background-color: #fff;
  margin-bottom: 40px;
  opacity: 1;
  visibility: visible;
}
.slide-inner .header-text p {
  color: #fff;
  margin-right: 60px;
  margin-bottom: 50px;
  opacity: 1;
  visibility: visible;
}
.slide-inner .header-text h2 em {
  font-style: normal;
  color: #ff511a;
}
.slide-inner .header-text .buttons {
  display: inline;
  opacity: 1;
  visibility: visible;
}
.slide-inner .header-text .buttons .green-button {
  display: inline;
  float: left;
  margin-right: 20px;
}
/* 
---------------------------------------------
page heading
--------------------------------------------- 
*/
/* 
---------------------------------------------
page heading
--------------------------------------------- 
*/
.page-heading {
  position: relative;
  z-index: 0;
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
  font-family: "Cairo", sans-serif;
}
.page-heading .header-text h2 {
  position: relative;
  font-size: 56px;
  color: #fff;
  font-weight: 900;
  font-family: "Cairo", sans-serif;
  z-index: 2;
}
.page-heading .header-text h2 span {
  font-weight: 900;
  font-family: "Cairo", sans-serif;
  color: #fff;
}
.page-heading .header-text .div-dec {
  position: relative;
  z-index: 2;
  width: 80px;
  height: 6px;
  border-radius: 3px;
  background-color: #fff;
  margin: 20px auto 0 auto;
}
.page-heading.overlay::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.8);
}
@media (max-width: 767.98px) {
  .page-heading {
    background-position: center center;
    background-size: cover;
    padding: 160px 0px 60px 0px;
  }
}
@media (max-width: 575.98px) {
  .page-heading {
    background-position: center center;
    background-size: cover;
    padding: 120px 0px 60px 0px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .page-heading {
    background-position: right center;
    background-size: cover;
    padding: 200px 0px 80px 0px;
  }
}
@media (min-width: 1200px) {
  .page-heading {
    background-position: right center;
    background-size: cover;
    padding: 315px 0px 120px 0px;
  }
  .page-heading.page-heading-home.overlay {
    padding: 200px 0px 100px 0px;
  }
}
@media (min-width: 1400px) {
  .page-heading {
    background-size: cover;
    background-position: center center;
    min-height: 550px;
  }
  .page-heading.page-heading-home.overlay {
    min-height: 300px;
  }
}
.btn-main {
  color: #fff;
  font-family: "Cairo", sans-serif;
  font-weight: 500;
}
html, body {
  overflow-x: hidden !important;
  background-color: #fff;
}
.custom-p {
  padding: 20px 30px 20px 60px;
  border: 1px solid green;
  border-left: 3px solid blue;
  color: gray;
}
ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}
header, nav, section, article, aside, footer, hgroup {
  display: block;
}
* {
  box-sizing: border-box;
}
a {
  text-decoration: none !important;
}
.rtl {
  direction: rtl;
}
.hidden {
  opacity: 0;
}
.animate__animated {
  opacity: 1;
}
.section-dark, .section-dark * {
  color: #fff;
}
.section-dark .post-content, .section-dark .post-content * {
  color: initial;
}
.section-title {
  font-family: "El Messiri", sans-serif;
}
.section-pre-title {
  font-family: "Marhey", cursive;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}
.flex-7 {
  flex: 7;
}
.flex-8 {
  flex: 8;
}
.flex-9 {
  flex: 9;
}
.flex-10 {
  flex: 10;
}
.today-schedule-section {
  background-image: url(images/section-bg.1d259ad1.png);
  background-size: cover;
  background-position: center;
  min-height: 400px;
}
.page-heading--sound-mixer {
  background-image: url(images/sound-mixer.2d68844a.jpg);
  background-size: cover;
  background-position: center;
}
.cardsContainer {
  overflow-y: hidden;
  padding-top: 30px;
}
.full-width-images .section-pre-title {
  color: #53746c;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.full-width-images .section-title {
  color: #efccb0;
  font-weight: 800;
}
.full-width-images .blog-card {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.full-width-images .blog-card .blog-img {
  height: 250px;
  position: relative;
  flex-shrink: 0;
}
.full-width-images .blog-card .blog-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.full-width-images .blog-card .blog-img .blog-date {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #53746c;
  color: #fff;
  padding: 5px 15px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 0.8rem;
}
.full-width-images .blog-card .blog-content {
  padding: 30px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.full-width-images .blog-card .blog-content h4 {
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.4;
}
.full-width-images .blog-card .blog-content h4 a {
  color: #efccb0;
  text-decoration: none;
}
.full-width-images .blog-card .blog-content h4 a:hover {
  color: #53746c;
}
.full-width-images .blog-card .blog-content .read-more {
  color: #53746c;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  margin-top: auto;
}
.full-width-images .blog-card .blog-content .read-more:hover {
  gap: 12px;
}
.colorful .section-pre-title {
  color: #53746c;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.colorful .section-title {
  color: #efccb0;
  font-weight: 800;
}
.colorful .cause-card {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: none;
}
.colorful .cause-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.colorful .cause-card .card-image {
  position: relative;
  height: 250px;
  overflow: hidden;
}
.colorful .cause-card .card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.colorful .cause-card .card-image .view-details {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(14, 28, 44, 0.85);
  color: #fff;
  padding: 8px 18px;
  border-radius: 25px;
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  backdrop-filter: blur(4px);
}
.colorful .cause-card .card-image .view-details i {
  font-size: 0.7rem;
}
.colorful .cause-card .card-image .view-details:hover {
  background: rgb(14, 28, 44);
  transform: scale(1.05);
}
.colorful .cause-card .card-content {
  padding: 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.colorful .cause-card .card-content h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 1rem;
}
.colorful .cause-card .card-content p {
  color: #666;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  flex-grow: 1;
}
.colorful .cause-card .card-content .donate-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 25px;
  border-radius: 30px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
  text-transform: capitalize;
}
.colorful .cause-card .card-content .donate-button i {
  font-size: 0.8rem;
}
.colorful .cause-card .card-content .donate-button:hover {
  filter: brightness(0.9);
  transform: translateY(-2px);
}
.colorful .cause-card.cause-yellow {
  background-color: #fdfae7;
}
.colorful .cause-card.cause-yellow .donate-button {
  background-color: #ffcc4d;
}
.colorful .cause-card.cause-blue {
  background-color: #eaf6ff;
}
.colorful .cause-card.cause-blue .donate-button {
  background-color: #4facfe;
}
.colorful .cause-card.cause-green {
  background-color: #effbf3;
}
.colorful .cause-card.cause-green .donate-button {
  background-color: #71cf95;
}
.show-box, .recent-box {
  display: flex;
  justify-content: stretch;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  min-height: 100%;
  filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.1));
}
.show-box .post-thumbnail figure, .recent-box .post-thumbnail figure {
  display: block;
}
.show-box .post-thumbnail figure a, .recent-box .post-thumbnail figure a {
  display: block;
}
.show-box figure, .recent-box figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
}
.show-box figure img, .recent-box figure img {
  aspect-ratio: auto;
  transition: 0.3s ease-in-out;
  width: 100%;
  max-width: 100%;
  display: inline-block;
  border-radius: 10px;
  min-height: 180px;
}
.show-box:hover img, .recent-box:hover img {
  transform: scale(1.2);
}
.show-box .latest_content, .recent-box .latest_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.show-box .latest_content .post-date, .recent-box .latest_content .post-date {
  text-align: right;
  width: 100%;
}
.show-box .latest_content .post-date i, .recent-box .latest_content .post-date i {
  color: #53746c;
}
.show-box .latest_content .post-date span.date, .recent-box .latest_content .post-date span.date {
  display: inline-block;
  font-family: "Cairo", sans-serif;
}
.show-box .post-content, .recent-box .post-content {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.show-box .post-content .read_more, .recent-box .post-content .read_more {
  font-family: "Cairo", sans-serif;
  display: block;
  text-align: left;
  margin-top: auto;
}
.show-box .post-content.two-lines-height, .recent-box .post-content.two-lines-height {
  min-height: 120px;
}
.auto-height {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.cardWrapper.scheduleCardWrapper {
  margin-bottom: 20px;
}
.card-schedule {
  border: 1px solid #212529;
  border-radius: 8px;
}
.card-schedule .row {
  position: relative;
  z-index: 3;
  background-color: #000;
  border-radius: 8px;
  padding: 15px;
  color: #fff;
}
.card-schedule .row .img-wrapper {
  border-radius: 8px;
  background-color: #fff;
  height: 100%;
}
.card-schedule .row .img-wrapper img {
  height: 100%;
  min-height: 100px;
  width: 100%;
  border-radius: 8px;
}
.card-schedule .row .card-title-time {
  color: #729e92;
}
.card-schedule .row .card-title-time i {
  color: #729e92;
}
.card-schedule .row .card-title-time .badge {
  position: absolute;
  display: inline-block;
  left: 0px;
  bottom: 0px;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 14px;
  font-family: "Noto Sans Arabic", sans-serif;
  font-weight: 600;
}
.card-schedule .row .card-title-time .badge.pulse {
  border-style: solid;
  border-width: 2px;
  border-color: rgba(255, 255, 0, 0.5);
  animation: pulse 6s infinite;
}
.card-schedule .row .card-body {
  position: relative;
  padding: 10px 20px 0 10px;
  height: 100%;
  margin-bottom: 10px;
}
.card-schedule.notDark .row {
  background-color: #fff;
}
.card-schedule.notDark {
  border-color: #53746c;
  border-width: 2px;
}
.card-schedule .badge:not(.rounded-pill):not(.schedule-status-badge) {
  min-width: 100px;
  text-align: center;
}
.card-schedule .program-broadcasting-language {
  font-family: "Noto Sans Arabic", sans-serif;
  font-weight: 600;
}
.card-schedule .img-wrapper {
  position: relative;
  overflow: hidden;
}
.card-schedule .schedule-card-status {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  z-index: 4;
  padding: 0.5rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.35) 55%, transparent 100%);
  pointer-events: none;
}
.card-schedule .schedule-status-badge {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0.28rem 0.5rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-family: "Noto Sans Arabic", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.01em;
  border: 1px solid transparent;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.34), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.card-schedule .schedule-status-badge::before {
  content: "";
  flex-shrink: 0;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
}
.card-schedule .schedule-status-badge--on-air {
  color: #fff;
  background: linear-gradient(135deg, rgb(57.4743718593, 80.3256281407, 74.7859296482) 0%, #53746c 42%, #729e92 100%);
  background-size: 200% 200%;
  border-color: rgba(255, 255, 255, 0.55);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 1px rgba(0, 0, 0, 0.9);
  font-weight: 800;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.38), 0 5px 14px rgba(83, 116, 108, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  animation: schedule-on-air-shine 2.8s ease-in-out infinite;
}
.card-schedule .schedule-status-badge--on-air::before {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  animation: schedule-live-dot 1.4s ease-in-out infinite;
}
.card-schedule .schedule-status-badge--on-air.pulse {
  animation: schedule-on-air-shine 2.8s ease-in-out infinite, pulse 6s infinite;
}
.card-schedule .schedule-status-badge--aired {
  color: #f8fafc;
  background: linear-gradient(135deg, #3f4754 0%, #5c6673 52%, #7a8694 100%);
  border-color: rgba(255, 255, 255, 0.28);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.34), 0 4px 12px rgba(47, 54, 64, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.card-schedule .schedule-status-badge--aired::before {
  background: #d1d7e0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
  opacity: 1;
}
.card-schedule .schedule-status-badge--upcoming {
  color: #fff;
  background: linear-gradient(135deg, rgb(217.5263157895, 135.5526315789, 69.9736842105) 0%, #efccb0 55%, rgb(251.8842105263, 245.0684210526, 239.6157894737) 100%);
  border-color: rgba(255, 255, 255, 0.35);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.34), 0 4px 12px rgba(239, 204, 176, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.card-schedule .schedule-status-badge--upcoming::before {
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}
.card-schedule .card-title-time .schedule-status-badge {
  position: absolute;
  left: 0;
  bottom: 0;
  width: auto;
  min-width: 100px;
}
.card-schedule .schedule-card-status .badge:not(.rounded-pill):not(.schedule-status-badge) {
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: 0;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 14px;
  font-family: "Noto Sans Arabic", sans-serif;
  font-weight: 600;
}
.card-schedule .schedule-card-status .badge:not(.rounded-pill):not(.schedule-status-badge).pulse {
  border-style: solid;
  border-width: 2px;
  border-color: rgba(255, 255, 0, 0.5);
  animation: pulse 6s infinite;
}
[dir=ltr] .card-schedule .row .card-title-time .schedule-status-badge, [dir=ltr] .card-schedule .row .schedule-card-status .badge:not(.rounded-pill):not(.schedule-status-badge) {
  right: 0;
  left: initial;
}
.card-schedule.card-dark .img-wrapper img {
  height: auto;
  background-color: rgba(239, 204, 176, 0.25) !important;
}
#today-schedule .today-schedule-cards .schedule-card-labels > p,
.today-schedule-section .today-schedule-cards .schedule-card-labels > p {
  display: contents;
  margin: 0 !important;
}
[dir=ltr] #today-schedule .today-schedule-cards .schedule-card-labels .schedule-meta-badge, #today-schedule .today-schedule-cards .schedule-card-labels .schedule-meta-badge,
[dir=ltr] .today-schedule-section .today-schedule-cards .schedule-card-labels .schedule-meta-badge,
.today-schedule-section .today-schedule-cards .schedule-card-labels .schedule-meta-badge {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.18);
}
[dir=rtl] #today-schedule .today-schedule-cards .schedule-card-labels .schedule-meta-badge,
[dir=rtl] .today-schedule-section .today-schedule-cards .schedule-card-labels .schedule-meta-badge {
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.18);
}
#today-schedule .today-schedule-cards .schedule-card-time,
.today-schedule-section .today-schedule-cards .schedule-card-time {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0 0 0.35rem;
  color: #729e92;
  line-height: 1.3;
}
#today-schedule .today-schedule-cards .schedule-card-time i,
.today-schedule-section .today-schedule-cards .schedule-card-time i {
  color: #729e92;
  flex-shrink: 0;
}
#today-schedule .today-schedule-cards .schedule-card-labels,
.today-schedule-section .today-schedule-cards .schedule-card-labels {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.15rem;
}
#today-schedule .today-schedule-cards .schedule-card-labels .schedule-meta-badge,
.today-schedule-section .today-schedule-cards .schedule-card-labels .schedule-meta-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.18rem 0.8rem 0.28rem;
  font-size: inherit;
  line-height: 1;
  white-space: nowrap;
  min-width: 0;
  box-sizing: border-box;
  vertical-align: middle;
  font-family: "Noto Sans Arabic", sans-serif;
  font-weight: 600;
  border: none;
}
#today-schedule .today-schedule-cards .schedule-card-labels .schedule-meta-badge.bg-dark,
.today-schedule-section .today-schedule-cards .schedule-card-labels .schedule-meta-badge.bg-dark {
  background-color: #212529 !important;
  color: #fff !important;
}
#today-schedule .today-schedule-cards .schedule-card-labels .schedule-meta-badge.program-first-run,
#today-schedule .today-schedule-cards .schedule-card-labels .program-first-run,
.today-schedule-section .today-schedule-cards .schedule-card-labels .schedule-meta-badge.program-first-run,
.today-schedule-section .today-schedule-cards .schedule-card-labels .program-first-run {
  padding: 0.18rem 0.8rem 0.28rem !important;
  font-size: inherit;
  line-height: 1;
  background: #efccb0;
  color: #efccb0;
}
.section-content .swiper .swiper-wrapper {
  align-items: stretch;
}
@keyframes schedule-on-air-shine {
  0%, 100% {
    background-position: 0% 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.38), 0 5px 14px rgba(83, 116, 108, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  }
  50% {
    background-position: 100% 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.42), 0 6px 16px rgba(114, 158, 146, 0.52), inset 0 1px 0 rgba(255, 255, 255, 0.36);
  }
}
@keyframes schedule-live-dot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.55;
    transform: scale(0.82);
  }
}
@keyframes pulse {
  0% {
    border-color: rgba(31, 186, 143, 0.4);
    background-color: rgba(31, 186, 143, 0.4);
    box-shadow: 0 0 0 rgba(31, 186, 143, 0.4);
  }
  50% {
    background-color: rgba(83, 116, 108, 0.8);
  }
  70% {
    background-color: rgba(255, 255, 0, 0.8);
  }
  100% {
    background-color: rgba(83, 116, 108, 0.8);
  }
}
/* show single page
=================== */
/*  Card styles
---------------- */
.single-show-card {
  background-color: #fff;
  border: 1px solid rgba(83, 116, 108, 0.2);
  border-radius: 8px;
  margin-bottom: 20px;
  filter: drop-shadow(5px 0 10px rgba(0, 0, 0, 0.1));
}
.single-show-card .card-header {
  background-color: rgba(83, 116, 108, 0.1);
  padding: 10px;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #efccb0;
}
.single-show-card .card-body {
  padding: 10px 10px;
}
.all-content {
  font-size: 20px;
}
.open-youtube-video {
  margin-left: 10px;
  margin-right: 10px;
  height: 30px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 30px;
  cursor: pointer;
}
.open-youtube-video::before {
  content: "\f167"; /* Unicode for YouTube icon */
  font-family: "Font Awesome 6 Brands"; /* Ensure this matches your FontAwesome version */
  font-weight: 900; /* Use 400 if you’re using the "Regular" style */
  font-size: 30px;
  display: inline-block;
  width: 35px;
  height: 30px;
  text-align: center;
  line-height: 30px; /* Adjust to vertically center the icon */
  color: red; /* Optional: YouTube's red color */
}
.schedule-page-nav li.nav-item button {
  font-family: "Cairo", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
/* ===== Shows schedule: tabs / grid views ===== */
.schedule-sticky-anchor {
  height: 0;
  width: 100%;
}
.schedule-sticky-placeholder {
  display: none;
}
.schedule-sticky-bar {
  background-color: #fff;
  margin-bottom: 0.75rem;
}
.schedule-sticky-toolbar {
  background-color: #fff;
  padding: 0.5rem 0;
}
.schedule-view-toggle .btn.active, .schedule-view-toggle .active.btn-main {
  color: #fff;
}
.schedule-view-toggle .btn.active i, .schedule-view-toggle .active.btn-main i,
.schedule-view-toggle .btn.active .schedule-view-toggle__label,
.schedule-view-toggle .active.btn-main .schedule-view-toggle__label {
  color: #fff;
}
.schedule-sticky-days {
  background-color: #fff;
  padding: 0.5rem 0 0.75rem;
}
@media (min-width: 992px) {
  .schedule-sticky-bar.is-fixed {
    position: fixed;
    z-index: 90;
    left: 0;
    right: 0;
    width: 100%;
    box-shadow: 0 8px 12px -10px rgba(0, 0, 0, 0.35);
    margin-bottom: 0;
    box-sizing: border-box;
  }
}
body.shows-schedule-page {
  overflow-x: clip;
}
#shows-schedule-section {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  padding-inline: clamp(0.5rem, 1.5vw, 1.25rem);
  box-sizing: border-box;
}
@media (min-width: 992px) {
  #shows-schedule-section {
    width: 80vw;
    max-width: 80vw;
    margin-inline: calc(50% - 40vw);
  }
}
#shows-schedule-section .schedule-card-labels > p {
  display: contents;
  margin: 0 !important;
}
[dir=ltr] #shows-schedule-section .schedule-card-labels .schedule-meta-badge, #shows-schedule-section .schedule-card-labels .schedule-meta-badge {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.18);
}
[dir=rtl] #shows-schedule-section .schedule-card-labels .schedule-meta-badge {
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.18);
}
#shows-schedule-section[data-layout=tabs] .schedule-day-column__header,
#shows-schedule-section[data-layout=tabs] .schedule-grid-headers-row {
  display: none;
}
#shows-schedule-section[data-layout=tabs] .schedule-page-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0 !important;
}
#shows-schedule-section[data-layout=tabs] .schedule-card-time {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0 0 0.35rem;
  color: #729e92;
  line-height: 1.3;
}
#shows-schedule-section[data-layout=tabs] .schedule-card-time i {
  color: #729e92;
  flex-shrink: 0;
}
#shows-schedule-section[data-layout=tabs] .schedule-card-labels {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.15rem;
}
#shows-schedule-section[data-layout=tabs] .schedule-card-labels .schedule-meta-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.18rem 0.8rem 0.28rem;
  font-size: inherit;
  line-height: 1;
  white-space: nowrap;
  min-width: 0;
  box-sizing: border-box;
  vertical-align: middle;
  font-family: "Noto Sans Arabic", sans-serif;
  font-weight: 600;
  border: none;
}
#shows-schedule-section[data-layout=tabs] .schedule-card-labels .schedule-meta-badge.bg-dark {
  background-color: #212529 !important;
  color: #fff !important;
}
#shows-schedule-section[data-layout=tabs] .schedule-card-labels .schedule-meta-badge.program-first-run,
#shows-schedule-section[data-layout=tabs] .schedule-card-labels .program-first-run {
  padding: 0.18rem 0.8rem 0.28rem !important;
  font-size: inherit;
  line-height: 1;
  background: #efccb0;
  color: #4a707d;
}
#shows-schedule-section[data-layout=grid] {
  --schedule-grid-gap: clamp(0.35rem, 1vw, 1rem);
  --schedule-grid-card-inset: clamp(0.4rem, 0.9vw, 0.75rem);
  --schedule-grid-card-radius: 6px;
}
#shows-schedule-section[data-layout=grid] .schedule-page-nav {
  display: none;
}
#shows-schedule-section[data-layout=grid] .schedule-sticky-days {
  display: none;
}
#shows-schedule-section[data-layout=grid] .schedule-grid-scroll {
  position: relative;
  width: 100%;
  margin-bottom: 0.5rem;
  overflow-x: visible;
}
#shows-schedule-section[data-layout=grid] .schedule-grid-frame {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
#shows-schedule-section[data-layout=grid] .schedule-grid-headers-row,
#shows-schedule-section[data-layout=grid] .schedule-tab-content {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  -moz-column-gap: var(--schedule-grid-gap);
       column-gap: var(--schedule-grid-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#shows-schedule-section[data-layout=grid] .schedule-grid-headers-row {
  background-color: #fff;
  padding-bottom: 0.25rem;
}
#shows-schedule-section[data-layout=grid] .schedule-tab-content {
  align-items: start;
  padding-bottom: 0.5rem;
}
#shows-schedule-section[data-layout=grid] .schedule-pinned-headers {
  display: none;
  position: fixed;
  z-index: 88;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 8px 12px -10px rgba(0, 0, 0, 0.35);
  pointer-events: none;
  box-sizing: border-box;
}
#shows-schedule-section[data-layout=grid] .schedule-pinned-headers .schedule-grid-headers-row {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  -moz-column-gap: var(--schedule-grid-gap);
       column-gap: var(--schedule-grid-gap);
  width: 100%;
  padding-bottom: 0.25rem;
  margin: 0;
}
#shows-schedule-section[data-layout=grid] .schedule-pinned-headers.is-visible {
  display: block;
}
#shows-schedule-section[data-layout=grid] .schedule-grid-header {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-width: 0;
  text-align: center;
  font-family: "Cairo", sans-serif;
  font-size: clamp(0.7rem, 1.1vw, 0.95rem);
  font-weight: 700;
  padding: 0.5rem 0.15rem;
  border: 1px solid transparent;
  border-bottom: 2px solid #53746c;
  color: #efccb0;
  background-color: #fff;
}
#shows-schedule-section[data-layout=grid] .schedule-grid-header--current {
  background-color: #53746c;
  color: #fff;
  border: 1px solid #53746c;
  border-bottom-color: #53746c;
  border-radius: 6px 6px 0 0;
}
#shows-schedule-section[data-layout=grid] .schedule-day-column {
  box-sizing: border-box;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  align-self: start;
  width: 100%;
  max-width: none;
  min-width: 0;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: var(--schedule-grid-card-inset);
  background-color: #fff;
}
#shows-schedule-section[data-layout=grid] .schedule-day-column--current {
  border: 1px solid #53746c;
  background-color: rgba(83, 116, 108, 0.2);
}
#shows-schedule-section[data-layout=grid] .schedule-day-column__header {
  display: none;
}
#shows-schedule-section[data-layout=grid] .scheduleCardWrapper {
  width: 100%;
  max-width: 100%;
  margin-bottom: var(--schedule-grid-card-inset);
}
#shows-schedule-section[data-layout=grid] .scheduleCardWrapper:last-child {
  margin-bottom: 0;
}
#shows-schedule-section[data-layout=grid] .card-schedule {
  overflow: hidden;
  border-radius: var(--schedule-grid-card-radius);
}
#shows-schedule-section[data-layout=grid] .card-schedule .row {
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
}
#shows-schedule-section[data-layout=grid] .card-schedule .row > [class*=col-] {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}
#shows-schedule-section[data-layout=grid] .card-schedule .img-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: 0;
}
#shows-schedule-section[data-layout=grid] .card-schedule .img-wrapper img,
#shows-schedule-section[data-layout=grid] .card-schedule .img-wrapper .attachment-post-thumbnail {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
}
#shows-schedule-section[data-layout=grid] .img-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: 0;
}
#shows-schedule-section[data-layout=grid] .attachment-post-thumbnail {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
}
#shows-schedule-section[data-layout=grid] .schedule-card-status {
  padding: var(--schedule-grid-card-inset);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.42) 50%, transparent 100%);
}
#shows-schedule-section[data-layout=grid] .schedule-card-status .schedule-status-badge {
  font-size: 0.68rem;
  padding: 0.2rem 0.45rem;
}
#shows-schedule-section[data-layout=grid] .card-schedule .card-body {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: var(--schedule-grid-card-inset);
  margin-bottom: 0;
}
#shows-schedule-section[data-layout=grid] .card-schedule .card-body .card-title {
  margin-bottom: 0;
  line-height: 1.25;
}
#shows-schedule-section[data-layout=grid] .card-title-show {
  font-size: 14px;
  line-height: 1.3;
  min-height: 2.6em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#shows-schedule-section[data-layout=grid] .card-title-presenter {
  font-size: 0.8rem;
}
#shows-schedule-section[data-layout=grid] .schedule-card-time {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
  font-size: 14px;
  color: #729e92;
  line-height: 1.3;
  min-width: 0;
}
#shows-schedule-section[data-layout=grid] .schedule-card-time i {
  color: #729e92;
  flex-shrink: 0;
  font-size: 14px;
}
@media (min-width: 992px) {
  #shows-schedule-section[data-layout=grid] .schedule-card-time {
    white-space: nowrap;
  }
  #shows-schedule-section[data-layout=grid] .schedule-card-time .utc-time {
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }
  #shows-schedule-section[data-layout=grid] .schedule-card-time::after {
    content: attr(aria-label);
    position: absolute;
    bottom: calc(100% + 6px);
    inset-inline-start: 0;
    max-width: 220px;
    padding: 0.4rem 0.55rem;
    background-color: #212529;
    color: #fff;
    font-size: 14px;
    font-family: "Cairo", sans-serif;
    font-weight: 600;
    line-height: 1.35;
    white-space: normal;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.15s ease, visibility 0.15s ease;
    z-index: 12;
  }
  #shows-schedule-section[data-layout=grid] .schedule-card-time:hover::after, #shows-schedule-section[data-layout=grid] .schedule-card-time:focus-visible::after {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 992px) {
  #shows-schedule-section[data-layout=grid] .schedule-card-time {
    position: relative;
  }
}
#shows-schedule-section[data-layout=grid] .schedule-card-labels {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  line-height: 1;
}
#shows-schedule-section[data-layout=grid] .schedule-card-labels .schedule-meta-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.25rem 0.5rem;
  font-size: 0.68rem;
  line-height: 1;
  font-family: "Noto Sans Arabic", sans-serif;
  font-weight: 600;
  box-sizing: border-box;
  vertical-align: middle;
  border: none;
}
#shows-schedule-section[data-layout=grid] .schedule-card-labels .schedule-meta-badge.bg-dark {
  background-color: #212529 !important;
  color: #fff !important;
}
#shows-schedule-section[data-layout=grid] .schedule-card-labels .schedule-meta-badge.program-first-run {
  padding: 0.25rem 0.5rem;
  font-size: 0.68rem;
  line-height: 1;
  font-family: "Noto Sans Arabic", sans-serif;
  font-weight: 600;
  background: #efccb0;
  color: #4a707d;
}
.presenters-tabs .nav-pills-presenter a.nav-link {
  font-family: "Cairo", sans-serif;
  padding-right: 10px;
  padding-left: 10px;
  color: #efccb0;
  border-radius: 0;
  font-weight: bold;
  font-size: 1.25rem;
}
.presenters-tabs .nav-pills-presenter a.nav-link img {
  width: 100px;
  height: 100px;
  margin: 0 0 0 10px;
}
.presenters-tabs .nav-pills-presenter a.nav-link.active {
  background-color: #efccb0;
  border-radius: 0;
  color: #fff;
}
.h-separator {
  position: relative;
  display: block;
  height: 1px;
  border-bottom: 2px solid #efccb0;
  margin-top: 30px !important;
  margin-bottom: 40px !important;
}
.show-info {
  border-bottom: 2px solid #53746c;
  padding-bottom: 20px;
}
.click-to-show-host-episodes {
  font-family: "Cairo", sans-serif;
  font-size: 1.25rem;
  color: #efccb0;
  font-weight: bold;
}
.episode-list > :nth-child(odd) {
  background-color: #fafafa;
}
.episode-list > div {
  border-radius: 8px;
}
.episode-list .playing-now,
.episode-list .paused-now {
  background-color: #53746c;
}
.show-episodes, .show_presented_by {
  font-family: "Cairo", sans-serif;
  font-size: 1.6rem;
  color: #53746c;
  font-weight: bold;
}
.episode-permalink {
  font-family: "Cairo", sans-serif;
  font-size: 1rem;
  color: #efccb0;
  font-weight: bold;
}
.show_name {
  font-family: "Cairo", sans-serif;
  font-size: 1.25rem;
  color: #53746c;
  font-weight: bold;
}
.episodes-by {
  font-size: 0.9rem;
  font-weight: normal;
}
.episodes-presenter-name {
  font-family: "Cairo", sans-serif;
  font-size: 1.25rem;
  color: #efccb0;
  font-weight: bold;
}
.episode-item .controls {
  direction: ltr;
}
.episode-item .listen-div {
  display: flex;
  gap: 5px;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}
.episode-item .listen-div * {
  margin: 0;
  padding: 10px 2px;
}
/* General Styling for the Play Button */
.play-button {
  position: relative;
  width: 30px; /* Diameter of the circle */
  height: 30px;
  background-color: #efccb0; /* Circle background color */
  border-radius: 50%; /* Make it a circle */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
/* ▶️ PLAY ICON */
.play-button::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: 4px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
}
.playing-now .play-button {
  display: none;
}
.playing-now .radio-equalizer {
  margin-left: 10px;
  display: flex;
  align-items: flex-end; /* Align bars to the bottom */
  justify-content: flex-end; /* Ensure even spacing between bars */
  gap: 2px; /* Space between bars */
  width: 10px; /* Total width for 3 bars + gaps */
  height: 30px; /* Height of the equalizer */
  background-color: transparent; /* Optional: Debugging */
}
.playing-now .radio-equalizer .bar {
  width: 2px; /* Bar width */
  background-color: #fff; /* Bar color */
  animation: equalize 1s infinite ease-in-out;
  border-radius: 1px; /* Optional: Rounded corners */
  align-self: baseline;
}
.playing-now .radio-equalizer .bar:nth-child(1) {
  height: 40%; /* Initial height for the first bar */
  animation-delay: -0.3s;
}
.playing-now .radio-equalizer .bar:nth-child(2) {
  height: 70%; /* Initial height for the middle bar */
  animation-delay: -0.15s;
}
.playing-now .radio-equalizer .bar:nth-child(3) {
  height: 50%; /* Initial height for the third bar */
  animation-delay: 0s;
}
@keyframes equalize {
  0%, 100% {
    transform: scaleY(0.5); /* Shrink to 50% of initial height */
  }
  50% {
    transform: scaleY(1.2); /* Grow to 120% of initial height */
  }
}
.paused-now .radio-equalizer {
  margin-left: 10px;
  display: flex;
  align-items: flex-end; /* Align bars to the bottom */
  justify-content: flex-end; /* Ensure even spacing between bars */
  gap: 2px; /* Space between bars */
  width: 10px; /* Total width for 3 bars + gaps */
  height: 30px; /* Height of the equalizer */
  background-color: transparent; /* Optional: Debugging */
}
.paused-now .radio-equalizer {
  display: none;
}
.paused-now {
  /* ⏸️ PAUSE ICON */
}
.paused-now .play-button::before,
.paused-now .play-button::after {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 2px;
  height: 12px;
  background-color: #fff;
  top: 8px;
}
.paused-now .play-button::before {
  border-width: 0px;
  left: 9px;
}
.paused-now .play-button::after {
  left: 18px;
}
.paused-now .radio-equalizer .bar {
  width: 2px; /* Bar width */
  background-color: #fff; /* Bar color */
  border-radius: 1px; /* Optional: Rounded corners */
  align-self: baseline;
}
.paused-now .radio-equalizer .bar:nth-child(1) {
  height: 40%; /* Initial height for the first bar */
  animation-delay: -0.3s;
}
.paused-now .radio-equalizer .bar:nth-child(2) {
  height: 70%; /* Initial height for the middle bar */
  animation-delay: -0.15s;
}
.paused-now .radio-equalizer .bar:nth-child(3) {
  height: 50%; /* Initial height for the third bar */
  animation-delay: 0s;
}
.programs-archive-section.blog-section .blog-card {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), -10px -10px 30px rgba(0, 0, 0, 0.05);
}
.programs-archive-section.blog-section .blog-card .blog-img {
  height: auto;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.programs-archive-section.blog-section .blog-card .blog-img a {
  display: block;
  width: 100%;
  height: 100%;
}
.programs-archive-section.blog-section .blog-card .blog-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
}
.programs-archive-section .blog-card .blog-content .program-broadcasting-language {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  background: var(--samar-secondary);
  color: #fff;
  margin-bottom: 10px;
}
.programs-archive-section .blog-card .blog-content .program-schedule-meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 14px;
}
.programs-archive-section .blog-card .blog-content .program-schedule-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 0.85rem;
  line-height: 1.45;
}
.programs-archive-section .blog-card .blog-content .program-schedule-row--live {
  background: rgba(255, 139, 70, 0.1);
  border-inline-start: 3px solid var(--samar-primary);
}
.programs-archive-section .blog-card .blog-content .program-schedule-row--rerun {
  background: rgba(14, 28, 44, 0.06);
  border-inline-start: 3px solid var(--samar-secondary);
}
.programs-archive-section .blog-card .blog-content .program-schedule-label {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 0.72rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.programs-archive-section .blog-card .blog-content .program-schedule-row--live .program-schedule-label {
  background: var(--samar-primary);
  color: #fff;
}
.programs-archive-section .blog-card .blog-content .program-schedule-row--rerun .program-schedule-label {
  background: var(--samar-secondary);
  color: #fff;
}
.programs-archive-section .blog-card .blog-content .program-schedule-value {
  color: var(--samar-secondary);
  font-weight: 600;
  flex: 1;
  min-width: 0;
}
@media (max-width: 767.98px) {
  .page-heading.page-heading--mixer-60 {
    padding: 96px 0 36px;
  }
}
@media (max-width: 575.98px) {
  .page-heading.page-heading--mixer-60 {
    padding: 72px 0 36px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .page-heading.page-heading--mixer-60 {
    padding: 120px 0 48px;
  }
}
@media (min-width: 1200px) {
  .page-heading.page-heading--mixer-60 {
    padding: 189px 0 72px;
  }
}
@media (min-width: 1400px) {
  .page-heading.page-heading--mixer-60 {
    min-height: 330px;
  }
}
.programs-single-banner {
  background-size: cover;
  background-position: center center;
}
.programs-single-banner .header-text h2 {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}
.programs-single-section .programs-single-title {
  color: var(--samar-secondary);
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.programs-single-section .program-section-heading,
.programs-single-section .program-info-heading {
  color: var(--samar-primary);
  font-weight: 700;
  font-size: 1.35rem;
  margin-bottom: 0.75rem;
}
.programs-single-section .program-info.show-info {
  padding-bottom: 0.25rem;
  margin-bottom: 0.5rem;
}
.programs-single-section .program-info-body {
  color: var(--samar-secondary);
  line-height: 1.7;
}
.programs-single-section .program-broadcast-days-title {
  margin-bottom: 1.75rem;
}
.programs-single-section .program-broadcast-days-grid {
  max-width: 900px;
  margin-inline: auto;
}
.programs-single-section .program-broadcast-col {
  text-align: center;
  padding: 1.25rem 1.5rem;
}
.programs-single-section .program-broadcast-col-heading {
  display: inline-block;
  margin-bottom: 0.75rem;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #fff;
}
.programs-single-section .program-broadcast-col--live .program-broadcast-col-heading {
  background: var(--samar-primary);
}
.programs-single-section .program-broadcast-col--rerun .program-broadcast-col-heading {
  background: var(--samar-secondary);
}
.programs-single-section .program-broadcast-col-value {
  margin: 0;
  color: var(--samar-secondary);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.6;
}
.programs-single-section .program-broadcast-days-divider-col {
  justify-content: center;
  align-items: stretch;
  padding: 0.5rem 0;
}
.programs-single-section .program-broadcast-days-divider {
  width: 3px;
  min-height: 100%;
  background-color: #efccb0;
  border-radius: 2px;
}
@media (max-width: 767.98px) {
  .programs-single-section .program-broadcast-col--live {
    border-bottom: 3px solid #efccb0;
    margin-bottom: 0.5rem;
    padding-bottom: 1.5rem;
  }
  .programs-single-section .program-broadcast-col--rerun {
    padding-top: 1.25rem;
  }
}
.programs-single-section .program-weekly-schedule {
  margin-top: 0;
}
.programs-single-section .program-weekly-schedule.program-weekly-schedule--after-description {
  margin-top: 2rem;
}
.programs-single-section .program-weekly-schedule .program-section-heading {
  margin-bottom: 1rem;
}
.programs-single-section .program-weekly-schedule .program-weekly-schedule-table-wrap {
  margin-top: 1rem;
}
.programs-single-section .program-weekly-schedule .program-weekly-schedule-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: center;
  font-size: 0.9rem;
}
.programs-single-section .program-weekly-schedule .program-weekly-schedule-table thead th {
  background: #efccb0;
  color: var(--samar-secondary);
  font-weight: 700;
  padding: 12px 10px;
  border-inline: 1px solid rgba(14, 28, 44, 0.08);
}
.programs-single-section .program-weekly-schedule .program-weekly-schedule-table thead th:first-child {
  border-start-start-radius: 10px;
  border-end-start-radius: 10px;
}
.programs-single-section .program-weekly-schedule .program-weekly-schedule-table thead th:last-child {
  border-start-end-radius: 10px;
  border-end-end-radius: 10px;
}
.programs-single-section .program-weekly-schedule .program-weekly-schedule-table tbody td {
  vertical-align: middle;
  padding: 14px 10px;
  color: var(--samar-secondary);
  background: #fafafa;
  border-bottom: 1px solid rgba(14, 28, 44, 0.08);
  border-inline: 1px solid rgba(14, 28, 44, 0.06);
}
.programs-single-section .program-weekly-schedule .program-weekly-schedule-table tbody tr:last-child td:first-child {
  border-end-start-radius: 10px;
}
.programs-single-section .program-weekly-schedule .program-weekly-schedule-table tbody tr:last-child td:last-child {
  border-end-end-radius: 10px;
}
.programs-single-section .program-weekly-schedule .program-weekly-schedule-time {
  display: block;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 4px;
}
.programs-single-section .program-weekly-schedule .program-weekly-schedule-empty {
  color: #bbb;
}
.programs-single-section .program-weekly-schedule .program-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.65rem;
  font-weight: 700;
  color: #fff;
  margin: 2px 2px 0;
}
.programs-single-section .program-weekly-schedule .program-badge--live {
  background: var(--samar-primary);
}
.programs-single-section .program-weekly-schedule .program-badge--rerun {
  background: var(--samar-secondary);
}
.programs-single-section .program-weekly-schedule .program-badge--first-run {
  background: #efccb0;
  color: var(--samar-secondary);
  padding-inline: 16px;
}
.programs-single-section .programs-host-hint {
  color: var(--samar-secondary);
  font-weight: 700;
  font-size: 1.15rem;
}
.programs-single-section .show_presented_by.program-section-heading {
  font-size: 1.5rem;
}
.programs-single-section .show-episodes.program-section-heading {
  font-size: 1.5rem;
  color: var(--samar-primary);
}
.programs-single-section .show-episodes.program-section-heading .programs-episode-program-name {
  color: var(--samar-secondary);
}
.programs-single-section .episodes-by {
  color: #666;
  font-size: 0.9rem;
}
.programs-single-section .episodes-presenter-name {
  color: var(--samar-secondary);
  font-weight: 700;
}
.programs-single-section .program-episode-list > :nth-child(odd) {
  background-color: #fafafa;
}
.programs-single-section .program-episode-list > div {
  border-radius: 8px;
}
.programs-single-section .program-episode-list .playing-now,
.programs-single-section .program-episode-list .paused-now {
  background-color: var(--samar-primary);
}
.programs-single-section .program-episode-list .playing-now .episode-permalink,
.programs-single-section .program-episode-list .paused-now .episode-permalink {
  color: #fff;
}
.programs-single-section .program-episode-permalink {
  color: var(--samar-secondary);
  font-weight: 700;
  text-decoration: none;
}
.programs-single-section .program-episode-permalink:hover {
  color: var(--samar-primary);
}
.programs-single-section .program-episode-item .controls {
  direction: ltr;
}
.programs-single-section .program-episodes-empty {
  color: #666;
}
.programs-single-section .program-back-link a {
  color: var(--samar-primary);
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.programs-single-section .program-back-link a:hover {
  color: var(--samar-secondary);
}
.programs-single-section .program-episode-player-wrap .program-episode-item {
  border-radius: 12px;
  background: rgba(255, 139, 70, 0.08);
  border: 1px solid rgba(255, 139, 70, 0.25);
}
.programs-single-section .h-separator {
  border-bottom-color: var(--samar-secondary);
}
.programs-single-section .nav-pills-presenter .nav-link {
  color: var(--samar-secondary);
  font-weight: 700;
}
.programs-single-section .nav-pills-presenter .nav-link.active {
  background-color: var(--samar-secondary);
  color: #fff;
}
.programs-single-section .nav-pills-presenter .nav-link img {
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.programs-single-section .read-more {
  color: var(--samar-primary);
  font-weight: 700;
  text-decoration: none;
}
.programs-single-section .read-more:hover {
  color: var(--samar-secondary);
}
.program-first-run,
.program-badge--first-run {
  background: #efccb0;
  color: var(--samar-secondary);
  padding-inline: 16px;
  font-weight: 600;
}
.swiper-container {
  direction: ltr;
  height: calc(100vh - 0px);
  margin: 0px;
  background-color: #212741;
}
.swiper-container .swiper-slide {
  direction: ltr;
  overflow: hidden;
}
.swiper-container .swiper-slide .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background-size: cover;
  background-position: right;
}
.swiper-container .swiper-slide .slide-inner .container .row {
  position: absolute;
  left: 10%;
  bottom: 0;
  height: 50%;
  text-align: right;
  direction: rtl;
}
.swiper-container .swiper-slide-active h2 {
  animation: fadeInLeft 0.8s;
  animation-delay: 0.3s;
  opacity: 1;
}
.swiper-container .swiper-slide-active p {
  animation: fadeInRight 0.8s;
  animation-delay: 0.3s;
  opacity: 1;
}
.swiper-container .swiper-slide-active .div-dec {
  animation: fadeIn 0.8s;
  animation-delay: 0.3s;
  opacity: 1;
}
.swiper-container .swiper-slide-active .buttons .green-button,
.swiper-container .swiper-slide-active .buttons .orange-button {
  animation: fadeInUp 0.8s;
  animation-delay: 0.3s;
  opacity: 1;
}
.swiper-container .slide-inner .header-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.swiper-container .slide-inner .header-text h2 {
  display: inline-block;
  position: relative;
  z-index: 2;
  font-size: 56px;
  color: #fff;
  font-weight: 700;
  opacity: 1;
  visibility: visible;
  line-height: 70px;
  margin-bottom: 40px;
  width: auto;
  padding: 5px 20px;
  background: rgba(0, 0, 0, 0.3);
}
.swiper-container .slide-description {
  color: #fff;
  width: 100%;
  padding: 5px 20px;
  background: rgba(0, 0, 0, 0.3);
  padding: 20px 10px 10px;
}
.swiper-container .slide-inner .header-text .div-dec {
  width: 80px;
  height: 6px;
  border-radius: 3px;
  background-color: #fff;
  margin-bottom: 40px;
  opacity: 1;
  visibility: visible;
}
.swiper-container .slide-inner .header-text h2 em {
  font-style: normal;
  color: #ff511a;
}
.swiper-container .slide-inner .header-text .buttons {
  display: inline;
  opacity: 1;
  visibility: visible;
}
.swiper-container .slide-inner .header-text .buttons .green-button {
  display: inline;
  float: left;
  margin-right: 20px;
}
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
  color: #fff !important;
}
.swiper-container .swiper-pagination {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border: 2px solid #bbb;
  background: #fff;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1fba8f;
}
.swiper-container .green-button a {
  font-size: 14px;
  color: #fff;
  background-color: #43ba7f;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 5px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  transition: all 0.3s;
}
.swiper-container .orange-button a {
  font-size: 14px;
  color: #fff;
  background-color: #ff511a;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 5px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  transition: all 0.3s;
}
.swiper-container .green-button a, .swiper-container .orange-button a {
  text-decoration: none;
}
@media (max-width: 1199.98px) {
  .swiper-container .swiper-slide .slide-inner .container .row {
    width: 60%;
  }
  .swiper-container .slide-inner .header-text {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .swiper-container .swiper-slide .slide-inner .container .row {
    width: 90%;
  }
  .swiper-container .slide-inner .header-text {
    width: 100%;
  }
}
.home-portal-hero {
  background-color: #12161b !important;
  width: 100%;
  padding-top: 90px;
  padding-bottom: 40px;
}
.home-portal-hero__inner {
  width: 100%;
  min-height: calc(100vh - 90px);
  padding: 0 16px;
}
.home-portal-card {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #24323c;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.38), inset 0 0 0 1px rgba(255, 255, 255, 0.06), inset 0 10px 25px rgba(255, 255, 255, 0.05), inset 0 -18px 30px rgba(0, 0, 0, 0.4);
  padding: 28px;
  width: max(200px, min(420px, 42vw));
  min-height: 200px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  color: #ffffff;
  border-radius: 18px;
}
.home-portal-card:hover, .home-portal-card:focus {
  transform: translateY(-6px);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.48), inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 10px 25px rgba(255, 255, 255, 0.07), inset 0 -18px 30px rgba(0, 0, 0, 0.48);
  border-color: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}
.home-portal-card--fur {
  background: #53746c;
}
.home-portal-card--nsa {
  background: #4a707d;
}
.home-portal-card__title {
  font-family: "El Messiri", sans-serif;
  font-size: clamp(2.25rem, 4vw, 3.5rem);
  font-weight: 800;
  letter-spacing: 0.5px;
  line-height: 1.05;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .swiper-container {
    height: 70vh;
  }
}
@media (max-width: 991.98px) {
  .swiper-container .swiper-slide .slide-inner {
    background-position: -50% 5px;
  }
}
@media (min-width: 768px) {
  .swiper-container .swiper-slide .slide-inner {
    background-position: -105% 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .swiper-container .swiper-slide .slide-inner {
    background-position: -75% center;
  }
}
@media (max-width: 575.98px) {
  .swiper-container .swiper-slide .slide-inner {
    background-position: -45% center;
  }
}
@media (min-width: 992px) {
  .swiper-container .swiper-slide .slide-inner {
    background-position: center;
  }
}
@media (min-width: 1200px) {
  .swiper-container .swiper-slide .slide-inner .container .row {
    width: 50%;
  }
  .swiper-container .slide-inner .header-text {
    width: 100%;
  }
}
.shows-home .section-content, .team-home .section-content {
  position: relative;
}
.shows-home .section-content .swiper, .team-home .section-content .swiper {
  border-radius: 8px !important;
  filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.1));
}
.shows-home .section-content .swiper-button-prev, .team-home .section-content .swiper-button-prev {
  left: 10px;
  color: #729e92 !important;
}
.shows-home .section-content .swiper-button-next, .team-home .section-content .swiper-button-next {
  right: 10px;
  color: #729e92 !important;
}
.home-show-title > a,
.home-show-days {
  font-family: Cairo, sans-serif;
}
.home-show-title > a {
  font-weight: bold;
  font-size: 1.4rem;
  color: #efccb0;
}
.home-show-days {
  font-weight: normal;
  font-size: 0.9rem;
  color: #53746c;
}
.shows-home .swiper-pagination-bullet {
  background-color: #212529 !important;
}
.shows-home .swiper-pagination-bullet-active {
  background-color: #729e92 !important;
}
.post-thumbnail figure {
  display: block;
}
.post-thumbnail figure a {
  display: block;
  background-color: rgba(239, 204, 176, 0.25) !important;
}
.team-home .swiper-pagination-bullet {
  background-color: #f8f9fa !important;
}
.team-home .swiper-pagination-bullet-active {
  background-color: #729e92 !important;
}
.swiper-shows-home, .swiper-team-home {
  direction: ltr;
  overflow-x: visible;
  border-radius: 8px;
}
.swiper-shows-home .swiper-slide, .swiper-team-home .swiper-slide {
  text-align: right;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-shows-home .swiper-horizontal > .swiper-pagination-bullets,
.swiper-shows-home .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-shows-home .swiper-pagination-custom, .swiper-shows-home .swiper-pagination-fraction, .swiper-team-home .swiper-horizontal > .swiper-pagination-bullets,
.swiper-team-home .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-team-home .swiper-pagination-custom, .swiper-team-home .swiper-pagination-fraction {
  bottom: -5px;
  left: 0;
  width: 100%;
}
.card-show, .card-team {
  height: 100%;
}
.card-show.swiper-slide, .card-team.swiper-slide {
  height: 100%;
  margin-bottom: 50px;
}
.card-show .post-content:not(.two-lines-height) {
  min-height: 210px !important;
}
.card-team .post-content {
  min-height: 120px !important;
}
.team-home-container .card-home-team {
  background-color: #fff !important;
  border-radius: 10px;
  margin-bottom: 0 !important;
  border-radius: 8px;
}
.team-home-container .card-home-team .image-wrapper {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.05); /* Third layer: soft and distant */
}
[dir=ltr] .team-home-container .card-home-team .image-wrapper {
  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1), -4px 4px 8px rgba(0, 0, 0, 0.3), -8px 8px 16px rgba(0, 0, 0, 0.05); /* Third layer: left shadow */
}
.team-home-container .card-home-team:hover .card-img-overlay .hidden-overlay {
  transform: translateY(0);
  transition: transform 0.3s ease;
}
.team-home-container .card-home-team:hover .team-box img {
  transform: scale(1.15);
  transition: transform 0.3s ease;
}
.team-home-container .team-box {
  position: relative;
  display: block;
  background: #fff;
  border-radius: 8px;
  min-height: 100%;
}
.team-home-container .team-box img {
  transform: scale(1);
  transition: transform 0.3s ease;
}
.team-home-container .team-box .card-img-overlay {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 10px;
  padding: 1rem;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  direction: rtl;
  min-height: 90px;
}
[dir=ltr] .team-home-container .team-box .card-img-overlay {
  direction: ltr;
  left: 0;
  right: 0;
}
.team-home-container .team-box .card-img-overlay .hidden-overlay {
  display: block;
  box-sizing: border-box;
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  background-color: #53746c;
  border-radius: 8px;
  transform: translateY(105%);
  transition: all ease-in-out;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.team-home-container .team-box .card-img-overlay .hidden-overlay span {
  display: inline-block;
  align-self: center;
  margin: auto;
  border: 2px solid #fff;
  color: #fff;
  padding: 5px 20px;
  border-radius: 8px;
}
.team-home-container .team-box .card-img-overlay .card-title {
  color: #efccb0;
  font-family: Cairo, sans-serif;
}
.team-home-container .team-box .card-img-overlay .card-text {
  color: #53746c;
  font-family: Cairo, sans-serif;
}
[dir=ltr] .team-home-container .team-box .card-img-overlay .card-title, [dir=ltr] .team-home-container .team-box .card-img-overlay .card-text {
  direction: ltr;
}
.as-table {
  background: #f8f9fa;
  border-radius: 8px;
  gap: 0px;
  padding: 10px 10px 0 10px;
}
.as-table .as-tr {
  gap: 10px;
  justify-content: stretch;
  align-items: stretch;
  width: 100%;
  height: 100%;
  flex: 1;
}
.as-table .as-th {
  min-width: 150px;
  background-color: #eee;
  padding: 10px;
  border-radius: 8px;
  height: 100%;
  min-height: 100%;
  display: flex;
}
.as-table .as-th p {
  margin-bottom: 0 !important;
}
.as-table .as-td {
  background-color: #eee;
  height: 100%;
  min-height: 100%;
  flex: 1;
  padding: 10px;
  border-radius: 8px;
}
.as-table .as-td p {
  margin-bottom: 0 !important;
}
.as-table .as-td:not(.content) {
  min-width: 150px;
}
.as-table .as-td.content {
  font-size: 14px;
}
.as-table .as-td.content * {
  font-size: 16px;
}
.sama_contact_form .wpforms-error {
  padding-right: 15px !important;
}
.sama_contact_form .wpforms-error::before {
  right: -5px !important;
}
body {
  color: #333;
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
  position: relative;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  color: #0D3B66;
}
a:hover {
  text-decoration: none;
}
p,
ul,
ol {
  margin: 0 0 1.65em 0;
}
p,
li {
  line-height: 1.65;
}
.container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
}
.container--narrow {
  max-width: 960px;
}
.section-break {
  border: none;
  border-top: 1px solid #ddd;
  margin: 2.5rem 0;
}
.min-list {
  padding: 0;
  margin: 0;
}
.min-list li {
  list-style: none;
}
.p-top-small {
  padding-top: 1rem;
}
.p-top-large {
  padding-top: 1.6rem;
}
.p-bottom-large {
  padding-bottom: 1.6rem;
}
@media (min-width: 530px) {
  .p-top-large {
    padding-top: 3.5rem;
  }
  .p-bottom-large {
    padding-bottom: 3.5rem;
  }
}
.no-margin {
  margin: 0;
}
.nu {
  text-decoration: none;
}
.nu:hover {
  text-decoration: underline;
}
.t-left {
  text-align: left;
}
.t-right {
  text-align: right;
}
.t-center {
  text-align: center;
}
.t-small {
  font-size: 0.85rem;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.push-right {
  margin-right: 20px;
}
.container:before,
.container:after,
.group:before,
.group:after {
  content: " ";
  display: table;
}
.container:after,
.group:after {
  clear: both;
}
.hide {
  display: none;
}
.search-overlay {
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 110;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.96);
  visibility: hidden;
  opacity: 0;
  transform: scale(1.09);
  transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
  box-sizing: border-box;
}
.search-overlay p {
  padding-top: 15px;
}
.search-overlay .event-summary p {
  padding-top: 0;
}
.search-overlay .event-summary {
  margin-bottom: 0;
  margin-top: 20px;
}
body.admin-bar .search-overlay {
  top: 32px;
}
.search-overlay__top {
  padding-top: 30px;
  background-color: rgba(0, 0, 0, 0.12);
}
.search-overlay__icon {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 1.8rem;
  color: #53746c;
}
@media (min-width: 960px) {
  .search-overlay__icon {
    font-size: 2.5rem;
  }
}
.search-overlay--active {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.search-overlay__section-title {
  margin: 30px 0 1px 0;
  font-weight: 400;
  color: #0D3B66;
  font-size: 2rem;
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
}
.search-overlay__close {
  position: absolute;
  top: 13px;
  left: 16px;
  font-size: 2.1rem;
  cursor: pointer;
  transition: all 0.3s;
  background-color: #fff;
  color: #53746c;
  line-height: 0.7;
}
@media (min-width: 530px) {
  .search-overlay__close {
    top: 18px;
    font-size: 2.1rem;
  }
}
@media (min-width: 960px) {
  .search-overlay__close {
    top: 26px;
    font-size: 2.8rem;
  }
}
.search-overlay__close:hover {
  opacity: 1;
}
.search-overlay .one-half {
  padding-bottom: 0;
}
.search-term {
  width: 75%;
  box-sizing: border-box;
  border: none;
  padding: 15px 0;
  margin: 0;
  background-color: transparent;
  font-size: 1rem;
  font-weight: 300;
  outline: none;
  color: #212529;
  font-family: "El Messiri", sans-serif;
}
@media (min-width: 530px) {
  .search-term {
    font-size: 1.5rem;
  }
}
@media (min-width: 960px) {
  .search-term {
    width: 80%;
    font-size: 3rem;
  }
}
.body-no-scroll {
  max-height: 90vh;
  overflow-y: hidden;
  overflow-x: hidden;
}
.in_search_text {
  font-size: 12px;
  font-family: "El Messiri", sans-serif;
  color: magenta;
}
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
footer.footer-area {
  margin-top: auto;
}
.footerList ul {
  width: 100%;
  align-items: flex-start;
  direction: rtl;
  gap: 20px;
}
.footer-social-link {
  display: inline-block;
}
.footer-social-link i {
  width: 30px;
  height: 30px;
  font-size: 30px;
}
.footer-area {
  background-color: #111;
}
.footer-area * {
  color: #fff;
}
.copyright {
  background: #14151f;
}
.copyright p {
  color: #fff;
  margin-bottom: 0;
}
#skin_default {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
body {
  padding-bottom: 80px;
}
#player-title {
  position: fixed;
  bottom: 52px;
  left: 0;
  right: 0;
  width: 100%;
  height: 34px;
  padding: 2px 30px;
  font-family: "Cairo", sans-serif;
  font-size: 1rem;
  color: #53746c;
  background-color: #FaFaFa;
  z-index: 10;
}
#player-title span {
  color: #efccb0;
}
.player11069 .plyr__controls,
.player11069 .StampAudioPlayerSkin {
  border-radius: 0px !important;
}
/* 
---------------------------------------------
team
--------------------------------------------- 
*/
#showHideOldPresenters {
  cursor: pointer;
}
#oldPresentersContainer {
  display: none;
}
#snow-overlay {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 99999999;
}
#snow-overlay .snowflake {
  position: absolute;
  top: -10px;
  color: white;
  font-size: 1em;
  opacity: 0.8;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  animation: fall linear;
}
@keyframes fall {
  to {
    transform: translateY(100vh) rotate(360deg);
    opacity: 0.2;
  }
}
.new-font-heading, .new-footer .footer-content .footer-column h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  line-height: 1.2;
}
.mission-section {
  margin-top: -60px;
  position: relative;
  z-index: 10;
}
.mission-section > .container > .row {
  justify-content: center;
}
.mission-section [class*=col-] {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .mission-section [class*=col-] {
    width: calc(33.333% - 1rem);
    max-width: 400px;
  }
}
.mission-section .mission-card {
  background: #53746c;
  padding: 40px;
  border-radius: 15px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  text-align: center;
  transition: all 0.3s ease;
  height: 100%;
}
.mission-section .mission-card:hover {
  transform: translateY(-10px);
  background: rgb(70.2371859296, 98.1628140704, 91.3929648241);
}
.mission-section .mission-card:hover .icon-box {
  background: #fff;
  color: #729e92;
}
.mission-section .mission-card .icon-box {
  width: 80px;
  height: 80px;
  background: #729e92;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 25px;
  font-size: 2rem;
  transition: all 0.3s ease;
}
.mission-section .mission-card h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: #fff;
}
.mission-section .mission-card p {
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: 0;
  line-height: 1.6;
}
.about-section {
  padding: 100px 0;
}
.about-section .about-img-group {
  position: relative;
}
.about-section .about-img-group .main-img {
  border-radius: 20px;
  width: 90%;
}
.about-section .about-img-group .sub-img {
  position: absolute;
  bottom: -30px;
  right: 0;
  width: 50%;
  border: 10px solid white;
  border-radius: 20px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.about-section .about-img-group .experience-box {
  position: absolute;
  top: 40px;
  left: -30px;
  background: #53746c;
  color: white;
  padding: 25px;
  border-radius: 15px;
  text-align: center;
}
.about-section .about-img-group .experience-box span {
  display: block;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
}
.about-section .about-img-group .experience-box small {
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
}
.about-section .about-content {
  padding-left: 30px;
}
.about-section .about-content .sub-title {
  color: #53746c;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 15px;
}
.about-section .about-content h2 {
  font-size: 3rem;
  font-weight: 800;
  color: #efccb0;
  margin-bottom: 25px;
  line-height: 1.1;
}
.about-section .about-content .feature-list {
  list-style: none;
  padding: 0;
  margin: 30px 0;
}
.about-section .about-content .feature-list li {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
  font-weight: 600;
  color: #efccb0;
}
.about-section .about-content .feature-list li i {
  color: #53746c;
  font-size: 1.2rem;
}
.team-section {
  padding: 100px 0;
  background: #f8f9fa;
}
.team-section .team-card {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  margin-bottom: 30px;
}
.team-section .team-card:hover {
  transform: translateY(-10px);
}
.team-section .team-card:hover .team-img img {
  transform: scale(1.1);
}
.team-section .team-card:hover .social-overlay {
  opacity: 1;
  bottom: 20px;
}
.team-section .team-card .team-img {
  position: relative;
  height: 350px;
  overflow: hidden;
}
.team-section .team-card .team-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease;
}
.team-section .team-card .team-img .social-overlay {
  position: absolute;
  bottom: -50px;
  left: 20px;
  right: 20px;
  background: white;
  padding: 15px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  gap: 15px;
  opacity: 0;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.team-section .team-card .team-img .social-overlay a {
  color: #efccb0;
  transition: color 0.3s ease;
}
.team-section .team-card .team-img .social-overlay a:hover {
  color: #53746c;
}
.team-section .team-card .team-info {
  padding: 25px;
  text-align: center;
}
.team-section .team-card .team-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  color: #efccb0;
}
.team-section .team-card .team-info span {
  color: #53746c;
  font-weight: 600;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.blog-section {
  padding: 100px 0;
}
.blog-section .blog-card {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.blog-section .blog-card .blog-img {
  height: 250px;
  position: relative;
  flex-shrink: 0;
}
.blog-section .blog-card .blog-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-section .blog-card .blog-img .blog-date {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #53746c;
  color: white;
  padding: 5px 15px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 0.8rem;
}
.blog-section .blog-card .blog-content {
  padding: 30px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.blog-section .blog-card .blog-content .blog-meta {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
  font-size: 0.85rem;
  color: #666;
}
.blog-section .blog-card .blog-content .blog-meta i {
  color: #53746c;
}
.blog-section .blog-card .blog-content h4 {
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.4;
}
.blog-section .blog-card .blog-content h4 a {
  color: #efccb0;
  text-decoration: none;
}
.blog-section .blog-card .blog-content h4 a:hover {
  color: #53746c;
}
.blog-section .blog-card .blog-content .blog-text {
  flex: 1;
  margin-bottom: 20px;
}
.blog-section .blog-card .blog-content .read-more {
  color: #53746c;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  margin-top: auto;
}
.blog-section .blog-card .blog-content .read-more:hover {
  gap: 12px;
}
.partners-section {
  padding: 60px 0;
  border-top: 1px solid #eee;
}
.partners-section .partner-logo {
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.partners-section .partner-logo:hover {
  opacity: 1;
}
.partners-section .partner-logo img {
  max-width: 150px;
  filter: grayscale(100%);
}
.partners-section .partner-logo img:hover {
  filter: grayscale(0);
}
.new-font-body {
  font-family: "Inter", sans-serif;
  line-height: 1.6;
}
.new-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.new-section {
  padding: 80px 0;
}
@media (max-width: 768px) {
  .new-section {
    padding: 60px 0;
  }
}
.hero-section {
  position: relative;
  min-height: 100vh;
  background: linear-gradient(135deg, #53746c 0%, #efccb0 100%);
  color: white;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.hero-section .hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.hero-section .hero-content h1 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  line-height: 1.2;
}
.hero-section .hero-content p {
  font-size: 1.25rem;
  margin-bottom: 2rem;
  opacity: 0.9;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .hero-section .hero-content p {
    font-size: 1.1rem;
  }
}
.hero-section .hero-content .hero-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
.hero-section .hero-content .hero-buttons .btn, .hero-section .hero-content .hero-buttons .btn-main {
  padding: 15px 30px;
  border-radius: 50px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
.hero-section .hero-content .hero-buttons .btn:hover, .hero-section .hero-content .hero-buttons .btn-main:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.hero-section .hero-content .hero-buttons .btn.btn-primary, .hero-section .hero-content .hero-buttons .btn-main {
  background: white;
  color: #53746c;
  border-color: white;
}
.hero-section .hero-content .hero-buttons .btn.btn-primary:hover, .hero-section .hero-content .hero-buttons .btn-main:hover {
  background: rgba(255, 255, 255, 0.9);
  color: #53746c;
}
.hero-section .hero-content .hero-buttons .btn.btn-secondary, .hero-section .hero-content .hero-buttons .btn-secondary.btn-main {
  background: #729e92;
  color: white;
  border-color: #729e92;
}
.hero-section .hero-content .hero-buttons .btn.btn-secondary:hover, .hero-section .hero-content .hero-buttons .btn-secondary.btn-main:hover {
  background: rgb(90.0714285714, 130.9285714286, 119.7857142857);
  border-color: rgb(90.0714285714, 130.9285714286, 119.7857142857);
}
.hero-section .hero-shape {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100px;
  background: white;
  clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 100%);
}
.hero-section--fur {
  min-height: 40vh;
}
@media (max-width: 768px) {
  .hero-section--fur {
    min-height: auto;
    padding-top: 120px;
    padding-bottom: 100px;
    align-items: flex-start;
  }
}
.hero-section--nsa {
  min-height: 40vh;
}
@media (max-width: 768px) {
  .hero-section--nsa {
    min-height: auto;
    padding-top: 120px;
    padding-bottom: 100px;
    align-items: flex-start;
  }
}
.about-section {
  background: #f8f9fa;
  padding: 80px 0;
}
@media (max-width: 768px) {
  .about-section {
    padding: 60px 0;
  }
}
.about-section .about-content .row {
  align-items: center;
}
.about-section .about-content .about-text h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #efccb0;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .about-section .about-content .about-text h2 {
    font-size: 2rem;
  }
}
.about-section .about-content .about-text h2 span {
  color: #53746c;
}
.about-section .about-content .about-text p {
  color: #6c757d;
  margin-bottom: 2rem;
  font-size: 1.1rem;
  line-height: 1.6;
}
.about-section .about-content .about-text .about-stats .row .col {
  text-align: center;
  padding: 20px;
}
.about-section .about-content .about-text .about-stats .row .col .stat-number {
  font-size: 2.5rem;
  font-weight: 700;
  color: #53746c;
  display: block;
  margin-bottom: 0.5rem;
}
.about-section .about-content .about-text .about-stats .row .col .stat-label {
  color: #6c757d;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.about-section .about-content .about-image {
  position: relative;
  text-align: center;
}
.about-section .about-content .about-image img {
  width: 100%;
  max-width: 500px;
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.about-section .about-content .about-image .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: #53746c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 4px solid rgba(255, 255, 255, 0.3);
}
.about-section .about-content .about-image .play-button:hover {
  background: #efccb0;
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.causes-section {
  background: white;
  padding: 80px 0;
}
@media (max-width: 768px) {
  .causes-section {
    padding: 60px 0;
  }
}
.causes-section .section-header {
  text-align: center;
  margin-bottom: 4rem;
}
.causes-section .section-header .sub-title {
  color: #53746c;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 10px;
}
.causes-section .section-header h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #efccb0;
  margin-bottom: 1rem;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .causes-section .section-header h2 {
    font-size: 2rem;
  }
}
.causes-section .section-header h2 span {
  color: #53746c;
}
.causes-section .section-header p {
  color: #6c757d;
  font-size: 1.1rem;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}
.causes-section .causes-grid .cause-card {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: none;
}
.causes-section .causes-grid .cause-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.causes-section .causes-grid .cause-card .card-image {
  position: relative;
  height: 250px;
  overflow: hidden;
}
.causes-section .causes-grid .cause-card .card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.causes-section .causes-grid .cause-card .card-image .view-details {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(14, 28, 44, 0.85);
  color: white;
  padding: 8px 18px;
  border-radius: 25px;
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  backdrop-filter: blur(4px);
}
.causes-section .causes-grid .cause-card .card-image .view-details i {
  font-size: 0.7rem;
}
.causes-section .causes-grid .cause-card .card-image .view-details:hover {
  background: rgb(14, 28, 44);
  transform: scale(1.05);
}
.causes-section .causes-grid .cause-card .card-content {
  padding: 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.causes-section .causes-grid .cause-card .card-content h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 1rem;
}
.causes-section .causes-grid .cause-card .card-content p {
  color: #666;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  flex-grow: 1;
}
.causes-section .causes-grid .cause-card .card-content .goal-raised {
  margin-bottom: 1rem;
}
.causes-section .causes-grid .cause-card .card-content .goal-raised .goal, .causes-section .causes-grid .cause-card .card-content .goal-raised .raised {
  font-size: 0.75rem;
  font-weight: 700;
  color: #333;
  letter-spacing: 0.5px;
}
.causes-section .causes-grid .cause-card .card-content .progress-section {
  margin-bottom: 2rem;
}
.causes-section .causes-grid .cause-card .card-content .progress-section .progress-bar {
  height: 12px;
  background: white;
  border-radius: 10px;
  overflow: visible;
  position: relative;
}
.causes-section .causes-grid .cause-card .card-content .progress-section .progress-bar .progress-fill {
  height: 100%;
  border-radius: 10px;
  position: relative;
  transition: width 0.6s ease;
}
.causes-section .causes-grid .cause-card .card-content .progress-section .progress-bar .progress-fill.w-10 {
  width: 10%;
}
.causes-section .causes-grid .cause-card .card-content .progress-section .progress-bar .progress-fill.w-8 {
  width: 8%;
}
.causes-section .causes-grid .cause-card .card-content .progress-section .progress-bar .progress-fill.w-1 {
  width: 1%;
}
.causes-section .causes-grid .cause-card .card-content .progress-section .progress-bar .progress-fill .progress-percentage {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.causes-section .causes-grid .cause-card .card-content .donate-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 25px;
  border-radius: 30px;
  color: white;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
  text-transform: capitalize;
}
.causes-section .causes-grid .cause-card .card-content .donate-button i {
  font-size: 0.8rem;
}
.causes-section .causes-grid .cause-card .card-content .donate-button:hover {
  filter: brightness(0.9);
  transform: translateY(-2px);
}
.causes-section .causes-grid .cause-card.cause-yellow {
  background-color: #fdfae7;
}
.causes-section .causes-grid .cause-card.cause-yellow .card-content .progress-section .progress-bar .progress-fill {
  background-color: #ffcc4d;
}
.causes-section .causes-grid .cause-card.cause-yellow .card-content .progress-section .progress-bar .progress-fill .progress-percentage {
  background-color: #ffcc4d;
}
.causes-section .causes-grid .cause-card.cause-yellow .card-content .donate-button {
  background-color: #ffcc4d;
}
.causes-section .causes-grid .cause-card.cause-blue {
  background-color: #eaf6ff;
}
.causes-section .causes-grid .cause-card.cause-blue .card-content .progress-section .progress-bar .progress-fill {
  background-color: #4facfe;
}
.causes-section .causes-grid .cause-card.cause-blue .card-content .progress-section .progress-bar .progress-fill .progress-percentage {
  background-color: #4facfe;
}
.causes-section .causes-grid .cause-card.cause-blue .card-content .donate-button {
  background-color: #4facfe;
}
.causes-section .causes-grid .cause-card.cause-green {
  background-color: #effbf3;
}
.causes-section .causes-grid .cause-card.cause-green .card-content .progress-section .progress-bar .progress-fill {
  background-color: #71cf95;
}
.causes-section .causes-grid .cause-card.cause-green .card-content .progress-section .progress-bar .progress-fill .progress-percentage {
  background-color: #71cf95;
}
.causes-section .causes-grid .cause-card.cause-green .card-content .donate-button {
  background-color: #71cf95;
}
.causes-section .causes-grid .cause-card.cause-red {
  background-color: #fdeaea;
}
.causes-section .causes-grid .cause-card.cause-red .card-content .progress-section .progress-bar .progress-fill {
  background-color: #fa5b67;
}
.causes-section .causes-grid .cause-card.cause-red .card-content .progress-section .progress-bar .progress-fill .progress-percentage {
  background-color: #fa5b67;
}
.causes-section .causes-grid .cause-card.cause-red .card-content .donate-button {
  background-color: #fa5b67;
}
.causes-section .causes-grid .cause-card.cause-purple {
  background-color: #f2f0ff;
}
.causes-section .causes-grid .cause-card.cause-purple .card-content .progress-section .progress-bar .progress-fill {
  background-color: #7a61ff;
}
.causes-section .causes-grid .cause-card.cause-purple .card-content .progress-section .progress-bar .progress-fill .progress-percentage {
  background-color: #7a61ff;
}
.causes-section .causes-grid .cause-card.cause-purple .card-content .donate-button {
  background-color: #7a61ff;
}
.causes-section .causes-grid .cause-card.cause-orange {
  background-color: #fff1e8;
}
.causes-section .causes-grid .cause-card.cause-orange .card-content .progress-section .progress-bar .progress-fill {
  background-color: #ff8b46;
}
.causes-section .causes-grid .cause-card.cause-orange .card-content .progress-section .progress-bar .progress-fill .progress-percentage {
  background-color: #ff8b46;
}
.causes-section .causes-grid .cause-card.cause-orange .card-content .donate-button {
  background-color: #ff8b46;
}
.load-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #ff8b46;
  color: white;
  padding: 12px 35px;
  border-radius: 30px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
}
.load-more-btn:hover {
  background: #e67635;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(255, 139, 70, 0.3);
}
.services-section {
  background: #f8f9fa;
  padding: 80px 0;
}
@media (max-width: 768px) {
  .services-section {
    padding: 60px 0;
  }
}
.services-section .services-grid .row .service-card {
  background: white;
  padding: 3rem 2rem;
  border-radius: 15px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  margin-bottom: 2rem;
  border: none;
}
.services-section .services-grid .row .service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}
.services-section .services-grid .row .service-card .service-icon {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #53746c, #efccb0);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  color: white;
  font-size: 2rem;
  box-shadow: 0 10px 25px rgba(83, 116, 108, 0.3);
}
.services-section .services-grid .row .service-card .service-icon i {
  display: block;
}
.services-section .services-grid .row .service-card h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #efccb0;
  margin-bottom: 1rem;
  line-height: 1.3;
}
.services-section .services-grid .row .service-card p {
  color: #6c757d;
  margin: 0;
  line-height: 1.6;
  font-size: 1rem;
}
.stats-section {
  background: linear-gradient(135deg, #efccb0 0%, rgb(230.4105263158, 176.6210526316, 133.5894736842) 100%);
  color: white;
  padding: 80px 0;
}
@media (max-width: 768px) {
  .stats-section {
    padding: 60px 0;
  }
}
.stats-section .stats-grid .row .col {
  text-align: center;
  padding: 2rem;
}
.stats-section .stats-grid .row .col .stat-counter {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: #53746c;
  display: block;
  margin-bottom: 0.5rem;
  line-height: 1;
}
.stats-section .stats-grid .row .col .stat-label {
  font-size: 1.1rem;
  opacity: 0.9;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin-bottom: 1rem;
}
.stats-section .stats-grid .row .col .stat-icon {
  font-size: 2rem;
  color: #729e92;
  margin-bottom: 1rem;
  opacity: 0.8;
}
.testimonials-section {
  background: white;
}
.testimonials-section .testimonials-slider .testimonial-item {
  background: #f8fafc;
  padding: 3rem;
  border-radius: 15px;
  text-align: center;
  margin: 2rem;
}
.testimonials-section .testimonials-slider .testimonial-item .testimonial-quote {
  font-size: 1.2rem;
  font-style: italic;
  color: #6b7280;
  margin-bottom: 2rem;
  position: relative;
}
.testimonials-section .testimonials-slider .testimonial-item .testimonial-quote::before, .testimonials-section .testimonials-slider .testimonial-item .testimonial-quote::after {
  content: '"';
  font-size: 3rem;
  color: #f1955d;
  position: absolute;
  top: -20px;
}
.testimonials-section .testimonials-slider .testimonial-item .testimonial-quote::before {
  left: -20px;
}
.testimonials-section .testimonials-slider .testimonial-item .testimonial-quote::after {
  right: -20px;
}
.testimonials-section .testimonials-slider .testimonial-item .testimonial-author .author-image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto 1rem;
  overflow: hidden;
}
.testimonials-section .testimonials-slider .testimonial-item .testimonial-author .author-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonials-section .testimonials-slider .testimonial-item .testimonial-author .author-name {
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.testimonials-section .testimonials-slider .testimonial-item .testimonial-author .author-role {
  color: #6b7280;
  font-size: 0.9rem;
}
.cta-section {
  background: linear-gradient(135deg, #53746c 0%, #efccb0 100%);
  color: white;
  text-align: center;
  padding: 80px 0;
}
@media (max-width: 768px) {
  .cta-section {
    padding: 60px 0;
  }
}
.cta-section .cta-content {
  max-width: 600px;
  margin: 0 auto;
}
.cta-section .cta-content h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .cta-section .cta-content h2 {
    font-size: 2rem;
  }
}
.cta-section .cta-content p {
  font-size: 1.2rem;
  margin-bottom: 2rem;
  opacity: 0.9;
  line-height: 1.6;
}
.cta-section .cta-content .cta-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
.cta-section .cta-content .cta-buttons .btn, .cta-section .cta-content .cta-buttons .btn-main {
  padding: 15px 30px;
  border-radius: 50px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  border: 2px solid white;
  background: transparent;
  color: white;
}
.cta-section .cta-content .cta-buttons .btn:hover, .cta-section .cta-content .cta-buttons .btn-main:hover {
  background: white;
  color: #53746c;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.newsletter-section {
  background: #f8f9fa;
  padding: 80px 0;
}
@media (max-width: 768px) {
  .newsletter-section {
    padding: 60px 0;
  }
}
.newsletter-section .newsletter-content {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
.newsletter-section .newsletter-content h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #efccb0;
  margin-bottom: 1rem;
  line-height: 1.2;
}
.newsletter-section .newsletter-content p {
  color: #6c757d;
  margin-bottom: 2rem;
  line-height: 1.6;
}
.newsletter-section .newsletter-content .newsletter-form .row .col-md-8 input[type=email] {
  width: 100%;
  padding: 15px 20px;
  border: 2px solid #dee2e6;
  border-radius: 50px;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.newsletter-section .newsletter-content .newsletter-form .row .col-md-8 input[type=email]:focus {
  outline: none;
  border-color: #53746c;
  box-shadow: 0 0 0 0.2rem rgba(83, 116, 108, 0.25);
}
@media (min-width: 768px) {
  .newsletter-section .newsletter-content .newsletter-form .row .col-md-8 input[type=email] {
    margin-bottom: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.newsletter-section .newsletter-content .newsletter-form .row .col-md-4 button {
  width: 100%;
  padding: 15px 30px;
  background: #53746c;
  color: white;
  border: 2px solid #53746c;
  border-radius: 50px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.newsletter-section .newsletter-content .newsletter-form .row .col-md-4 button:hover {
  background: #efccb0;
  border-color: #efccb0;
  transform: translateY(-1px);
}
@media (min-width: 768px) {
  .newsletter-section .newsletter-content .newsletter-form .row .col-md-4 button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.new-footer {
  background: #1f2937;
  color: white;
  padding: 4rem 0 2rem;
}
.new-footer .footer-content {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 2rem;
}
.new-footer .footer-content .footer-column {
  flex: 1 1 250px;
}
.new-footer .footer-content .footer-column h3 {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  color: white;
}
.new-footer .footer-content .footer-column ul {
  list-style: none;
  padding: 0;
}
.new-footer .footer-content .footer-column ul li {
  margin-bottom: 0.5rem;
}
.new-footer .footer-content .footer-column ul li a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color 0.3s ease;
}
.new-footer .footer-content .footer-column ul li a:hover {
  color: #1fba8f;
}
.new-footer .footer-content .footer-column .social-links {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}
.new-footer .footer-content .footer-column .social-links a {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: all 0.3s ease;
}
.new-footer .footer-content .footer-column .social-links a:hover {
  background: #f1955d;
  transform: translateY(-2px);
}
.new-footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 2rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}
.new-footer .footer-bottom .copyright {
  margin: 0;
}
@media (max-width: 768px) {
  .hero-section .hero-content h1 {
    font-size: 2rem;
  }
  .hero-section .hero-buttons {
    flex-direction: column;
    align-items: center;
  }
  .about-section .about-content {
    display: flex;
    flex-direction: column;
  }
  .causes-section .causes-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .services-section .services-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .stats-section .stats-grid .row {
    display: flex;
    flex-wrap: wrap;
  }
  .stats-section .stats-grid .row .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .newsletter-section .newsletter-form .row {
    flex-direction: column;
  }
  .newsletter-section .newsletter-form .row .col-md-8, .newsletter-section .newsletter-form .row .col-md-4 {
    width: 100%;
  }
  .cta-section .cta-buttons {
    flex-direction: column;
    align-items: center;
  }
}
.news-events-section {
  background: #fdfdfd;
  padding: 100px 0;
}
.news-events-section .section-header {
  margin-bottom: 60px;
}
.news-events-section .section-header .sub-title-styled {
  color: #ff8b46;
  font-family: "Handlee", cursive, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  display: block;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.news-events-section .section-header .main-title-dark {
  color: #0e1c2c;
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1.1;
}
@media (max-width: 768px) {
  .news-events-section .section-header .main-title-dark {
    font-size: 2.5rem;
  }
}
.news-events-section .news-flex-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
  height: 850px;
  width: 100%;
}
@media (max-width: 1199px) {
  .news-events-section .news-flex-container {
    height: 750px;
  }
}
@media (max-width: 991px) {
  .news-events-section .news-flex-container {
    flex-direction: column;
    flex-wrap: wrap;
    height: auto;
  }
}
.news-events-section .news-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 100%;
  min-width: 0;
}
@media (max-width: 991px) {
  .news-events-section .news-col {
    height: auto;
    flex: none;
    width: 100%;
  }
}
.news-events-section .news-card {
  position: relative;
  border-radius: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
  background: white;
}
.news-events-section .news-card.h-70 {
  height: calc(70% - 15px) !important;
  flex: 0 0 auto;
}
.news-events-section .news-card.h-30 {
  height: calc(30% - 15px) !important;
  flex: 0 0 auto;
}
.news-events-section .news-card.h-100 {
  height: 100% !important;
  flex: 1 1 auto;
}
@media (max-width: 991px) {
  .news-events-section .news-card {
    height: auto !important;
    min-height: 350px;
    margin-bottom: 0;
  }
  .news-events-section .news-card.h-70, .news-events-section .news-card.h-30, .news-events-section .news-card.h-100 {
    height: auto !important;
  }
}
.news-events-section .news-card .card-body {
  padding: 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.news-events-section .news-card h4 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #0e1c2c;
}
.news-events-section .news-card .news-tag {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  margin-bottom: 30px;
  align-self: flex-start;
  text-transform: capitalize;
}
.news-events-section .news-card .news-tag.tag-red {
  background: #fa5b67;
}
.news-events-section .news-card .news-date {
  display: block;
  color: #71cf95;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.news-events-section .news-card .news-footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  color: #666;
  padding-top: 20px;
  border-top: 1px solid #eee;
}
.news-events-section .news-card .news-footer .author, .news-events-section .news-card .news-footer .comments {
  display: flex;
  align-items: center;
  gap: 8px;
}
.news-events-section .news-card .news-footer .author i, .news-events-section .news-card .news-footer .comments i {
  font-size: 1.2rem;
  color: #ccc;
}
.news-events-section .news-card.white-card {
  background: white;
}
.news-events-section .news-card.orange-card {
  background: #ff8b46;
}
.news-events-section .news-card.orange-card h4, .news-events-section .news-card.orange-card .news-footer, .news-events-section .news-card.orange-card i {
  color: white;
}
.news-events-section .news-card.orange-card .news-footer {
  color: rgba(255, 255, 255, 0.9);
  border-top-color: rgba(255, 255, 255, 0.2);
}
.news-events-section .news-card.orange-card .news-footer i {
  color: white;
}
.news-events-section .news-card.quote-card {
  background: #f1cf47;
  text-align: center;
}
.news-events-section .news-card.quote-card .card-body {
  justify-content: center;
  align-items: center;
  padding: 40px;
}
.news-events-section .news-card.quote-card .quote-icon {
  font-size: 3rem;
  margin-bottom: 25px;
  color: #0e1c2c;
}
.news-events-section .news-card.quote-card p {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0e1c2c;
  margin-bottom: 20px;
  line-height: 1.4;
}
.news-events-section .news-card.quote-card .quote-author {
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #0e1c2c;
  opacity: 0.7;
}
.news-events-section .news-card.image-card {
  background: #0e1c2c;
}
.news-events-section .news-card.image-card .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.news-events-section .news-card.image-card .card-overlay {
  position: relative;
  z-index: 2;
  height: 100%;
  background: linear-gradient(to top, rgba(14, 28, 44, 0.9) 0%, transparent 50%);
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.news-events-section .news-card.image-card .card-overlay h4, .news-events-section .news-card.image-card .card-overlay .news-date, .news-events-section .news-card.image-card .card-overlay .news-footer, .news-events-section .news-card.image-card .card-overlay i {
  color: white;
}
.news-events-section .news-card.image-card .card-overlay .news-footer {
  color: rgba(255, 255, 255, 0.9);
  border-top: none;
}
.news-events-section .news-card.image-card .card-overlay .news-tag {
  background: #fa5b67;
  position: absolute;
  top: 40px;
  left: 40px;
}
.news-events-section .news-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-up {
  animation: fadeInUp 0.6s ease-out;
}
.fade-in-up:nth-child(1) {
  animation-delay: 0.1s;
}
.fade-in-up:nth-child(2) {
  animation-delay: 0.2s;
}
.fade-in-up:nth-child(3) {
  animation-delay: 0.3s;
}
.fade-in-up:nth-child(4) {
  animation-delay: 0.4s;
}
.fade-in-up:nth-child(5) {
  animation-delay: 0.5s;
}
:root {
  --home-primary: #53746c;
  --home-secondary: #efccb0;
  --home-green: #729e92;
  --home-blue: #0d6efd;
  --home-beige: #efccb0;
  --home-yellow: #ffcc4d;
  --home-red: #fa5b67;
}
.new-font-heading, .new-footer .footer-content .footer-column h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  line-height: 1.2;
}
.new-font-body {
  font-family: "Inter", sans-serif;
  line-height: 1.6;
}
.hero-section {
  position: relative;
  min-height: 45vh;
  background: linear-gradient(135deg, #53746c 0%, #efccb0 100%);
  color: white;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.hero-section .hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.hero-section .hero-content h1 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  line-height: 1.2;
}
.hero-section .hero-content p {
  font-size: 1.25rem;
  margin-bottom: 2rem;
  opacity: 0.9;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .hero-section .hero-content p {
    font-size: 1.1rem;
  }
}
.hero-section .hero-content .hero-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
.hero-section .hero-content .hero-buttons .btn-theme-white,
.hero-section .hero-content .hero-buttons .btn-theme-cta {
  padding: 15px 30px;
  letter-spacing: 1px;
}
.hero-section .hero-content .hero-buttons .btn-theme-white:hover,
.hero-section .hero-content .hero-buttons .btn-theme-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.hero-section .hero-shape {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100px;
  background: white;
  clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 100%);
}
@media (max-width: 768px) {
  .hero-section {
    min-height: auto;
    height: auto;
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
.radio-channels,
.listen-ways,
.home-contact-us {
  position: relative;
  z-index: 2;
  background: #fff;
}
.radio-channels .section-pre-title,
.listen-ways .section-pre-title,
.home-contact-us .section-pre-title {
  margin-bottom: 0.5rem;
}
.radio-channels .section-title,
.listen-ways .section-title,
.home-contact-us .section-title {
  margin-bottom: 2.5rem;
}
.radio-channels a.channel-card,
.listen-ways a.channel-card,
.home-contact-us a.channel-card {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.radio-channels .channel-card,
.listen-ways .channel-card,
.home-contact-us .channel-card {
  padding: 40px;
  border-radius: 15px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
  text-align: center;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}
.radio-channels .channel-card .icon-box.channel-logo-box,
.listen-ways .channel-card .icon-box.channel-logo-box,
.home-contact-us .channel-card .icon-box.channel-logo-box {
  width: 88px;
  height: 88px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  padding: 12px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.radio-channels .channel-card .icon-box.channel-logo-box .channel-logo,
.listen-ways .channel-card .icon-box.channel-logo-box .channel-logo,
.home-contact-us .channel-card .icon-box.channel-logo-box .channel-logo {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.radio-channels .channel-card h3,
.listen-ways .channel-card h3,
.home-contact-us .channel-card h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: #fff;
}
.radio-channels .channel-card p,
.listen-ways .channel-card p,
.home-contact-us .channel-card p {
  margin-bottom: 0;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.92);
}
.radio-channels .channel-card:hover,
.listen-ways .channel-card:hover,
.home-contact-us .channel-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.2);
}
.radio-channels .channel-card:hover .icon-box.channel-logo-box,
.radio-channels .channel-card:hover .icon-box.listen-way-icon-box,
.listen-ways .channel-card:hover .icon-box.channel-logo-box,
.listen-ways .channel-card:hover .icon-box.listen-way-icon-box,
.home-contact-us .channel-card:hover .icon-box.channel-logo-box,
.home-contact-us .channel-card:hover .icon-box.listen-way-icon-box {
  transform: scale(1.05);
}
.radio-channels {
  padding-bottom: 2rem;
}
.radio-channels .section-content .row {
  justify-content: center;
}
.radio-channels .section-content .row > [class*=col-] {
  display: flex;
  justify-content: center;
}
.radio-channels .channel-card {
  width: 100%;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .radio-channels .channel-card {
    width: 300px;
    max-width: 300px;
  }
}
.radio-channels a.main-card.main-channel:focus-visible {
  outline: 3px solid #3a2a1f;
  outline-offset: 4px;
}
.radio-channels a.fur-card.fur-channel:focus-visible {
  outline: 3px solid rgb(44.7115577889, 62.4884422111, 58.1788944724);
  outline-offset: 4px;
}
.radio-channels a.nsa-card.nsa-channel:focus-visible {
  outline: 3px solid #448ea5;
  outline-offset: 4px;
}
.radio-channels .main-card.main-channel {
  background: #9d6949;
}
.radio-channels .main-card.main-channel:hover {
  background: rgb(87.3739130435, 58.4347826087, 40.6260869565);
}
.radio-channels .fur-card.fur-channel {
  background: #53746c;
}
.radio-channels .fur-card.fur-channel:hover {
  background: rgb(40.4572864322, 56.5427135678, 52.6432160804);
}
.radio-channels .nsa-card.nsa-channel {
  background: #4a707d;
  position: relative;
  overflow: hidden;
  cursor: default;
}
.radio-channels .nsa-card.nsa-channel:hover {
  background: rgb(36.0703517588, 54.5929648241, 60.9296482412);
}
.radio-channels .channel-card--soon {
  position: relative;
}
.radio-channels .channel-card--soon .channel-soon-badge {
  position: absolute;
  top: 16px;
  inset-inline-end: 16px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.95rem;
  border-radius: 999px;
  background: linear-gradient(135deg, rgb(244.1536842105, 220.4273684211, 201.4463157895) 0%, #efccb0 55%, rgb(230.4105263158, 176.6210526316, 133.5894736842) 100%);
  color: #3a2a1f;
  border: 1px solid rgba(157, 105, 73, 0.35);
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: 0 4px 14px rgba(68, 142, 165, 0.3);
  animation: channel-soon-pulse 2.4s ease-in-out infinite;
}
:lang(ar) .radio-channels .channel-card--soon .channel-soon-badge {
  letter-spacing: 0;
  text-transform: none;
}
@keyframes channel-soon-pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 4px 14px rgba(68, 142, 165, 0.3);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 6px 18px rgba(83, 116, 108, 0.35);
  }
}
.listen-ways {
  padding-bottom: 1rem;
}
.listen-ways .icon-box.listen-way-icon-box {
  width: 88px;
  height: 88px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.listen-ways .icon-box.listen-way-icon-box i {
  font-size: 2rem;
  color: inherit;
}
.listen-ways a.app-card.listen-way-card:focus-visible {
  outline: 3px solid #efccb0;
  outline-offset: 4px;
}
.listen-ways .shortwave-card {
  background: #53746c;
}
.listen-ways .shortwave-card .listen-way-icon-box i {
  color: #53746c;
}
.listen-ways .shortwave-card:hover {
  background: rgb(40.4572864322, 56.5427135678, 52.6432160804);
}
.listen-ways .satellite-card {
  background: #4a707d;
}
.listen-ways .satellite-card .listen-way-icon-box i {
  color: #4a707d;
}
.listen-ways .satellite-card:hover {
  background: rgb(36.0703517588, 54.5929648241, 60.9296482412);
}
.listen-ways .app-card {
  background: #729e92;
}
.listen-ways .app-card .listen-way-icon-box i {
  color: #729e92;
}
.listen-ways .app-card .app-card-qr {
  display: block;
  width: 120px;
  max-width: 100%;
  height: auto;
  margin: 1.25rem auto 0;
  padding: 6px;
  border-radius: 8px;
  background: #fff;
}
.listen-ways .app-card:hover {
  background: rgb(79.6785714286, 115.8214285714, 105.9642857143);
}
.home-contact-us .section-content {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.about-section {
  padding: 100px 0;
  background: #f8f9fa;
}
.about-section .about-img-group {
  position: relative;
  display: flex;
  justify-content: center;
}
.about-section .about-img-group .main-img {
  border-radius: 20px;
  width: 90%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.about-section .about-img-group .sub-img {
  position: absolute;
  bottom: -30px;
  right: 0;
  width: 50%;
  border: 10px solid white;
  border-radius: 20px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.about-section .about-img-group .experience-box {
  position: absolute;
  top: 40px;
  left: -30px;
  background: #53746c;
  color: white;
  padding: 25px;
  border-radius: 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.about-section .about-img-group .experience-box span {
  display: block;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
}
.about-section .about-img-group .experience-box small {
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
}
.about-section .about-content {
  padding-left: 30px;
}
@media (max-width: 991px) {
  .about-section .about-content {
    padding-left: 0;
    margin-top: 60px;
  }
}
.about-section .about-content .sub-title {
  color: #53746c;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 15px;
}
.about-section .about-content h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  color: #efccb0;
  margin-bottom: 25px;
  line-height: 1.1;
}
.about-section .about-content h2 span {
  color: #53746c;
}
.about-section .about-content p {
  color: #6c757d;
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 30px;
}
.about-section .about-content .feature-list {
  list-style: none;
  padding: 0;
  margin: 30px 0;
}
.about-section .about-content .feature-list li {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
  font-weight: 600;
  color: #efccb0;
}
.about-section .about-content .feature-list li i {
  color: #53746c;
  font-size: 1.2rem;
}
.causes-section {
  padding: 100px 0;
  background: white;
}
.causes-section .section-header {
  text-align: center;
  margin-bottom: 60px;
}
.causes-section .section-header .sub-title {
  color: #53746c;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 15px;
}
.causes-section .section-header h2 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  font-weight: 800;
  color: #efccb0;
}
.causes-section .section-header h2 span {
  color: #53746c;
}
.causes-section .cause-card {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: none;
}
.causes-section .cause-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.causes-section .cause-card .card-image {
  position: relative;
  height: 250px;
  overflow: hidden;
}
.causes-section .cause-card .card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.causes-section .cause-card .card-image .view-details {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(239, 204, 176, 0.85);
  color: white;
  padding: 8px 18px;
  border-radius: 25px;
  font-size: 0.8rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  backdrop-filter: blur(4px);
}
.causes-section .cause-card .card-image .view-details:hover {
  background: #efccb0;
  transform: scale(1.05);
}
.causes-section .cause-card .card-content {
  padding: 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.causes-section .cause-card .card-content h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #efccb0;
  margin-bottom: 1rem;
}
.causes-section .cause-card .card-content p {
  color: #666;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  flex-grow: 1;
}
.causes-section .cause-card .card-content .goal-raised {
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
}
.causes-section .cause-card .card-content .goal-raised .goal, .causes-section .cause-card .card-content .goal-raised .raised {
  font-size: 0.75rem;
  font-weight: 700;
  color: #efccb0;
  letter-spacing: 0.5px;
}
.causes-section .cause-card .card-content .progress-section {
  margin-bottom: 2rem;
}
.causes-section .cause-card .card-content .progress-section .progress-bar {
  height: 12px;
  background: white;
  border-radius: 10px;
  position: relative;
  overflow: visible;
}
.causes-section .cause-card .card-content .progress-section .progress-bar .progress-fill {
  height: 100%;
  border-radius: 10px;
  position: relative;
  transition: width 0.6s ease;
}
.causes-section .cause-card .card-content .progress-section .progress-bar .progress-fill .progress-percentage {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.causes-section .cause-card .card-content .donate-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 25px;
  border-radius: 30px;
  color: white;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
  text-transform: capitalize;
}
.causes-section .cause-card .card-content .donate-button:hover {
  filter: brightness(0.9);
  transform: translateY(-2px);
}
.causes-section .cause-card.cause-yellow {
  background-color: #fdfae7;
}
.causes-section .cause-card.cause-yellow .progress-fill, .causes-section .cause-card.cause-yellow .progress-percentage, .causes-section .cause-card.cause-yellow .donate-button {
  background-color: var(--home-yellow);
}
.causes-section .cause-card.cause-blue {
  background-color: #eaf6ff;
}
.causes-section .cause-card.cause-blue .progress-fill, .causes-section .cause-card.cause-blue .progress-percentage, .causes-section .cause-card.cause-blue .donate-button {
  background-color: var(--home-blue);
}
.causes-section .cause-card.cause-green {
  background-color: #effbf3;
}
.causes-section .cause-card.cause-green .progress-fill, .causes-section .cause-card.cause-green .progress-percentage, .causes-section .cause-card.cause-green .donate-button {
  background-color: var(--home-green);
}
.causes-section .cause-card.cause-red {
  background-color: #fdeaea;
}
.causes-section .cause-card.cause-red .progress-fill, .causes-section .cause-card.cause-red .progress-percentage, .causes-section .cause-card.cause-red .donate-button {
  background-color: var(--home-red);
}
.causes-section .cause-card.cause-purple {
  background-color: #f2f0ff;
}
.causes-section .cause-card.cause-purple .progress-fill, .causes-section .cause-card.cause-purple .progress-percentage, .causes-section .cause-card.cause-purple .donate-button {
  background-color: #7a61ff;
}
.causes-section .cause-card.cause-beige {
  background-color: rgba(239, 204, 176, 0.22);
}
.causes-section .cause-card.cause-beige .progress-fill, .causes-section .cause-card.cause-beige .progress-percentage, .causes-section .cause-card.cause-beige .donate-button {
  background-color: var(--home-beige);
}
.cta-section {
  background: linear-gradient(135deg, #53746c 0%, #efccb0 100%);
  color: white;
  text-align: center;
  padding: 100px 0;
}
.cta-section .cta-content {
  max-width: 800px;
  margin: 0 auto;
}
.cta-section .cta-content h2 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800;
  margin-bottom: 25px;
  line-height: 1.2;
}
.cta-section .cta-content p {
  font-size: 1.2rem;
  margin-bottom: 40px;
  opacity: 0.9;
}
.cta-section .cta-content .cta-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.cta-section .cta-content .cta-buttons .btn, .cta-section .cta-content .cta-buttons .btn-main {
  padding: 15px 35px;
  border-radius: 50px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.3s ease;
  border: 2px solid white;
  background: transparent;
  color: white;
}
.cta-section .cta-content .cta-buttons .btn:hover, .cta-section .cta-content .cta-buttons .btn-main:hover {
  background: white;
  color: #53746c;
  transform: translateY(-3px);
}
.team-section {
  padding: 100px 0;
  background: #f8f9fa;
}
.team-section .team-card {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
.team-section .team-card:hover {
  transform: translateY(-10px);
}
.team-section .team-card:hover .team-img img {
  transform: scale(1.1);
}
.team-section .team-card:hover .social-overlay {
  opacity: 1;
  bottom: 20px;
}
.team-section .team-card .team-img {
  position: relative;
  height: 350px;
  overflow: hidden;
}
.team-section .team-card .team-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease;
}
.team-section .team-card .team-img .social-overlay {
  position: absolute;
  bottom: -50px;
  left: 20px;
  right: 20px;
  background: white;
  padding: 15px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  gap: 15px;
  opacity: 0;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.team-section .team-card .team-img .social-overlay a {
  color: #efccb0;
  transition: color 0.3s ease;
}
.team-section .team-card .team-img .social-overlay a:hover {
  color: #53746c;
}
.team-section .team-card .team-info {
  padding: 25px;
  text-align: center;
}
.team-section .team-card .team-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  color: #efccb0;
}
.team-section .team-card .team-info span {
  color: #53746c;
  font-weight: 600;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.blog-section {
  padding: 100px 0;
}
.blog-section.programs-home-preview .blog-card {
  cursor: default;
}
.blog-section.programs-home-preview .blog-card a {
  pointer-events: none;
  cursor: default;
  color: inherit;
  text-decoration: none;
}
.blog-section.programs-home-preview .blog-card a:hover {
  color: inherit;
}
.blog-section.programs-home-preview .read-more {
  display: none !important;
}
.blog-section.programs-home-preview .programs-home-all-btn {
  display: none !important;
}
.blog-section .blog-card {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.blog-section .blog-card .blog-img {
  height: 250px;
  position: relative;
  flex-shrink: 0;
}
.blog-section .blog-card .blog-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-section .blog-card .blog-img .blog-date {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #53746c;
  color: white;
  padding: 5px 15px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 0.8rem;
}
.blog-section .blog-card .blog-content {
  padding: 30px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.blog-section .blog-card .blog-content .blog-meta {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
  font-size: 0.85rem;
  color: #666;
}
.blog-section .blog-card .blog-content .blog-meta i {
  color: #53746c;
}
.blog-section .blog-card .blog-content h4 {
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.4;
}
.blog-section .blog-card .blog-content h4 a {
  color: #efccb0;
  text-decoration: none;
}
.blog-section .blog-card .blog-content h4 a:hover {
  color: #53746c;
}
.blog-section .blog-card .blog-content .read-more {
  color: #53746c;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  margin-top: auto;
}
.blog-section .blog-card .blog-content .read-more:hover {
  gap: 12px;
}
.news-events-section {
  background: #fdfdfd;
  padding: 100px 0;
}
.news-events-section .section-header {
  margin-bottom: 60px;
  text-align: center;
}
.news-events-section .section-header .sub-title-styled {
  color: #53746c;
  font-family: "Handlee", cursive, sans-serif;
  font-size: 1.5rem;
  display: block;
  margin-bottom: 10px;
}
.news-events-section .section-header .main-title-dark {
  color: #efccb0;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.1;
}
.news-events-section .news-flex-container {
  display: flex;
  gap: 30px;
  height: 850px;
}
@media (max-width: 1199px) {
  .news-events-section .news-flex-container {
    height: 750px;
  }
}
@media (max-width: 991px) {
  .news-events-section .news-flex-container {
    flex-direction: column;
    height: auto;
  }
}
.news-events-section .news-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 100%;
}
@media (max-width: 991px) {
  .news-events-section .news-col {
    height: auto;
  }
}
.news-events-section .news-card {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
  background: white;
}
.news-events-section .news-card.h-70 {
  height: calc(70% - 15px);
}
.news-events-section .news-card.h-30 {
  height: calc(30% - 15px);
}
.news-events-section .news-card.h-100 {
  height: 100%;
  flex: 1;
}
@media (max-width: 991px) {
  .news-events-section .news-card {
    height: auto !important;
    min-height: 350px;
  }
}
.news-events-section .news-card .card-body {
  padding: 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.news-events-section .news-card h4 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #efccb0;
}
.news-events-section .news-card .news-tag {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  margin-bottom: 30px;
  align-self: flex-start;
  background: var(--home-red);
}
.news-events-section .news-card .news-date {
  display: block;
  color: #729e92;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.news-events-section .news-card .news-footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  color: #666;
  padding-top: 20px;
  border-top: 1px solid #eee;
}
.news-events-section .news-card .news-footer .author, .news-events-section .news-card .news-footer .comments {
  display: flex;
  align-items: center;
  gap: 8px;
}
.news-events-section .news-card .news-footer .author i, .news-events-section .news-card .news-footer .comments i {
  color: #ccc;
}
.news-events-section .news-card.beige-card {
  background: #efccb0;
}
.news-events-section .news-card.beige-card h4, .news-events-section .news-card.beige-card .news-footer, .news-events-section .news-card.beige-card i {
  color: white;
}
.news-events-section .news-card.beige-card .news-footer {
  color: rgba(255, 255, 255, 0.9);
  border-top-color: rgba(255, 255, 255, 0.2);
}
.news-events-section .news-card.beige-card .news-footer i {
  color: white;
}
.news-events-section .news-card.quote-card {
  background: var(--home-yellow);
  text-align: center;
}
.news-events-section .news-card.quote-card .card-body {
  justify-content: center;
  align-items: center;
}
.news-events-section .news-card.quote-card .quote-icon {
  font-size: 3rem;
  margin-bottom: 25px;
  color: #efccb0;
}
.news-events-section .news-card.quote-card p {
  font-size: 1.5rem;
  font-weight: 700;
  color: #efccb0;
  margin-bottom: 20px;
}
.news-events-section .news-card.quote-card .quote-author {
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #efccb0;
  opacity: 0.7;
}
.news-events-section .news-card.image-card {
  background: #efccb0;
}
.news-events-section .news-card.image-card .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.news-events-section .news-card.image-card .card-overlay {
  position: relative;
  z-index: 2;
  height: 100%;
  background: linear-gradient(to top, rgba(239, 204, 176, 0.9) 0%, transparent 50%);
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.news-events-section .news-card.image-card .card-overlay h4, .news-events-section .news-card.image-card .card-overlay .news-date, .news-events-section .news-card.image-card .card-overlay .news-footer, .news-events-section .news-card.image-card .card-overlay i {
  color: white;
}
.news-events-section .news-card.image-card .card-overlay .news-footer {
  border-top: none;
}
.news-events-section .news-card.image-card .card-overlay .news-tag {
  position: absolute;
  top: 40px;
  left: 40px;
}
.news-events-section .news-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-up {
  animation: fadeInUp 0.6s ease-out forwards;
}
.fade-in-up:nth-child(1) {
  animation-delay: 0.1s;
}
.fade-in-up:nth-child(2) {
  animation-delay: 0.2s;
}
.fade-in-up:nth-child(3) {
  animation-delay: 0.3s;
}

/*# sourceMappingURL=style-index.css.map*/